/* header-strip-bar
   Generated from the approved mockup CSS by wp-build/css.py, plus css-fixes/header-strip-bar.css. */
.head-strip .site-header { background: var(--page); box-shadow: 0 1px 0 var(--line); position: relative; z-index: 2; }
.head-strip .topstrip { background: var(--deep); color: var(--on-deep-muted); font-size: 14px; }
.head-strip .topstrip-row { display: flex; justify-content: space-between; align-items: center; min-height: 40px; gap: var(--s3); }
.head-strip .topstrip a { color: var(--on-deep-muted); text-decoration: none; display: inline-flex; align-items: center; min-height: 40px; }
.head-strip .topstrip a:hover { color: #fff; text-decoration: underline; }
.head-strip .topstrip :focus-visible { outline-color: #fff; outline-offset: -2px; }
.head-strip .tools { display: flex; gap: var(--s4); }
.head-strip .lang { gap: 8px; color: #fff !important; font-weight: 600; }
.head-strip .lang svg { width: 16px; height: 16px; }
.head-strip .mainbar { display: flex; align-items: center; gap: var(--s5); min-height: 96px; }
.head-strip .brand { display: flex; align-items: center; gap: 14px; text-decoration: none; color: var(--ink); flex: none; }
.head-strip .brand:hover { color: var(--ink); }
.head-strip .brand-mark { width: 48px; height: 48px; color: var(--highlight); flex: none; }
.head-strip .brand-text { display: flex; flex-direction: column; line-height: 1.1; white-space: nowrap; }
.head-strip .brand-name { font-family: var(--head); font-weight: 600; font-size: 26px; }
.head-strip .brand-sub { font-size: 15px; font-weight: 500; color: var(--muted); margin-top: 3px; }
.head-strip .mainnav { margin-left: auto; }
.head-strip .mainnav ul { display: flex; gap: 40px; }
.head-strip .mainnav a { display: inline-block; padding: 12px 0; color: var(--ink); font-weight: 600; font-size: 17px; text-decoration: none; }
.head-strip .mainnav a:hover { color: var(--ink); text-decoration: underline; text-decoration-color: var(--highlight); text-decoration-thickness: 2px; text-underline-offset: 10px; }
.head-strip .bar-actions { display: flex; align-items: center; gap: var(--s2); }
.head-strip .icon-btn { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; color: var(--ink); }
.head-strip .icon-btn:hover { background: var(--stone); color: var(--ink); }
.head-strip .icon-btn svg { width: 22px; height: 22px; }
.head-strip .menu-btn { display: none; align-items: center; gap: 8px; min-height: 48px; padding: 0 16px; border-radius: 999px; border: 1.5px solid #9aa59d; background: transparent; color: var(--ink); font: 600 16px var(--sans); cursor: pointer; }
.head-strip .menu-btn svg { width: 20px; height: 20px; }
@media (max-width: 1140px) {
  .head-strip .mainnav { display: none; }
  .head-strip .bar-actions { margin-left: auto; gap: 8px; }
  .head-strip .menu-btn { display: inline-flex; }
  .head-strip .hide-md { display: none; }
}
@media (max-width: 700px) {
  .head-strip .hide-sm { display: none; }
  .head-strip .mainbar { min-height: 72px; gap: var(--s2); }
  .head-strip .brand { gap: 10px; }
  .head-strip .brand-mark { width: 38px; height: 38px; }
  .head-strip .brand-name { font-size: 21px; }
  .head-strip .brand-sub { font-size: 14px; margin-top: 2px; }
  .head-strip .icon-btn { width: 44px; height: 44px; }
  .head-strip .menu-btn { min-height: 44px; }
}
@media (max-width: 440px) {
  .head-strip .menu-btn { width: 44px; padding: 0; justify-content: center; }
  .head-strip .menu-btn .menu-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .head-strip .bar-actions { gap: 8px; }
  .head-strip .bar-actions .icon-btn { display: none; }
}
@media (max-width: 370px) {
  .head-strip .mainbar { gap: 8px; }
  .head-strip .brand { gap: 8px; }
  .head-strip .brand-mark { width: 30px; height: 30px; }
  .head-strip .brand-name { font-size: 18px; }
  .head-strip .bar-actions :is(a.btn, button.btn, .btn > .wp-block-button__link) { padding: 0 14px; }
}
.head-strip .alert { display: flex; gap: 8px var(--s2); align-items: flex-start; flex-wrap: wrap; margin-top: var(--s3); background: var(--highlight-soft); color: var(--ink); border-radius: 12px; padding: 14px 20px; font-size: 16px; line-height: 1.5; }
.head-strip .alert p { flex: 1 1 320px; }
.head-strip .alert strong { color: var(--highlight-text); }
.head-strip .alert a { color: var(--highlight-text); font-weight: 700; }
.head-strip .alert-level { flex: none; display: inline-flex; align-items: center; gap: 8px; color: var(--highlight-text); font-weight: 700; font-size: 16px; line-height: 1.5; }
.head-strip .alert-level svg { width: 18px; height: 18px; }
.head-strip .mainnav a[aria-current] { text-decoration: underline; text-decoration-color: var(--highlight); text-decoration-thickness: 2px; text-underline-offset: 10px; }

/* Block markup adjustments */
.head-strip .lang-line { margin: 0; }
.head-strip .lang::before { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M3 12h18M12 3c2.6 2.6 3.8 5.6 3.8 9s-1.2 6.4-3.8 9c-2.6-2.6-3.8-5.6-3.8-9S9.4 5.6 12 3Z' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M3 12h18M12 3c2.6 2.6 3.8 5.6 3.8 9s-1.2 6.4-3.8 9c-2.6-2.6-3.8-5.6-3.8-9S9.4 5.6 12 3Z' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E") center / contain no-repeat; }
.head-strip .topstrip .wp-block-navigation__container { display: flex; gap: var(--s4); }
.head-strip .topstrip .wp-block-navigation-item__content { color: var(--on-deep-muted); text-decoration: none; display: inline-flex; align-items: center; min-height: 40px; }
.head-strip .topstrip .wp-block-navigation-item__content:hover { color: #fff; text-decoration: underline; }
.head-strip .mainbar .wp-block-navigation.mainnav { margin-left: auto; }
.head-strip .mainnav .wp-block-navigation__container { display: flex; gap: 40px; }
.head-strip .mainnav .wp-block-navigation-item__content { display: inline-block; padding: 12px 0; color: var(--ink); font-weight: 600; font-size: 17px; text-decoration: none; }
.head-strip .mainnav .wp-block-navigation-item__content:hover, .head-strip .mainnav .wp-block-navigation-item__content[aria-current] { text-decoration: underline; text-decoration-color: var(--highlight); text-decoration-thickness: 2px; text-underline-offset: 10px; }
.head-strip .bar-actions .wp-block-buttons { gap: 0; }
.head-strip .alert p a { color: var(--highlight-text); font-weight: 700; }
@media (min-width: 1141px) { .head-strip .mainnav .wp-block-navigation__responsive-container-open { display: none !important; } }
@media (max-width: 1140px) {
  .head-strip .mainbar .wp-block-navigation.mainnav { display: flex; order: 3; margin-left: 0; }
  .head-strip .mainnav .wp-block-navigation__responsive-container-open { display: inline-flex !important; align-items: center; gap: 8px; min-height: 48px; padding: 0 16px; border-radius: 999px; border: 1.5px solid #9aa59d; color: var(--ink); font: 600 16px/1 var(--sans); }
  .head-strip .mainnav .wp-block-navigation__responsive-container-open svg { width: 20px; height: 20px; }
  .head-strip .mainnav .wp-block-navigation__responsive-container-open::after { content: "Menu"; }
  .head-strip .mainnav .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none !important; }
  .head-strip .topstrip .hide-md { display: none; }
}
@media (max-width: 700px) { .head-strip .topstrip .hide-sm { display: none; } .head-strip .mainnav .wp-block-navigation__responsive-container-open { min-height: 44px; } }
@media (max-width: 440px) {
  .head-strip .mainnav .wp-block-navigation__responsive-container-open { width: 44px; padding: 0; justify-content: center; }
  .head-strip .mainnav .wp-block-navigation__responsive-container-open::after { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .head-strip .bar-actions .icon-btn { display: none; }
}
.head-strip .mainnav .is-menu-open { padding: 24px; }
.head-strip .mainnav .is-menu-open .wp-block-navigation__container { flex-direction: column; gap: 4px; }
.head-strip .mainnav .is-menu-open .wp-block-navigation-item__content { color: #fff; font-size: 20px; padding: 10px 0; }
/* Strip links repeated at the end of the main menu: hidden in the bar, a group in the open overlay. */
.head-strip .mainnav .wp-block-navigation-item.nav-util { display: none; }
.head-strip .mainnav .is-menu-open .wp-block-navigation-item.nav-util { display: block; }
.head-strip .mainnav .is-menu-open .wp-block-navigation-item.nav-util-first { margin-top: 18px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.3); }
.head-strip .mainnav .is-menu-open .nav-util .wp-block-navigation-item__content { font-size: 17px; font-weight: 500; padding: 8px 0; }