/* HBK Campaign Modal — container and content styles. The overlay (.blocker) is provided by jquery.modal, already enqueued sitewide. */ /* ── Overlay z-index ────────────────────────────────────────────────────────── */ /* jquery.modal sets .blocker to z-index:1000, which falls behind the site header and WP admin bar (z-index:99999). Override to ensure full-screen coverage. */ .blocker { z-index: 100000; } /* ── Mobile — kill the overlay before it opens ──────────────────────────────── */ /* JS gates the modal on window.innerWidth > 767 so .blocker is never created on mobile. This rule is a belt-and-suspenders fallback. */ @media ( max-width: 767px ) { .blocker { display: none !important; } /* jquery.modal sets overflow:hidden inline on when opening. !important overrides inline styles, restoring scroll at mobile widths. */ body { overflow: auto !important; } } /* ── Container ──────────────────────────────────────────────────────────────── */ /* jquery.modal appends the modal inside .blocker and uses display:inline-block + vertical-align:middle for centering. jQuery's .show() sets display:block inline, so !important is required to restore the inline-block needed for centering. */ .blocker #hbk-modal { display: inline-block !important; vertical-align: middle; max-width: 560px; width: 100%; background: #fff; padding: 48px; position: relative; text-align: center; box-sizing: border-box; } /* ── Close button ───────────────────────────────────────────────────────────── */ /* Reset all theme button styles that target the