/* =========================================
   LOGISTICS INDUSTRY STANDARD HERO DESIGN
   Style: Professional, Dark Blue Corporate Theme
   Inspiration: DHL, Maersk, UPS Styles
   ========================================= */

.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    z-index: 0 !important;
    /* Resim değişimi ve zoom efekti animasyonu */
    animation: logisticsHeroAnim 28s infinite alternate !important;
}

/* 
   SEKTÖR STANDARDI OVERLAY (KATMAN)
   Solda yazıların arkası koyu (OKUNABİLİRLİK İÇİN)
   Sağda resimlerin arkası açık (GÖRSELLİK İÇİN)
   Renk: Kurumsal Koyu Lacivert (#0f172a - Slate 900)
*/
.hero::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg,
            rgba(10, 25, 60, 0.75) 0%,
            /* Sol taraf: Daha şeffaf (%75) */
            rgba(10, 25, 60, 0.50) 40%,
            /* Orta: Yumuşak geçiş (%50) */
            rgba(10, 25, 60, 0.10) 100%
            /* Sağ taraf: Neredeyse yok (%10) */
        ) !important;
    z-index: 1 !important;
}

/* ZOOM & SLIDE ANIMASYONU */
@keyframes logisticsHeroAnim {

    /* Resim 1 */
    0% {
        background-image: url('/images/hero-1.jpg');
        transform: scale(1);
    }

    12% {
        transform: scale(1.1);
    }

    /* Hafif yakınlaşma */
    14.28% {
        background-image: url('/images/hero-1.jpg');
        transform: scale(1);
    }

    /* Resim 2 */
    14.29% {
        background-image: url('/images/hero-2.jpg');
        transform: scale(1);
    }

    26% {
        transform: scale(1.1);
    }

    28.57% {
        background-image: url('/images/hero-2.jpg');
        transform: scale(1);
    }

    /* Resim 3 */
    28.58% {
        background-image: url('/images/hero-3.jpg');
        transform: scale(1);
    }

    40% {
        transform: scale(1.1);
    }

    42.85% {
        background-image: url('/images/hero-3.jpg');
        transform: scale(1);
    }

    /* Resim 4 */
    42.86% {
        background-image: url('/images/hero-4.jpg');
        transform: scale(1);
    }

    54% {
        transform: scale(1.1);
    }

    57.14% {
        background-image: url('/images/hero-4.jpg');
        transform: scale(1);
    }

    /* Resim 5 */
    57.15% {
        background-image: url('/images/hero-5.jpg');
        transform: scale(1);
    }

    69% {
        transform: scale(1.1);
    }

    71.42% {
        background-image: url('/images/hero-5.jpg');
        transform: scale(1);
    }

    /* Resim 6 */
    71.43% {
        background-image: url('/images/hero-6.jpg');
        transform: scale(1);
    }

    83% {
        transform: scale(1.1);
    }

    85.71% {
        background-image: url('/images/hero-6.jpg');
        transform: scale(1);
    }

    /* Resim 7 */
    85.72% {
        background-image: url('/images/hero-7.jpg');
        transform: scale(1);
    }

    98% {
        transform: scale(1.1);
    }

    100% {
        background-image: url('/images/hero-7.jpg');
        transform: scale(1);
    }
}

/* KONTEYNER AYARLARI */
.hero {
    position: relative !important;
    overflow: hidden !important;
    background-color: #0a193c !important;
    /* Resim yüklenmezse lacivert zemin */
}

/* YAZI GÖLGELENDİRMESİ */
.hero-content {
    position: relative !important;
    z-index: 2 !important;
    /* Güçlü gölge, çünkü arka plan şeffaflaştı */
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.9) !important;
}