/* IWD Guide: header, footer and button styles that theme.json cannot express. */

/* Header */
.iwd-header { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid var(--wp--preset--color--line); }
.admin-bar .iwd-header { top: var(--wp-admin--admin-bar--height, 32px); }
.iwd-header__bar { min-height: 68px; gap: 28px; padding-inline: 16px; }
.iwd-logo { margin: 0; flex-shrink: 0; font: 750 21px/1 var(--wp--preset--font-family--heading); letter-spacing: -.02em; }
.iwd-logo a { color: var(--wp--preset--color--navy); text-decoration: none; }
.iwd-nav { flex: 1; font-size: 15px; }
.iwd-nav .wp-block-navigation-item__content { color: var(--wp--preset--color--ink); text-decoration: none; padding: 8px 10px; border-radius: 8px; white-space: nowrap; }
.iwd-nav .wp-block-navigation-item__content:hover { background: var(--wp--preset--color--mist); color: var(--wp--preset--color--navy); }
.iwd-nav .current-menu-item > .wp-block-navigation-item__content { color: var(--wp--preset--color--navy); font-weight: 700; box-shadow: inset 0 -3px 0 var(--wp--preset--color--gold); border-radius: 0; }
@media (max-width: 1480px) { .iwd-nav { font-size: 14px; } .iwd-nav .wp-block-navigation-item__content { padding: 8px 7px; } .iwd-header__bar { gap: 16px; } }

/* Collapse to the overlay menu below 1100px (core switches at 600px). */
@media (max-width: 1099.98px) {
	.iwd-header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.iwd-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
	.iwd-header .iwd-nav { flex: 0 0 auto; margin-left: auto; }
	/* Core's .wp-block-buttons.is-layout-flex sets display:flex, so the selector needs the extra specificity. */
	.iwd-header .wp-block-buttons.iwd-header__cta { display: none; }
}

/* From 1100px: two deliberate rows. Row 1 is the logo and the email button; row 2 is the full-width menu on one line.
   Exactly one divider sits between them: the nav's border-top. Row spacing comes from padding, never from row-gap or
   margins, so no stray gap or second rule can open up between the rows. Navigation block wrappers are reset so a core
   default (border, margin, padding, shadow) cannot add another line. */
@media (min-width: 1100px) {
	.iwd-header .iwd-header__bar { flex-wrap: wrap; min-height: 0; gap: 0 28px; row-gap: 0; border: 0; padding-block: 12px 0; }
	.iwd-header .iwd-header__bar > * { margin-block: 0; }
	.iwd-header .iwd-header__bar > .iwd-logo,
	.iwd-header .iwd-header__bar > .iwd-header__cta { padding-bottom: 12px; }
	.iwd-header .iwd-nav { order: 3; flex: 1 0 100%; margin: 0; padding: 3px 0; border: 0; border-top: 1px solid var(--wp--preset--color--line); }
	.iwd-header .iwd-nav .wp-block-navigation__responsive-container,
	.iwd-header .iwd-nav .wp-block-navigation__responsive-close,
	.iwd-header .iwd-nav .wp-block-navigation__responsive-dialog,
	.iwd-header .iwd-nav .wp-block-navigation__responsive-container-content { margin: 0; padding: 0; border: 0; box-shadow: none; }
	.iwd-header .iwd-nav .wp-block-navigation__container { flex-wrap: nowrap; gap: 2px; justify-content: flex-start; margin: 0; padding: 0; border: 0; }
}

/* Buttons */
.iwd-btn-navy .wp-block-button__link { background: var(--wp--preset--color--navy); color: var(--wp--preset--color--white); font: 700 15px/1 var(--wp--preset--font-family--body); border-radius: 10px; padding: 12px 18px; text-decoration: none; }
.iwd-btn-navy .wp-block-button__link:hover { background: var(--wp--preset--color--navy-2); }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid var(--wp--preset--color--gold); outline-offset: 2px; }

/* Footer */
.iwd-footer { color: #AFBDD0; font-size: 15px; padding: 56px 16px 36px; }
.iwd-footer .iwd-footer__h { color: var(--wp--preset--color--white); font: 700 15px var(--wp--preset--font-family--body); margin: 0 0 12px; }
.iwd-footer .wp-block-navigation { gap: 0; }
.iwd-footer .wp-block-navigation__container { gap: 0; }
.iwd-footer .wp-block-navigation-item { margin: 7px 0; }
.iwd-footer .wp-block-navigation-item__content { color: #AFBDD0; text-decoration: none; }
.iwd-footer .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--white); text-decoration: underline; }
.iwd-footer__disclaimer { margin-top: 40px; padding-top: 24px; border-top: 1px solid #1D3555; font-size: 14px; line-height: 1.6; color: #94A5BC; }
@media (max-width: 781px) { .iwd-footer__cols { gap: 28px; } }