/*
 * DR. BOBOEV MATERNITY CENTER — INNER FULL BACKGROUND V9
 * Makes internal public pages use a full-page background similar to /murojaat.
 * Homepage and /murojaat are intentionally excluded by JS.
 */

body.inner-full-bg-v9 main {
    position: relative;
    isolation: isolate;
    min-height: calc(100vh - 110px);
    background-image:
        linear-gradient(
            180deg,
            rgba(39, 27, 33, .34) 0%,
            rgba(236, 226, 231, .68) 34%,
            rgba(247, 242, 245, .84) 100%
        ),
        var(--inner-v9-bg);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* Existing section backgrounds should no longer hide the full-page image. */
body.inner-full-bg-v9 main > section,
body.inner-full-bg-v9 main > .section,
body.inner-full-bg-v9 .section-soft,
body.inner-full-bg-v9 .liv-health-atlas,
body.inner-full-bg-v9 .liv-doctors-section,
body.inner-full-bg-v9 .liv-home-tools,
body.inner-full-bg-v9 .school-home,
body.inner-full-bg-v9 .v6-featured-tech,
body.inner-full-bg-v9 .v6-home-packages,
body.inner-full-bg-v9 .v6-trust-section {
    background: transparent !important;
}

/* First/top hero sits on the same page background and receives a darker veil. */
body.inner-full-bg-v9 main > section:first-child:not(.hero):not(.liv-search-section) {
    position: relative;
    min-height: 340px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: linear-gradient(
        90deg,
        rgba(39, 28, 34, .62) 0%,
        rgba(71, 45, 56, .40) 48%,
        rgba(54, 36, 44, .18) 100%
    ) !important;
}

body.inner-full-bg-v9 main > section:first-child:not(.hero):not(.liv-search-section)::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(
            circle at 78% 18%,
            rgba(255,255,255,.11),
            transparent 30%
        );
}

body.inner-full-bg-v9 main > section:first-child:not(.hero):not(.liv-search-section) > * {
    position: relative;
    z-index: 1;
}

body.inner-full-bg-v9 main > section:first-child:not(.hero):not(.liv-search-section) h1,
body.inner-full-bg-v9 main > section:first-child:not(.hero):not(.liv-search-section) h2 {
    color: #fff !important;
    text-shadow: 0 3px 18px rgba(0,0,0,.18);
}

body.inner-full-bg-v9 main > section:first-child:not(.hero):not(.liv-search-section) p,
body.inner-full-bg-v9 main > section:first-child:not(.hero):not(.liv-search-section) time,
body.inner-full-bg-v9 main > section:first-child:not(.hero):not(.liv-search-section) > .container > span,
body.inner-full-bg-v9 main > section:first-child:not(.hero):not(.liv-search-section) .v6-eyebrow,
body.inner-full-bg-v9 main > section:first-child:not(.hero):not(.liv-search-section) .school-eyebrow,
body.inner-full-bg-v9 main > section:first-child:not(.hero):not(.liv-search-section) .liv-tools-eyebrow,
body.inner-full-bg-v9 main > section:first-child:not(.hero):not(.liv-search-section) .health-v7-back {
    color: rgba(255,255,255,.90) !important;
}

/* Main content areas become glass-like, similar to the murojaat form cards. */
body.inner-full-bg-v9 main > section:not(:first-child) > .container {
    position: relative;
    z-index: 1;
}

body.inner-full-bg-v9 .health-v7-empty,
body.inner-full-bg-v9 .health-v7-card,
body.inner-full-bg-v9 .v6-empty,
body.inner-full-bg-v9 .v6-catalog-card,
body.inner-full-bg-v9 .v6-package-card,
body.inner-full-bg-v9 .v6-testimonial,
body.inner-full-bg-v9 .v6-faq-item,
body.inner-full-bg-v9 .v6-panel,
body.inner-full-bg-v9 .school-card,
body.inner-full-bg-v9 .school-empty,
body.inner-full-bg-v9 .school-article,
body.inner-full-bg-v9 .school-aside > div,
body.inner-full-bg-v9 .school-tool-link,
body.inner-full-bg-v9 .liv-tools-calculator,
body.inner-full-bg-v9 .liv-tools-info-card,
body.inner-full-bg-v9 .liv-atlas-main-card,
body.inner-full-bg-v9 .liv-atlas-small-card,
body.inner-full-bg-v9 .liv-atlas-side-block,
body.inner-full-bg-v9 .service-card,
body.inner-full-bg-v9 .doctor-card,
body.inner-full-bg-v9 .news-card,
body.inner-full-bg-v9 .info-card {
    background: rgba(255,255,255,.91) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-color: rgba(255,255,255,.66) !important;
    box-shadow: 0 16px 40px rgba(41,27,34,.09) !important;
}

/* Keep explicitly dark portal cards dark. */
body.inner-full-bg-v9 .liv-atlas-side-block.dark,
body.inner-full-bg-v9 .v6-split-block.dark,
body.inner-full-bg-v9 .liv-tools-note {
    background: rgba(44,39,42,.94) !important;
    border-color: rgba(44,39,42,.95) !important;
}

/* Tabs/buttons remain easy to read on image background. */
body.inner-full-bg-v9 .health-v7-tabs,
body.inner-full-bg-v9 .school-tabs,
body.inner-full-bg-v9 .v6-tabs,
body.inner-full-bg-v9 .liv-doctor-filters {
    padding: 10px;
    border-radius: 14px;
    background: rgba(255,255,255,.68);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* If an older V8 rule tries to paint a separate hero image, override it. */
body.inner-full-bg-v9 .health-v7-hero,
body.inner-full-bg-v9 .health-v7-detail-hero,
body.inner-full-bg-v9 .school-hero,
body.inner-full-bg-v9 .school-detail-hero,
body.inner-full-bg-v9 .liv-tools-hero,
body.inner-full-bg-v9 .v6-hero,
body.inner-full-bg-v9 .v6-detail-hero,
body.inner-full-bg-v9 .page-hero,
body.inner-full-bg-v9 .page-header,
body.inner-full-bg-v9 .inner-hero,
body.inner-full-bg-v9 .subpage-hero,
body.inner-full-bg-v9 .about-hero {
    background-image: linear-gradient(
        90deg,
        rgba(39, 28, 34, .62) 0%,
        rgba(71, 45, 56, .40) 48%,
        rgba(54, 36, 44, .18) 100%
    ) !important;
    background-color: transparent !important;
}

/* Footer remains visually separate. */
body.inner-full-bg-v9 footer {
    position: relative;
    z-index: 2;
}

/* Responsive */
@media (max-width: 900px) {
    body.inner-full-bg-v9 main {
        background-attachment: scroll;
        background-position: center top;
    }

    body.inner-full-bg-v9 main > section:first-child:not(.hero):not(.liv-search-section) {
        min-height: 300px;
    }
}

@media (max-width: 650px) {
    body.inner-full-bg-v9 main {
        background-position: 58% top;
    }

    body.inner-full-bg-v9 main > section:first-child:not(.hero):not(.liv-search-section) {
        min-height: 280px;
    }
}