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

/* Header'ın kendisine sürekli arka plan ışıması */
#header {
    box-shadow: 0 5px 25px -5px rgba(56, 189, 248, 0.5);
    transition: box-shadow 0.3s ease;
}

/* Fare üzerine gelince artan arka plan ışıması */
#header:hover {
    box-shadow: 0 8px 35px -5px rgba(56, 189, 248, 0.8);
}

/* Ana Menü Linkleri İçin Alt Çizgi Efekti */
#header nav a {
    position: relative; 
    padding-bottom: 4px; 
    color: #e5e7eb; 
    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; 
    transition: width 0.3s ease;
}

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

/* 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) --- */
#mobile-menu {
    position: fixed; 
    z-index: 200; 
    background-color: rgba(10, 10, 10, 0.9); 
    backdrop-filter: blur(8px); 
    -webkit-backdrop-filter: blur(8px); 
}

#mobile-menu .mobile-menu-item a {
    font-size: 1.5rem; 
    text-align: center;
    padding: 0.5rem 0;
}

/* =================================================================
   LOGO STİLLERİ (XXL BOYUT VE IŞIMA)
   ================================================================= */

/* YENİ: XXL Logo sınıfı */
.tech-glow-logo-xxl {
    height: 4rem !important; /* Tarayıcı hafızasını aşmak için !important eklendi */
    transition: all 0.4s ease;
    filter: drop-shadow(0 0 10px rgba(56, 189, 248, 0.5));
}

.tech-glow-logo-xxl:hover {
    transform: scale(1.05);
    filter: drop-shadow(0 0 20px rgba(56, 189, 248, 0.9));
}

/* Mobil cihazlar (telefonlar) için medya sorgusu */
@media (max-width: 768px) {
    .tech-glow-logo-xxl {
        height: 3.5rem !important; 
    }
}