/*
 * fgMatchBox Child — Stono Dental Care · no-rucss-child.css
 * RUCSS-safe child stylesheet. WP Rocket's Remove Unused CSS prunes rules keyed on
 * JS-added runtime classes even when the class is safelisted, and it only reads
 * style.css/enqueued files it can see — this file is whole-file excluded via
 * rocket_rucss_external_exclusions in functions.php so these rules always ship.
 * Everything below moved here from style.css for that reason. Do not add any more
 * runtime-state (JS-toggled-class) rules to style.css; put them here instead.
 */
/*
 * Moved rules, condensed rationale:
 * - mm-spn (mobile drawer) title-bar/chevron/submenu-chevron colors: Figma wants the
 *   open drawer's title strip primary-with-white-text and the chevrons at higher
 *   contrast than MmenuLight's defaults; these are 3-class selectors that out-specify
 *   the parent's own drawer rules, so they must survive RUCSS or the drawer reverts to
 *   stock colors at runtime.
 * - Book Now button (.btn-block.mobile-show) at rest vs scrolled: the Lyon pattern is
 *   `body:not(.scrolled)` positions it statically below the logo, and once
 *   `body.scrolled` is added the parent's own no-rucss.css floats/pins the inner button
 *   fixed. On this CF7/.booking-opener site the parent's fixed-position rule targets the
 *   inner button, but the wrapper here still carries a translate from the "not scrolled"
 *   layout; if that translate isn't cleared on scroll the wrapper becomes the button's
 *   containing block and the fixed positioning breaks. `body.scrolled #header
 *   .btn-block.mobile-show { transform: none; }` is the 1.0.6 reconcile for that — it did
 *   not exist against the 0.1 ALPHA parent and is added fresh here.
 * - GTranslate widget bottom-docking: the wrapper's bottom offset toggles on a JS-added
 *   scroll-position class at the same threshold as the Google reviews pill, so it must
 *   live wherever RUCSS can't prune it, same as the pill's own rule.
 * - FAQ accordion open-state icon swap: the plus/minus glyph flips on a JS-toggled
 *   "open" class, so it is runtime-state CSS same as the rest.
 */
.home .faq .question.accordion.active::after,
.page .faq .question.accordion.active::after {
    content: "\f068";
}
@media (max-width: 1024px) {
    .mm-spn.mm-spn--light.mm-spn--navbar::after {
        background-color: var(--primaryColor);
        color: var(--white);
        opacity: 1;
    }
    .mm-spn.mm-spn--light.mm-spn--navbar::before {
        border-color: var(--white);
        opacity: 1;
        z-index: 3;
    }
    .mm-spn.mm-spn--light li::before {
        border-color: #767676;
        opacity: 1;
    }
    body:not(.scrolled) #header .btn-block.mobile-show {
        position: static;
        transform: none;
        margin: 32px auto 0;
        width: fit-content;
    }
    body.scrolled #header .btn-block.mobile-show {
        transform: none;
    }
    body:not(.scrolled) #header .btn-block.mobile-show .booking-opener,
    body:not(.scrolled) #header .btn-block.mobile-show .booking-blank {
        padding: min(16px, 4vw) min(32px, 8vw);
        font-size: 16px;
        line-height: 1.5;
    }
}
@media (min-width: 1025px) {
    body.scrollBottom #gt_float_wrapper {
        bottom: calc(var(--btmH, 63px) + 10px) !important;
    }
}