/*
fgMatchBox Child — Glendale Dental Associates · no-rucss-child.css
*/

/* Header "solid" state (home hover/scrolled + every interior page) and the
   mobile scrolled dock strip are keyed on JS-added classes (.scrolled) 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,
body.home #header:hover,
body:not(.home) #header {
    background-color: #fff;
    border-bottom-color: transparent;
    box-shadow: var(--shadyMid);
}
body.home.scrolled #header #mainNav a,
body.home #header:hover #mainNav a,
body:not(.home) #header #mainNav a,
body.home.scrolled #header .headAdd a,
body.home.scrolled #header .phoneBlock a,
body.home #header:hover .headAdd a,
body.home #header:hover .phoneBlock a,
body:not(.home) #header .headAdd a,
body:not(.home) #header .phoneBlock a {
    color: var(--black);
}
body.home.scrolled #header .booking-opener,
body.home #header:hover .booking-opener,
body:not(.home) #header .booking-opener {
    background-color: var(--brown);
    color: #fff;
}
body.home.scrolled #header .booking-opener:focus-visible,
body.home #header:hover .booking-opener:focus-visible,
body:not(.home) #header .booking-opener:focus-visible {
    outline: 3px solid var(--black);
    outline-offset: 3px;
    box-shadow: none;
}
body.home.scrolled #header #logo img#mLogo,
body:not(.home) #header #logo img#mLogo {
    opacity: 0;
}
body.home.scrolled #header #logo img#scLogo,
body:not(.home) #header #logo img#scLogo {
    opacity: 1;
}

@media (max-width: 1024px) {
    body.scrolled #header .btn-block.mobile-show {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 56px;
        margin: 0;
        transform: none;
        z-index: 95;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
    }
    body.scrolled #header .btn-block.mobile-show .opener-form {
        position: static;
        overflow: visible;
    }
    body.scrolled #header .btn-block.mobile-show .booking-opener {
        position: static;
        transform: none;
        margin: 0;
        padding: clamp(8px, 8px, 8px) clamp(22px, 22px, 22px);
        font-size: 14px;
        line-height: 1;
        pointer-events: auto;
    }
    body.scrolled #header {
        padding-bottom: clamp(128px, 128px, 128px);
    }
}

/* ≤1024: the footer keeps a band below the legal bar for the floating widgets (style.css #footer padding-bottom). With the
   widget dock up they live in the dock and the page already keeps room for it, so drop the band. */
@media (max-width: 1024px) {
    body.has-widget-dock #footer {
        padding-bottom: 0;
    }
}