/* =====================================================================
   Utility classes (loaded site-wide via header.php)
   ===================================================================== */

.is-hidden { display: none !important; }
.is-invisible { visibility: hidden; }

.disclosure-box--gap-top { margin-top: var(--sp-8); }
.disclosure-box--gap-bottom { margin-bottom: var(--sp-8); }

.text-center { text-align: center; }
.text-right  { text-align: right; }

.gap-top-5 { margin-top: var(--sp-5); }
.gap-top-6 { margin-top: var(--sp-6); }
.gap-top-7 { margin-top: var(--sp-7); }
.gap-top-8 { margin-top: var(--sp-8); }

.gap-bottom-5 { margin-bottom: var(--sp-5); }
.gap-bottom-6 { margin-bottom: var(--sp-6); }
.gap-bottom-7 { margin-bottom: var(--sp-7); }
.gap-bottom-8 { margin-bottom: var(--sp-8); }

/* Default-hidden empty state (used on money hacks index) */
.mh-empty { display: none; }
.mh-empty.is-visible { display: block; }

/* Body scroll lock when mobile menu is open */
body.is-menu-open { overflow: hidden; }

/* Site-header navy variant lives in app.css */