/* ── Header chrome interactions (replicating source Navbar behavior) ── */

/* Desktop mega/flat dropdowns: hidden by default, shown on hover */
#site-header .navddwrap > .absolute { display: none; }
#site-header .navddwrap:hover > .absolute { display: block; }

/* Scrolled / solid header state (source toggles this after 30px scroll) */
#site-header.scrolled {
  background-color: rgba(8, 12, 18, 0.97);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -4px rgba(0, 0, 0, 0.3);
}

/* Mobile menu container toggled by JS */
#mobile-menu { display: none; }
#site-header.mobile-open { background-color: rgba(8, 12, 18, 0.97); backdrop-filter: blur(12px); }

/* Keep WordPress admin bar from covering the fixed header for logged-in users */
body.admin-bar #site-header { top: 32px; }
@media screen and (max-width: 782px) { body.admin-bar #site-header { top: 46px; } }

/* Safety: ensure images never overflow horizontally */
#main-content img { max-width: 100%; }

/* FAQ / accordion helper (source uses Radix; static clone toggles via JS) */
.rzc-acc-panel { display: none; }
.rzc-acc-open .rzc-acc-panel { display: block; }

/* ── Mobile horizontal-overflow fix (2026-08-21) ──
   Root cause: certification-card hover tooltips (.bottom-full.w-52, 208px wide)
   are always present in the DOM; on the rightmost mobile column the centered
   tooltip extends ~140px past the viewport, widening the mobile layout viewport
   and pushing the fixed WhatsApp / language buttons off-screen to the right.
   These are hover-only tooltips (useless on touch), so remove them below lg. */
@media (max-width: 1023px) {
  [class~="bottom-full"][class~="w-52"] { display: none !important; }
}
/* Safety net: never let a stray element widen the page horizontally.
   clip (not hidden) does not create a scroll container, so it cannot
   break the fixed header or any sticky descendants. */
html, body { overflow-x: clip; max-width: 100%; }