/**
 * Page: Homepage (Ana Sayfa)
 *
 * Section spacing for the front page template.
 * Component styles are handled by their own CSS files.
 *
 * @package Saha
 */

/* ── Header overlay ──────────────────────────────────────────────────── */

body.home .saha-site-header--solid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: var(--saha-z-header, 100);
    background-color: transparent;
    margin-bottom: 0;
}

body.home .saha-site-header__actions {
    color: #FFFFFF;
}

/* ── Page Wrapper ────────────────────────────────────────────────────── */

.saha-page--home {
    display: flex;
    flex-direction: column;
}

/* ── Section spacing ─────────────────────────────────────────────────── */

.saha-page--home .saha-card-showcase {
    padding-top: 96px;
    padding-bottom: 30px;
}

.saha-page--home .saha-dual-feature {
    padding-top: 30px;
    padding-bottom: 96px;
}

.saha-page--home .saha-testimonial-carousel {
    padding-top: 30px;
    padding-bottom: 30px;
}

/* ── Card Showcase overrides (homepage only) ─────────────────────────── */

.saha-page--home .saha-card-showcase__inner {
    gap: 30px;
}

.saha-page--home .saha-card-showcase__inner--bottom {
    padding-top: 30px;
}

.saha-page--home .saha-card-showcase .saha-section-header__title {
    font-size: 16px;
    line-height: 24px;
}

.saha-page--home .saha-card-showcase + .saha-card-showcase {
    padding-top: 30px;
    padding-bottom: 60px;
}

.saha-page--home .saha-card-showcase__track {
    margin-top: 30px;
    padding: 0;
    scroll-padding-inline: var(--saha-container-padding);
}

.saha-page--home .saha-card-showcase__track::before,
.saha-page--home .saha-card-showcase__track::after {
    content: '';
    flex: 0 0 var(--saha-container-padding);
}

.saha-page--home .saha-card-showcase .saha-section-header__arrow,
.saha-page--home .saha-card-showcase .saha-section-header__link {
    width: 72px;
    height: 20px;
}

.saha-page--home .saha-card-showcase .saha-section-header__arrow .saha-icon,
.saha-page--home .saha-card-showcase .saha-section-header__link .saha-icon {
    width: 72px;
    height: 12px;
}

/* ── Responsive ──────────────────────────────────────────────────────── */

@media (max-width: 1024px) {
    /* Below 1024px the hero grid is single-column: the white left panel
       sits directly behind the header.  Revert to a solid (in-flow)
       header so icons stay visible and the intro text doesn't overlap. */
    body.home .saha-site-header--solid {
        position: relative;
        background-color: #FFFFFF;
        padding-top: 20px;
        margin-bottom: 0;
    }

    body.home .saha-site-header__actions {
        color: var(--saha-color-text-primary);
    }

    .saha-page--home .saha-card-showcase,
    .saha-page--home .saha-dual-feature,
    .saha-page--home .saha-testimonial-carousel {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    .saha-page--home .saha-card-showcase .saha-section-header__arrow .saha-icon,
    .saha-page--home .saha-card-showcase .saha-section-header__link .saha-icon {
        width: 56px;
        height: 10px;
    }
}

@media (max-width: 768px) {
    .saha-page--home .saha-card-showcase,
    .saha-page--home .saha-dual-feature,
    .saha-page--home .saha-testimonial-carousel {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .saha-page--home .saha-card-showcase .saha-section-header__arrows {
        display: none;
    }
}