/*
Southern Boulevard Dental child — RUCSS-safe rules.
Template: fgmatchbox
No build.
*/

/* Rules keyed on classes/states JS adds at runtime — Splide's .splide__pagination dots and
   .is-active carousel/panel states, the header's .scrolled toggle, MmenuLight's drawer submenu,
   and the FAQ accordion's .active icon swap — which Remove Unused CSS prunes from a static child
   sheet because the crawler never sees them; this file is whole-file excluded from RUCSS instead
   of relying on a safelist. The 1024px mobile-show reconcile at the bottom is the 1.0.6 parent
   fix: on scroll the parent now fixes the INNER .booking-opener, so the parent's fixed+translated
   wrapper would otherwise become its containing block and shift the button off the bar's midline. */

body .section-partners .partners-list-wrap:not(.is-active) .partners-list {
    width: 100%;
}
body .offers .splide__pagination .splide__pagination__page {
    background: var(--primaryColor, #946F47);
}
body .offers .splide__pagination .splide__pagination__page.is-active {
    background: var(--black, #303030);
}
body.home:not(.scrolled) #sOpenForm {
    background-color: transparent;
    border-color: var(--white, #fff);
    color: var(--white, #fff);
}
body.home:not(.scrolled) #header:hover #sOpenForm {
    background-color: var(--primaryColor);
    border-color: transparent;
    color: var(--white, #fff);
}
body.home:not(.scrolled) #header #sOpenForm:hover {
    background-color: var(--primaryHover, #635F5B);
    border-color: transparent;
    color: var(--white, #fff);
}
body.scrolled #sOpenForm:focus-visible,
body:not(.home) #sOpenForm:focus-visible,
#header:hover #sOpenForm:focus-visible {
    outline-color: var(--black, #303030);
}
.faq .faq-item .question.accordion.active::after {
    content: '\f068';
}

@media (max-width: 1024px) {
    .mm-spn li::before,
    .mm-spn.mm-spn--navbar::before {
        border-color: #767676;
        opacity: 1;
    }
    body.scrolled #header .btn-block.mobile-show {
        transform: none;
    }
}