/*
fgMatchBox Child — Park Ridge Smile Center · no-rucss-child.css
*/

/* Header CTA/logo "solid" states (home hover/scrolled), Splide-injected review
   controls, and the FAQ open/close states are keyed on JS-added classes
   (.scrolled/.active/.show) or JS-built markup (.splide__arrows/.splide__pagination)
   that Remove Unused CSS would prune from style.css since they're absent at first
   paint — kept here, whole-file excluded from RUCSS, so they survive. */
body.home.scrolled #header .booking-opener,
body.home.scrolled #header .booking-blank,
body.home #header:hover .booking-opener,
body.home #header:hover .booking-blank {
    background-color: var(--primaryColor);
    color: var(--white);
}
body.home.scrolled #header #mLogo,
body.home #header:hover #mLogo {
    filter: none;
}
section.reviews .splide__arrows,
section.reviews .splide__pagination {
    display: none;
}
.faq .faq-item .question.accordion.active::after {
    content: '\f068';
}
.faq .faq-item .answer.panel.show {
    max-height: 750px;
    padding: clamp(16px, 1.25vw, 24px) clamp(24px, 2.083vw, 40px);
}

@media (max-width: 1024px) {
    body.scrolled #header .btn-block.mobile-show {
        position: fixed;
        top: 25px;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        z-index: 95;
    }
    body.scrolled #header .btn-block.mobile-show .booking-opener {
        position: static;
        transform: none;
    }
    body.scrolled #header .btn-block.mobile-show .booking-opener,
    body.scrolled #header .btn-block.mobile-show .booking-blank {
        padding: clamp(8px, 8px, 8px) clamp(20px, 20px, 20px);
        font-size: 14px;
    }
    body.scrolled #header {
        padding-bottom: clamp(136px, 136px, 136px);
    }
    .mm-spn.mm-spn--navbar::after {
        background: var(--primaryColor);
        color: var(--white);
        font-family: var(--headingFont);
        opacity: 1;
        z-index: 1;
    }
    .mm-spn.mm-spn--navbar::before {
        border-color: var(--white);
        opacity: 1;
        z-index: 2;
    }
    .mm-ocd .mm-spn li::before {
        border-color: #767676;
        opacity: 1;
    }
}
