/* =========================================================================
   HERO SLIDER COMPONENT (template-parts/hero-slider.php)
   Architecture: Swiper Core Overrides & Flex Axis Locking Engine
   ========================================================================= */

/* 1. SLIDER CONTAINER & HEIGHT LOCK */
.umitHeroSwiper {
    position: relative !important;
    width: 100% !important;
    height: calc(85vh - 95px) !important; 
    min-height: 560px !important;
    z-index: 1;
}

/* WP Admin Bar Offset (Oturum Açıkken Viewport Kaymasını Önler) */
body.admin-bar .umitHeroSwiper {
    height: calc(85vh - 127px) !important;
}

/* 2. SWIPER SLIDE & FLEX AXIS LOCK (Desktop Core Override) */
.swiper-slide {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    
    /* 🎯 FLEX AXIS ARCHITECTURE */
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;       /* Y Ekseni: Dikeyde Tam Ortala */
    justify-content: flex-end !important; /* X Ekseni: Sağa Yasla (Fogya Layout) */
    
    padding-right: 10% !important;        /* Sağdan %10 İdeal Güvenlik Mesafesi */
    padding-left: 5% !important;
    box-sizing: border-box !important;
}

/* 3. OVERLAY LAYER (Gradient Maske) */
.hero-slide-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(
        270deg, 
        rgba(0, 0, 0, 0.55) 0%, 
        rgba(0, 0, 0, 0.2) 50%, 
        rgba(0, 0, 0, 0.05) 100%
    ) !important;
    z-index: 2 !important;
}

/* 4. CONTENT BLOCK BOUNDS & ALIGNMENT */
.hero-slide-content {
    position: relative !important;
    z-index: 5 !important;
    max-width: 550px !important;          /* Sağdaki negatif boşluk sınırı */
    width: 100% !important;
    margin: 0 !important;                 /* Auto margin sıfırlama (Ortalanmayı engeller) */
    
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;     /* Alt elemanları sağa kilitler */
    text-align: right !important;         /* Tipografi sağa dayalı */
    gap: 8px !important;
}

/* 5. TIPOGRAFI & STROKE SHADOWS */
.slide-subtitle {
    color: var(--fogya-orange, #f16b4e) !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    text-shadow: 
        -1px -1px 0 #ffffff,  
         1px -1px 0 #ffffff,
        -1px  1px 0 #ffffff,
         1px  1px 0 #ffffff,
         2px  2px 4px rgba(0, 0, 0, 0.5) !important;
}

/* MAIN TITLE TIPOGRAFISI & STROKE GÖLGESİ */
.slide-title {
    color: #ffffff !important;
    font-size: 48px !important;
    font-weight: 900 !important;
    margin: 0 !important;
    line-height: 1.15 !important;
    text-shadow: 
        -1.5px -1.5px 0 #000000,  
         1.5px -1.5px 0 #000000,
        -1.5px  1.5px 0 #000000,
         1.5px  1.5px 0 #000000,
         3px    3px   0px rgba(0, 0, 0, 0.8) !important;
}

/* =========================================================================
   6. PURE CSS ENTRANCE ANIMATION ENGINE (GPU Accelerated)
   ========================================================================= */

/* Pasif Durum: Gizli & Aşağıda */
.hero-slide-content .slide-subtitle,
.hero-slide-content .slide-title {
    opacity: 0;
    transform: translateY(35px);
    transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1), 
                transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

/* Aktif Slide: Kademeli Giriş */
.swiper-slide-active .hero-slide-content .slide-subtitle {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.2s;
}

.swiper-slide-active .hero-slide-content .slide-title {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.4s;
}

/* SWIPER CONTROLS */
.swiper-button-next, 
.swiper-button-prev {
    color: #ffffff !important;
    z-index: 10 !important;
}

.swiper-pagination-bullet-active {
    background: var(--fogya-orange, #f16b4e) !important;
}

/* =========================================================================
   7. RESPONSIVE BREAKPOINTS
   ========================================================================= */

@media (max-width: 992px) {
    .umitHeroSwiper { 
        height: calc(75vh - 75px) !important; 
        min-height: 500px !important; 
    }
    body.admin-bar .umitHeroSwiper {
        height: calc(75vh - 107px) !important;
    }
    .swiper-slide {
        padding-right: 6% !important;
    }
    .slide-title { font-size: 38px !important; }
    .slide-subtitle { font-size: 22px !important; }
}

/* MOBILE BREAKPOINT: MERKEZE KİLİTLENME */
@media (max-width: 768px) {
    .umitHeroSwiper { 
        height: calc(65vh - 60px) !important; 
        min-height: 420px !important; 
    }
    body.admin-bar .umitHeroSwiper {
        height: calc(65vh - 106px) !important;
    }
    
    /* 1. SLIDE KAPSAYICISI: Y EKSENİNİ ALTA KİLİTLE */
    .swiper-slide { 
        justify-content: center !important;  /* X Ekseni: Yatayda Tam Ortala */
        align-items: flex-end !important;    /* 🎯 Y Ekseni: Dikeyde Alt Hizaya Al (Centering Matematiğini Kır) */
        padding-bottom: 130px !important;     /* 🎯 Alt Havuz Payı: Okların (%50) altındaki güvenli bölge */
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    /* 2. İÇERİK BLOĞU: SIFIR MARGIN VE TAM MERKEZ TİPOGRAFİ */
    .hero-slide-content { 
        align-items: center !important;     /* İç elemanları ortala */
        text-align: center !important;      /* Tipografiyi ortala */
        max-width: 100% !important; 
        margin: 0 !important;                /* Margin karmaşasını tamamen sıfırla */
    }
    
    .slide-title { font-size: 26px !important; }
    .slide-subtitle { font-size: 17px !important; }
}