/* Site genel floating header (ana sayfa + iç sayfalar) */

.home-shell {
    background: #fcf8f9;
    color: #17151a;
}

.header-home {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1040;
    background: transparent;
    border: 0;
    box-shadow: none;
    transition:
        background 0.28s ease,
        box-shadow 0.28s ease,
        border-color 0.28s ease,
        backdrop-filter 0.28s ease,
        -webkit-backdrop-filter 0.28s ease;
}

/* Ana sayfa: header biraz aşağı */
.header-home--overlay {
    top: 10px;
}

.header-home::after {
    display: none;
}

/* Eski top bar her yerde gizli — linkler ana menüde */
.header-home > .container:first-child {
    display: none !important;
}

.header-home .site-navbar {
    padding: 18px 0 10px;
    border-top: 0 !important;
    background: transparent !important;
}

/* Cam bar (scroll / iç sayfa) */
.header-home.is-scrolled,
.header-home--solid {
    background: rgba(255, 252, 254, 0.86);
    backdrop-filter: blur(18px) saturate(1.2);
    -webkit-backdrop-filter: blur(18px) saturate(1.2);
    box-shadow: 0 10px 30px rgba(40, 16, 40, 0.08);
    border-bottom: 1px solid rgba(221, 42, 123, 0.08);
}

.header-home.is-scrolled .site-navbar,
.header-home--solid .site-navbar {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* İç sayfalarda sabit header içeriğin üstüne binmesin */
.position-relative:has(> .header-home--solid) {
    padding-top: 96px;
}

.header-home .navbar-toggler {
    border: 1px solid rgba(221, 42, 123, 0.18) !important;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 999px;
    width: 44px;
    height: 44px;
    display: inline-grid;
    place-items: center;
    padding: 0;
}

.header-home .navbar-toggler-icon {
    filter: invert(1) brightness(0.18);
}

@media (max-width: 991.98px) {
    .header-home .site-navbar {
        padding: 14px 0;
    }

    .header-home .site-nav-capsule {
        width: 100%;
        border-radius: 18px;
        margin-top: 10px;
    }

    .header-home .site-nav-links {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        gap: 4px;
    }

    .header-home .site-nav-link {
        width: 100%;
        justify-content: flex-start;
    }

    .position-relative:has(> .header-home--solid) {
        padding-top: 84px;
    }
}