/* wooglsmodul funnel — design-step additions to the design export (styles.css stays a verbatim copy of
   design/gls-homepage/export/v5/styles.css). Loaded on the home step after styles.css. Design tokens only. */

/* Gutenberg Group block that restores the export's <div class="page"> wrapper: drop WordPress's
   flow-layout gap between the sections (the design has no margins between top-level elements). */
body.wgm-design .wp-block-group.page > * { margin-block-start: 0; margin-block-end: 0; }
body.wgm-design [id][tabindex="-1"]:focus { outline: none; }

/* Mobile menu panel (handoff §06): full-height navy, four links + primary button, 48 px targets. */
.wgm-menu {
	position: fixed; inset: 0; z-index: 100000; overflow-y: auto;
	display: flex; flex-direction: column; gap: 32px;
	background: var(--navy-deep); color: #fff;
	padding: 0 24px 40px; border-top: 4px solid var(--yellow);
}
.wgm-menu[hidden] { display: none; }
.wgm-menu-top { display: flex; align-items: center; justify-content: space-between; height: 80px; }
.wgm-menu-close {
	display: inline-flex; align-items: center; justify-content: center;
	width: 48px; height: 48px; margin-right: -12px;
	background: none; border: 0; border-radius: var(--r); color: #fff; cursor: pointer;
}
.wgm-menu-links { display: flex; flex-direction: column; }
.wgm-menu-links a {
	display: flex; align-items: center; min-height: 56px;
	font-family: var(--font-display); font-weight: 700; font-size: 24px; letter-spacing: -.01em;
	color: #fff; border-bottom: 1px solid rgba(255, 255, 255, .14);
}
.wgm-menu-links a svg { flex: none; margin-right: 12px; }
.wgm-menu-links a:hover { color: var(--yellow); text-decoration: none; }
.wgm-menu-cta { align-self: stretch; }
html.wgm-menu-open, html.wgm-menu-open body { overflow: hidden; }
@media (min-width: 1025px) { .wgm-menu { display: none; } }

/* Shared by the home step and the V5 page shell (0.10.0): visually hidden text, skip link. */
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.wgm-skip:focus { position: fixed !important; left: 16px; top: 16px; z-index: 100001; width: auto; height: auto; margin: 0; padding: 12px 18px; clip: auto; overflow: visible; white-space: normal; background: var(--yellow); color: var(--navy); font-weight: 600; border-radius: var(--r); }

/* V5 page shell (pages outside the funnel): the theme template is replaced by templates/page-shell.php. `overflow:clip`
   instead of the design's `hidden` keeps the account side nav sticky (hidden makes .page a scroll container). */
body.wgm-shell { background: var(--paper-2); }
body.wgm-shell .page { overflow: clip; min-height: 100vh; display: flex; flex-direction: column; }
body.wgm-shell .page > main { flex: 1 0 auto; }
body.wgm-shell [id][tabindex="-1"]:focus { outline: none; }

/* 0.14.0 sticky header (home step only, desktop; home.css): stick below the admin toolbar (32 px above 782 px). */
@media (min-width: 901px) { body.wgm-home.admin-bar .site-header { top: 32px; } }