/* Slayt carousel — yükseklik boş: görsel oranı (yatay %100); dolu: sabit px + cover */

.theme-premium #header-carousel,
.theme-premium #header-carousel .carousel-inner {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
}

.theme-premium #header-carousel .carousel-item {
    position: relative;
    overflow: hidden;
    padding: 0 !important;
    /* margin-right'a dokunma — Bootstrap gecis icin -100% sart */
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    border: 0 !important;
    background-color: #0f172a;
    height: auto;
}

/* Varsayılan: otomatik yükseklik — görsel akışta, yatay %100 */
.theme-premium #header-carousel .carousel-item > picture,
.theme-premium #header-carousel .kobi-slide-placeholder {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 0;
}

.theme-premium #header-carousel .kobi-slide-placeholder {
    background-color: #0f172a;
    min-height: 240px;
}

.theme-premium #header-carousel .kobi-slide-img {
    display: block;
    width: 100%;
    height: auto;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    border: 0;
    object-fit: unset;
    object-position: center center;
    vertical-align: middle;
}

/* Sabit yükseklik (panelde px girilmişse) */
@media (min-width: 992px) {
    .theme-premium #header-carousel.kobi-slide-h-desktop .carousel-item {
        height: var(--slide-carousel-height-desktop);
    }

    .theme-premium #header-carousel.kobi-slide-h-desktop .carousel-item > picture,
    .theme-premium #header-carousel.kobi-slide-h-desktop .kobi-slide-placeholder {
        position: absolute;
        inset: 0;
        height: 100%;
    }

    .theme-premium #header-carousel.kobi-slide-h-desktop .kobi-slide-img {
        height: 100%;
        object-fit: cover;
    }
}

@media (max-width: 991.98px) {
    .theme-premium #header-carousel.kobi-slide-h-mobile .carousel-item {
        height: var(--slide-carousel-height-mobile);
    }

    .theme-premium #header-carousel.kobi-slide-h-mobile .carousel-item > picture,
    .theme-premium #header-carousel.kobi-slide-h-mobile .kobi-slide-placeholder {
        position: absolute;
        inset: 0;
        height: 100%;
    }

    .theme-premium #header-carousel.kobi-slide-h-mobile .kobi-slide-img {
        height: 100%;
        object-fit: cover;
    }
}

/* Yazı bloğu slaytın tam yüksekliğinde dikey+yatay ortada */
.theme-premium #header-carousel .carousel-caption {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
    margin: 0;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 1.25rem !important;
    box-sizing: border-box;
    transform: none;
    pointer-events: none;
}

.theme-premium #header-carousel .carousel-caption > * {
    pointer-events: auto;
}

body.theme-premium .header-theme-nav-over-hero #header-carousel .carousel-caption {
    padding-top: 5.25rem !important;
    padding-bottom: 1.5rem !important;
}

@media (min-width: 992px) {
    body.theme-premium .header-theme-nav-over-hero #header-carousel .carousel-caption {
        padding-top: 6rem !important;
    }
}

/* Tam ekran: ekran kenarları. Kutu: sitenin içerik genişliği. */
.theme-premium #header-carousel.kobi-slide-view-fullscreen .carousel-item {
    height: 100vh;
    height: 100dvh;
}

.theme-premium #header-carousel.kobi-slide-view-fullscreen .carousel-item > picture,
.theme-premium #header-carousel.kobi-slide-view-fullscreen .kobi-slide-placeholder {
    position: absolute;
    inset: 0;
    height: 100%;
}

.theme-premium #header-carousel.kobi-slide-view-fullscreen .kobi-slide-img {
    height: 100%;
    object-fit: cover;
}

/* Tam ekranda panel yüksekliği girildiyse 100vh yerine o değer */
@media (min-width: 992px) {
    .theme-premium #header-carousel.kobi-slide-view-fullscreen.kobi-slide-h-desktop .carousel-item {
        height: var(--slide-carousel-height-desktop);
    }
}

@media (max-width: 991.98px) {
    .theme-premium #header-carousel.kobi-slide-view-fullscreen.kobi-slide-h-mobile .carousel-item {
        height: var(--slide-carousel-height-mobile);
    }
}

.theme-premium .kobi-slide-box {
    width: 100%;
    max-width: none;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .theme-premium .kobi-slide-box {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

.theme-premium #header-carousel.kobi-slide-view-boxed {
    width: 100%;
    max-width: 100%;
    border-radius: 1rem;
    overflow: hidden;
}

/* Arkaplan Slide karartma seviyeleri */
body.theme-kobi #header-carousel.kobi-slide-overlay-light .carousel-item::after {
    background: linear-gradient(
        180deg,
        rgba(15, 23, 42, 0.04) 0%,
        rgba(15, 23, 42, 0.12) 48%,
        rgba(15, 23, 42, 0.28) 100%
    );
}

body.theme-kobi #header-carousel.kobi-slide-overlay-strong .carousel-item::after {
    background: linear-gradient(
        180deg,
        rgba(15, 23, 42, 0.28) 0%,
        rgba(15, 23, 42, 0.5) 42%,
        rgba(15, 23, 42, 0.78) 100%
    );
}

/* Görsel slide: yazı ve karartma yok */
body.theme-kobi #header-carousel.kobi-slide-style-image .carousel-item::after,
body.theme-kobi #header-carousel.kobi-slide-style-image .carousel-caption,
#header-carousel.kobi-slide-style-image .carousel-caption,
#header-carousel.kobi-slide-style-image .carousel-item::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

/* Menü arkasi: ana bar slaytin ustunde (mobil+masaüstü) */
body.theme-premium .header-theme-nav-over-hero > nav.header-theme-main-bar {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1040;
    border-bottom: none !important;
}