/**
 * RFLR Theme — WordPress-specific overrides ONLY.
 *
 * All visual styling comes from the production CSS files, loaded in production order:
 *   /assets/css/app.css
 *   /assets/css/frontend/effects.css
 *   /assets/css/tailwind.generated.css
 *
 * This file exists ONLY for WordPress mechanics that production doesn't have.
 * Keep it minimal — every rule here is a deviation from production CSS.
 *
 * Logged-out rendering must remain byte-identical to production, so every rule
 * below is scoped to body.admin-bar (which WordPress only adds for logged-in
 * users who can see the admin bar).
 */

/* ---------------------------------------------------------------------------
 * WordPress admin bar integration.
 *
 * Production has no admin bar, but WordPress adds a fixed one (32px desktop,
 * 46px at <=782px). Our site header is also fixed at top:0, so without this
 * offset the admin bar covers the mobile header top row — which buries the
 * hamburger toggle (the mobile menu becomes untappable).
 * ------------------------------------------------------------------------- */

body.admin-bar .site-header {
    top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar .site-header {
        top: 46px;
    }
}

/* Keep page content clear of the full header + admin bar stack.
   Header is 80px tall at >=1024px, so 5rem of main padding leaves a 1px
   shortfall once the admin bar shifts the document down; add a little slack. */
@media screen and (min-width: 783px) {
    body.admin-bar main {
        padding-top: calc(5rem + 4px);
    }
}