script.js

// انتظر تحميل الصفحة بالكامل
document.addEventListener('DOMContentLoaded', () => {
    
    // --- 1. نظام الدارك مود ---
    const themeToggle = document.getElementById('theme-toggle');
    const themeIcon = document.getElementById('theme-icon');
    const root = document.documentElement;

    // استعادة الثيم المحفوظ
    const savedTheme = localStorage.getItem('theme') || 'light';
    root.setAttribute('data-theme', savedTheme);
    updateThemeIcon(savedTheme);

    themeToggle.addEventListener('click', () => {
        const currentTheme = root.getAttribute('data-theme');
        const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
        
        root.setAttribute('data-theme', newTheme);
        localStorage.setItem('theme', newTheme);
        updateThemeIcon(newTheme);
    });

    function updateThemeIcon(theme) {
        if (theme === 'dark') {
            themeIcon.className = 'fas fa-sun';
        } else {
            themeIcon.className = 'fas fa-moon';
        }
    }

    // --- 2. التنقل بين الصفحات ---
    const navLinks = document.querySelectorAll('.top-nav a');
    const sections = document.querySelectorAll('.section');

    navLinks.forEach(link => {
        link.addEventListener('click', (e) => {
            e.preventDefault();
            const targetId = link.getAttribute('data-target');
            
            sections.forEach(s => s.classList.remove('active'));
            navLinks.forEach(l => l.classList.remove('active'));
            
            document.getElementById(targetId).classList.add('active');
            link.classList.add('active');
        });
    });

    // --- 3. التخصصات الديناميكية ---
    const mainSpecialty = document.getElementById('main-specialty');
    const subSpecialty = document.getElementById('sub-specialty');
    
    const subData = {
        engineering: ["مدنية", "معمارية", "برمجيات"],
        medicine: ["طب عام", "صيدلة", "أسنان"],
        it: ["أمن سيبراني", "تطوير ويب"]
    };

    if(mainSpecialty) {
        mainSpecialty.addEventListener('change', function() {
            const val = this.value;
            subSpecialty.innerHTML = '<option value="">اختر التخصص الدقيق</option>';
            if(subData[val]) {
                subData[val].forEach(item => {
                    const opt = document.createElement('option');
                    opt.value = item;
                    opt.textContent = item;
                    subSpecialty.appendChild(opt);
                });
            }
        });
    }
});