/* ============================================================
IFAD header + footer — framework-free (no Bootstrap).
============================================================ */
:root {
--ifad-navy: #0e0e31;
--ifad-gold: #c9a24a;
--ifad-line: #ececf0;
--ifad-muted: #6b6b76;
}
/* Reserve the scrollbar gutter so opening any modal (which locks page scroll)
never shifts the layout — including the full-bleed header bars. */
html { scrollbar-gutter: stable; }
/* Clear the header height on desktop. */
@media ( min-width: 992px ) {
body > main { margin-top: 107px; }
}
/* The base theme treats the header as in-flow, but production's global stylesheet
forces `header { position: fixed; left: 0 }` with NO width — so it shrink-wraps
to the (wide desktop) menu, becoming ~1560px on mobile and, being fixed, it
escapes overflow clipping → the whole page can be dragged sideways. Pin it to
the viewport width so it never exceeds the screen. */
.ifad-header { width: 100%; max-width: 100%; box-sizing: border-box; }
/* Mobile: form controls must be ≥16px or iOS Safari auto-zooms the page on focus.
!important beats the per-module input rules (account form is 14px) — a hard iOS
requirement, not cosmetic. Does not disable pinch-zoom. */
@media ( max-width: 767px ) {
input:not([type="checkbox"]):not([type="radio"]),
select, textarea,
.ifad-select__native,
.ifad-range__in {
font-size: 16px !important;
}
}
.ifad-container {
width: 100%;
max-width: 1320px;
margin: 0 auto;
padding: 0 24px;
box-sizing: border-box;
}
/* Restore form-control font inheritance lost when Bootstrap's reset was dropped.
Native /