/* ==========================================================================
   Sticky top: the green announcement bar + the header (v6, 2026-10-21)

   Before: the bar stuck at top 0 and the header separately at top 31px —
   the bar's height when it held one line. With the second line (Referrals
   Fax) the bar is ~74px on desktop and ~129px on a phone, so on scroll the
   header slid up underneath it (43px of it hidden on desktop, nearly all
   of it on a phone).

   Now header.php wraps both in .site-top and only the wrapper sticks: the
   header always sits right under the bar, whatever the bar's height.

   Kept outside scss/ on purpose: the wp-scss plugin recompiles
   scss/main.css on the server (always_recompile), so this file is the
   change, and the rules it overrides stay untouched in scss/.
   ========================================================================== */

.site-top {
    position: sticky;
    top: 0;
    /* Above the page, BELOW the mobile menu button (.burger, 99 — it lives at the end of footer.php, outside this block) and the open
       menu (100; its close button 101). At 100 the block covered the button (Mario 2026-10-21: "the hamburger nav disappears"). */
    z-index: 98;
}

/* scss/components/global.scss sets `header { position: sticky !important; top: 31px }` and vt.scss sticks .top-green:
   inside the wrapper both sit in normal flow */
.site-top > .top-green,
.site-top > header.header {
    position: relative !important;
    top: auto;
}

/* ==========================================================================
   The mobile menu button follows the sticky header

   The button sat at hand-tuned offsets from the page top (70 / 85 / 105 /
   113 / 132px by width, scss/components/global.scss), each guessing where
   the header starts under the bar. The two-line bar broke the guesses
   (360-375px wide: the button was under the green bar on production too),
   and the button scrolled away while the header stayed. js/site-header.js
   measures the header and sets --wrc-header-mid + the html class; without
   it the theme's own rules above still apply.
   ========================================================================== */

.wrc-burger-follow .burger:not(.is-active) {
    position: fixed;
    top: var(--wrc-header-mid);
    transform: translateY(-50%);
}