/* =========================================
   ÖZKAYALAR EXPRESS - TEMA DÜZELTMELERİ
   (Beyaz arka plan + Koyu Mavi Işık Animasyonları)
   ========================================= */

/* Yavaş yanıp sönen ışık animasyonu */
@keyframes pulseBlueGlow {
    0%   { opacity: 0.3; transform: scale(0.9); }
    50%  { opacity: 1; transform: scale(1.08); }
    100% { opacity: 0.3; transform: scale(0.9); }
}

@keyframes floatBlue {
    0%   { transform: translate(0, 0) scale(1); }
    33%  { transform: translate(30px, -25px) scale(1.05); }
    66%  { transform: translate(-20px, 20px) scale(0.97); }
    100% { transform: translate(0, 0) scale(1); }
}

/* Sol üst mavi ışık */
body::before {
    content: "";
    position: fixed;
    top: 5%;
    left: -5%;
    width: 55vw;
    height: 55vw;
    background: radial-gradient(circle, rgba(15, 25, 80, 0.7) 0%, rgba(15, 25, 80, 0.25) 40%, transparent 70%);
    z-index: 0;
    pointer-events: none;
    animation: pulseBlueGlow 3s ease-in-out infinite;
}

/* Sağ alt mavi ışık */
body::after {
    content: "";
    position: fixed;
    bottom: -10%;
    right: -5%;
    width: 45vw;
    height: 45vw;
    background: radial-gradient(circle, rgba(10, 20, 60, 0.6) 0%, rgba(10, 20, 60, 0.2) 40%, transparent 70%);
    z-index: 0;
    pointer-events: none;
    animation: pulseBlueGlow 3s ease-in-out infinite 1.5s; /* 1.5s gecikme - birbirini tamamlasın */
}

/* Ana sayfada boşlukları ayarlama */
body {
    background-color: #fff !important;
    color: #333 !important;
    padding-top: 100px !important; /* Header (50px) + Hero bar (50px) = 100px boşluk bırak ki banner'ın tepesi kesilmesin */
}

/* İçeriklerin animasyonun üzerinde görünmesi için z-index */
header {
    position: fixed !important; /* Sabit kalsın, sayfayla kaysın */
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000 !important; /* Her şeyin üstünde olsun (logonun taşması için) */
}
section, footer, .footer-row, .hero-banner {
    position: relative;
    z-index: 1;
}


/* Hero barı (Anasayfa, Kurumsal, İletişim) normalde görünmez, banner üstünde şeffaf durur */
.hero {
    position: absolute !important;
    top: 50px !important;       /* Header'ın (50px) altına */
    left: 0 !important;
    right: 0 !important;
    z-index: 900 !important;    /* Header (1000) altında kalsın */
    padding: 10px 0 !important;
    background: transparent !important;
    pointer-events: auto !important;
}
/* Scroll'da (aşağı inildiğinde) beyaz bar ORTAYA ÇIKSIN ve butonlar içinde kalsın */
body.scrolled .hero {
    position: fixed !important; /* Aşağı kaydırınca sayfayla beraber gelsin */
    top: 45px !important;       /* Header'ın hemen altına otursun */
    background: rgba(255, 255, 255, 0.95) !important; /* BEYAZ ARKA PLAN GERİ GELDİ */
    backdrop-filter: blur(8px) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    z-index: 900 !important; /* Header'ın ve logonun altında kalır, böylece logoyu kesmez */
    padding: 15px 0 !important; /* Butonlar barın tam içinde ortalansın */
}
/* Hero bar boşluğu (spacer) gereksiz - gizle */
.hero-spacer {
    display: none !important;
}
/* Banner üst boşluğu kaldır ki tam görünsün */
.hero-banner {
    margin-top: 0 !important;
}

/* Sosyal Medya Butonları - Boyut ayarı */
.social-btn {
    width: 32px !important;
    height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
}
.social-btn svg {
    width: 16px !important;
    height: 16px !important;
}

/* Yönetici Butonu - orijinal style.css tasarımı geçerli (misyon-vizyon ile aynı) */

/* Reklam (İmza) İkonu - Siyah yap ve sağa kaydır */
.signature-btn img {
    filter: brightness(0) !important; /* Siyah */
}
.credit-text {
    margin-left: calc(25% + 75px) !important;
}

/* Dropdown Menu (Kurumsal açılır kartı) - Beyaz */
.dropdown-menu {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
}
.dropdown-menu a, .dropdown-menu .dropdown-btn {
    color: #1e293b !important;
}
.dropdown-menu a:hover, .dropdown-menu .dropdown-btn:hover {
    background: rgba(0, 120, 200, 0.08) !important;
    color: #0369a1 !important;
}