/* =============================================================
   The Clinic Direct — The Clinic Direct UI component stylesheet — a clean,
   token-driven re-implementation of the site UI components. Authored from scratch to take
   over component APPEARANCE from Wix's obfuscated comp-* CSS.
   Layout/positioning is still handled by Wix's mesh; this file
   governs colour, type, radius, spacing of the named components.
   Built incrementally + verified to match the live render.
   ============================================================= */

:root {
    --tcd-navy: #171e57;
    --tcd-teal: #71a8b2;
    --tcd-green: #5fd06a;
    --tcd-ink: #242424;          /* heading/body ink on light */
    --tcd-on-dark: #ffffff;
    --tcd-pill: 50px;
    --tcd-font-body: madefor-text, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --tcd-font-head: "futura-lt-w01-book", "Futura", "Century Gothic", var(--tcd-font-body);
}

/* ---------- Buttons ---------- */
.wixui-button {
    background-color: var(--tcd-teal) !important;
    border-radius: var(--tcd-pill) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}
.wixui-button__label {
    color: var(--tcd-on-dark) !important;
    font-weight: 700 !important;
    font-family: var(--tcd-font-body);
}
.wixui-button:hover .wixui-button__label,
.wixui-button:focus-visible .wixui-button__label {
    text-decoration: underline;
}

/* ---------- Horizontal + vertical menus ---------- */
.wixui-horizontal-menu__item-label,
.wixui-vertical-menu__item-label {
    color: var(--tcd-on-dark) !important;
    font-weight: 400;
    font-family: var(--tcd-font-body);
}
.wixui-horizontal-menu__item-label:hover,
.wixui-vertical-menu__item-label:hover {
    color: var(--tcd-green) !important;
}

/* ---------- Rich text ---------- */
.wixui-rich-text__text {
    font-family: var(--tcd-font-body);
    line-height: 1.6;
}
.wixui-rich-text h1,
.wixui-rich-text h2,
.wixui-rich-text h3 {
    font-family: var(--tcd-font-head);
    font-weight: 700;
}

/* ---------- Accordion ---------- */
.wixui-accordion__title {
    font-family: var(--tcd-font-head);
    font-weight: 700;
}

/* ---------- Inputs / search ---------- */
.wixui-text-input__input,
.wixui-search-bar__input {
    font-family: var(--tcd-font-body);
}

/* ---------- Horizontal line ---------- */
.wixui-horizontal-line {
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, .25);
}

/* ---------- Homepage: hide orphaned "What our patients say" reviews section ---------- */
/* The Wix reviews widget was stripped during rebrand, leaving an empty heading + ~340px void. */
/* Both breakpoint variants of the orphaned reviews section (desktop + mobile). */
#comp-lt4vn2bx, #comp-m38usc42 { display: none !important; }

/* ---------- Site-wide: contain full-bleed Wix boxes that overflow horizontally ---------- */
/* Decorative wixui-box elements are wider than the viewport (negative left margin) and */
/* leak a horizontal scrollbar on some pages (e.g. /about-us). Clip on the page container */
/* only — NOT on html/body, which would collapse vertical scrolling via root propagation. */
#SITE_PAGES { overflow-x: clip; }

/* ---------- Homepage: reveal the "About The Clinic Direct" section ---------- */
/* These elements carry a Wix scroll-reveal entrance animation that starts at      */
/* opacity:0 and is faded in by Wix animation JS. That JS was stripped during the   */
/* static scrape, so they stayed invisible, leaving a large blank gap. Force shown. */
#comp-lk9gl8vn, #comp-lk9gne58 { opacity: 1 !important; }

/* ---------- Site-wide: play Wix "animate on scroll" entrance animations ---------- */
/* Wix reveal animations (motion-floatIn etc.) start paused at their opacity:0 frame  */
/* and are un-paused by Wix's IntersectionObserver JS on scroll. That JS was stripped  */
/* in the static scrape, so animated sections stayed invisible, leaving blank gaps     */
/* (e.g. homepage "About", about-us "Our Story"). Un-pausing lets them settle visible. */
#SITE_PAGES * { animation-play-state: running !important; }

/* ---------- FAQ / accordion reveal (Wix accordion runtime was stripped) ---------- */
/* tcd-accordion.js toggles `tcd-open` on the accordion element; these rules un-collapse */
/* the three nested layers Wix uses to hide the panel (grid 0fr box + display:none body). */
.tcd-open [class*="__animationBox"] { grid-template-rows: 1fr !important; }
.tcd-open [class*="__accordionContent"] { display: block !important; }
.tcd-open [class*="__accordionContent"] > * { display: block !important; }

/* ---------- Desktop nav mega-menu: reveal dropdowns on hover ---------- */
/* Wix's menu runtime (which toggled the submenu open + faded it in) was stripped on   */
/* static export, leaving the dropdowns permanently closed (display:none) and the panel */
/* at opacity:0 with no background. Restore a CSS-only hover reveal. Scoped to the       */
/* desktop horizontal menu, so mobile (hamburger / vertical menu) is unaffected.         */
[class*="wixui-horizontal-menu"] [class*="horizontal-menu__item"]:hover > [class*="__positionBox"] { display: block !important; z-index: 99999 !important; }
[class*="wixui-horizontal-menu"] [class*="horizontal-menu__item"]:hover [class*="submenu"][class*="__root"] { opacity: 1 !important; background: #171e57 !important; }
[class*="wixui-horizontal-menu"] [class*="__positionBox"] a { color: #ffffff !important; }
[class*="wixui-horizontal-menu"] [class*="__positionBox"] a:hover { color: #71a8b2 !important; }