/* =================================================================
   HEADER STİLLERİ - GÜNCELLENMİŞ
   ================================================================= */

/* YENİ: Header'ın kendisine sürekli arka plan ışıması */
#header {
    /* Sürekli olarak alttan vuran mavi bir gölge/ışıma ekler */
    box-shadow: 0 5px 25px -5px rgba(56, 189, 248, 0.5);
    /* Işıma efektinin yumuşak geçişi için */
    transition: box-shadow 0.3s ease;
}

/* YENİ: Fare üzerine gelince artan arka plan ışıması */
#header:hover {
    /* Fare üzerine gelince gölgenin rengini ve boyutunu artırır */
    box-shadow: 0 8px 35px -5px rgba(56, 189, 248, 0.8);
}


/* Ana Menü Linkleri İçin Alt Çizgi Efekti (Neon kaldırıldı) */
#header nav a {
    position: relative; /* Animasyon için gerekli */
    padding-bottom: 4px; /* Alt çizgi için boşluk */
    color: #e5e7eb; /* Standart metin rengi */
    transition: color 0.3s ease, transform 0.3s ease;
}

/* Fareyle üzerine gelince belirecek alt çizgi (başlangıç durumu) */
#header nav a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #38bdf8; /* sky-400 */
    transition: width 0.3s ease;
}

/* Fareyle üzerine gelince renk ve büyütme efekti */
#header nav a:hover {
    color: #38bdf8; /* sky-400 */
    transform: scale(1.05); /* Hafif büyütme efekti */
}

/* Fareyle üzerine gelince alt çizginin genişlemesi */
#header nav a:hover::after {
    width: 100%;
}


/* Açılır menülerin görünürlüğü için temel stiller */
.desktop-dropdown:hover .desktop-submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.desktop-submenu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}

/* --- Mobil Menü Düzeltmeleri (TAM EKRAN) --- */
/* Mobil menünün pozisyonunu ve görünürlüğünü garantile */
#mobile-menu {
    position: fixed; /* Sayfa içeriğinden bağımsız, tam ekran kaplama */
    z-index: 200; /* Her şeyin en üzerinde olmasını garantile */
    background-color: rgba(10, 10, 10, 0.9); /* Hafif transparan koyu arka plan */
    backdrop-filter: blur(8px); /* Arkadaki içeriği bulanıklaştır (Safari/Chrome) */
    -webkit-backdrop-filter: blur(8px); /* Safari için */
}

/* Mobil menü içindeki linklerin stilini büyütelim */
#mobile-menu .mobile-menu-item a {
    font-size: 1.5rem; /* 24px */
    text-align: center;
    padding: 0.5rem 0;
}