/* Approved shape B and mobile header 2. Existing gold and dark text tokens stay unchanged. */
:root {--button-radius:16px}
:root :is(.header-book,.cta),:root .page-footer .cta {border-radius:var(--button-radius);box-shadow:none;transform:none;display:inline-flex;align-items:center;justify-content:center;gap:0;white-space:nowrap}
:root .cta {min-width:180px;min-height:52px;padding:14px 22px;line-height:1.4;max-width:100%}
:root .header-book {width:132px;max-width:none;min-height:44px;height:44px;padding:0 18px;margin:0;font-size:14px;line-height:1.2;flex:none;grid-column:auto;justify-self:auto}
:root .header-book span,:root .cta span {display:inline;font:inherit;line-height:inherit}
:root .navigation {display:flex;align-items:center;justify-content:center;gap:30px;min-height:64px;padding:6px 20px 14px;margin-inline:auto}
:root .nav-pages {display:contents}
:root .navigation a:not(.header-book) {min-height:44px;min-width:44px;justify-content:center;padding:0 5px}
:root .nav-toggle {display:none}
:root :is(.header-book,.cta,.nav-toggle):focus-visible {outline:3px solid var(--fi-text-primary);outline-offset:4px}
@media(max-width:640px){
 :root .navigation {padding:6px 12px 12px;gap:8px;min-height:62px;width:100%}
 :root .navigation a:not(.header-book) {font-size:12px;padding:0 4px}
 :root .header-book {font-size:12px;width:66px;min-height:44px;padding:0 8px}
 :root .header-book .booking-verb {display:none}
 :root[data-header-row="2"] .navigation {width:calc(100% - 40px);padding:6px 0 12px;display:grid;grid-template-columns:1fr auto;gap:0 20px;align-items:center}
 :root[data-header-row="2"] .nav-toggle {display:inline-flex;align-items:center;justify-self:start;gap:9px;min-height:44px;padding:0 10px 0 0;font:14px var(--sans);color:var(--fi-text-primary);border:0;background:transparent;cursor:pointer}
 :root[data-header-row="2"] .menu-mark {display:inline-flex;flex-direction:column;gap:5px;width:18px}
 :root[data-header-row="2"] .menu-mark i {height:1px;background:currentColor;display:block;width:18px}
 :root[data-header-row="2"] .header-book {width:136px;font-size:14px;grid-column:2;grid-row:1}
 :root[data-header-row="2"] .header-book .booking-verb {display:inline}
 :root[data-header-row="2"] .nav-pages {display:none;grid-column:1/-1;grid-row:2}
 :root[data-header-row="2"] .navigation[data-menu-open="true"] .nav-pages {display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;margin-top:12px;padding-top:10px;border-top:1px solid var(--fi-gold)}
 :root[data-header-row="2"] .navigation .nav-pages a {font-size:14px;justify-content:flex-start;padding:0;min-height:44px}
 :root[data-header-row="2"] .navigation[data-menu-open="true"] .menu-mark {gap:0;position:relative;height:18px}
 :root[data-header-row="2"] .navigation[data-menu-open="true"] .menu-mark i {position:absolute;top:8px;transform:rotate(45deg)}
 :root[data-header-row="2"] .navigation[data-menu-open="true"] .menu-mark i:last-child {transform:rotate(-45deg)}
}
/* Mobile home: one visible booking CTA in the hero, plus a booking entry in the disclosure. */
:root .navigation .menu-book {display:none}
@media(max-width:640px){
 :root[data-header-row="2"] body[data-page="home"] .navigation > .header-book {display:none}
 :root[data-header-row="2"] .navigation .nav-pages .menu-book {display:flex;grid-column:auto;justify-content:flex-start;justify-self:stretch;width:auto;min-width:44px;min-height:44px;height:44px;margin:0;padding:0;font-size:14px;line-height:normal;white-space:nowrap;background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--fi-text-primary)}
}