/* --- CRITICAL: Header + Hero - CLS önleme, en üstte yüklensin --- */
#main-header { position:fixed; top:0; left:0; width:100%; z-index:50; height:70px; display:flex; align-items:center; overflow:hidden }
@media(min-width:1024px){ #main-header { height:90px } }
#main-header .max-w-7xl { max-width:80rem; margin:0 auto; padding:0 1.5rem; width:100% }
#main-header .flex { display:flex }
#main-header .items-center { align-items:center }
#main-header .justify-between { justify-content:space-between }
#header-logo { display:block; position:relative; width:200px; min-width:200px; height:50px; min-height:50px; flex-shrink:0; overflow:hidden }
@media(min-width:1024px){ #header-logo { width:300px; min-width:300px; height:85px; min-height:85px } }
#header-logo img { position:absolute; top:50%; left:0; right:auto; bottom:auto; transform:translateY(-50%); width:200px; height:50px; object-fit:contain; object-position:left; transition:opacity .2s ease,visibility .2s ease }
@media(min-width:1024px){ #header-logo img { width:300px; height:85px } }
.logo-visible { opacity:1; visibility:visible; pointer-events:auto }
.logo-hidden { opacity:0; visibility:hidden; pointer-events:none }
.hero-slider-section { position:relative; width:100%; overflow:hidden; background:#171717; aspect-ratio:16/9; min-height:400px }
@media(min-width:768px){ .hero-slider-section { min-height:85vh } }
@media(min-width:1024px){ .hero-slider-section { min-height:700px } }
.hero-slider-section .splide, .hero-slider-section .splide__track, .hero-slider-section .splide__list,
.hero-slider-section .splide__slide, .hero-slider-section .splide__slide > div { height:100% }
.hero-slider-section img { width:100%; height:100%; object-fit:cover; display:block }
.hero-slider-section .absolute { position:absolute }
.hero-slider-section .inset-0 { inset:0 }
.hero-slider-section .relative { position:relative }
.hero-slider-section .z-0 { z-index:0 }
.hero-slider-section .z-10 { z-index:10 }
.hero-slider-section .flex { display:flex }
.hero-slider-section .items-center { align-items:center }
.hero-slider-section .w-full { width:100% }
.hero-slider-section .h-full { height:100% }
.hero-slider-section .max-w-7xl { max-width:80rem }
.hero-slider-section .mx-auto { margin-left:auto; margin-right:auto }
.hero-slider-section .px-6 { padding-left:1.5rem; padding-right:1.5rem }
.hero-slider-section .text-center { text-align:center }
.hero-slider-section .text-left { text-align:left }
.hero-slider-section .text-right { text-align:right }
.hero-content-box { display:grid; grid-template-rows:2.5em 1fr; padding:2rem; height:140px; box-sizing:border-box }
@media(min-width:768px){ .hero-content-box { padding:3rem; height:200px } }
.certificateSwiper { min-height:380px; overflow:hidden }
footer { flex-shrink: 0 }
.fa, .fas, .fab, .far, .fal { min-width: 1em; min-height: 1em; display: inline-block; vertical-align: middle }
/* Nav ikonları: FA yüklenmeden önce sabit yer tutucu - header içi CLS önleme */
#main-header .fa, #main-header .fas, #main-header .fab, #main-header .far, #main-header .fal { display:inline-flex; align-items:center; justify-content:center; line-height:1 }
#main-header .fa-bars { width:24px; height:24px }
#main-header .fa-chevron-down { width:8px; height:8px }

/* --- CLS: Font FOUT (Flash of Unstyled Text) Önleme --- */
/* font-display: swap @font-face'te tanımlı (Layout, fontawesome-font-display.css) */
/* Fallback font asıl fonttan büyükse kayma yapar - line-height sabitle */
html {
    font-size-adjust: none;
}

body {
    font-size-adjust: none;
    line-height: 1.5;
}

/* h1, h2: font yüklenmeden önce fallback ile aynı satır yüksekliği = kayma yok */
h1, h2 {
    line-height: 1.2;
}

/* --- GÖRSEL OTOMATİK BOYUTLANDIRMA: uploads görselleri taşmasın --- */
/* object-cover/object-contain + aspect kullanan görsellere height:auto uygulanmaz - CLS önleme */
img[src*="/uploads/"]:not([class*="object-cover"]):not([class*="object-contain"]) {
    max-width: 100%;
    height: auto;
}

/* --- GİZEM TURAN ÖZEL NAVBAR STİLLERİ --- */

/* Navbar kaydırıldığında devreye girecek olan sınıf */
.navbar-scrolled {
    background-color: rgba(255, 255, 255, 0.98) !important; /* Beyaz Arka Plan */
    backdrop-filter: blur(10px); /* Cam efekti */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); /* Hafif gölge */
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    transition: all 0.4s ease-in-out;
}

    /* Scroll olunca linklerin ve ikonun rengini lacivert yap */
    .navbar-scrolled .nav-link,
    .navbar-scrolled #menu-icon,
    .navbar-scrolled .logo-text {
        color: #1B2559 !important;
    }

/* İlk yüklemede ve tepe noktasındayken geçiş yumuşaklığı */
nav {
    transition: all 0.4s ease-in-out;
}

#menu-icon {
    transition: color 0.3s ease;
}

/* Mobil menü açıldığında içeriğin üstte kalması için */
#mobile-menu {
    transition: all 0.3s ease-in-out;
}