/* THE EAGLE • unified navigation across every page and one home highlights bar.
   Deliberately loaded last, without modifying the existing route styles. */
:root {
 --eagle-header-light:#fbfaf6;
 --eagle-header-light-text:#353630;
 --eagle-header-olive:#353923;
 --eagle-header-dark-text:#f5f2ea;
 --eagle-header-gold:#b69a37;
}
body:has(.page-view:not([hidden])) > header {
 position:sticky !important;
 top:0 !important;
 z-index:80 !important;
 display:flex !important;
 align-items:center !important;
 justify-content:space-between !important;
 flex-wrap:nowrap !important;
 gap:clamp(8px,1.1vw,20px) !important;
 height:82px !important;
 min-height:82px !important;
 padding-inline:clamp(16px,2.6vw,44px) !important;
 border-bottom:1px solid rgba(166,142,64,.2) !important;
 box-shadow:0 5px 17px rgba(45,39,25,.08) !important;
 backdrop-filter:none !important;
 -webkit-backdrop-filter:none !important;
}
:root[data-theme="light"] body:has(.page-view:not([hidden])) > header,
:root[data-theme="light"] body:has(.page-view:not([hidden])).is-scrolled > header {
 background:#fbfaf6 !important;color:#353630 !important;
}
:root[data-theme="dark"] body:has(.page-view:not([hidden])) > header,
:root[data-theme="dark"] body:has(.page-view:not([hidden])).is-scrolled > header {
 background:#353923 !important;color:#f5f2ea !important;
}
body:has(.page-view:not([hidden])) > header .brand {
 flex:0 0 auto!important;gap:10px!important;
}
body:has(.page-view:not([hidden])) > header .brand img {
 width:43px!important;height:43px!important;object-fit:contain;
}
body:has(.page-view:not([hidden])) > header .brand span {
 font:700 .99rem/1.15 "Playfair Display","Noto Serif",Georgia,serif!important;
 letter-spacing:.115em!important;
}
body:has(.page-view:not([hidden])) > header .brand small {
 display:block;margin-top:4px;
 font:650 .53rem/1.3 "DM Sans","Manrope",sans-serif!important;
 letter-spacing:.13em!important;
}
:root[data-theme="light"] body:has(.page-view:not([hidden])) > header .brand span {color:#353630!important;}
:root[data-theme="light"] body:has(.page-view:not([hidden])) > header .brand small {color:#797568!important;}
:root[data-theme="dark"] body:has(.page-view:not([hidden])) > header .brand span {color:#fff1a8!important;}
:root[data-theme="dark"] body:has(.page-view:not([hidden])) > header .brand small {color:#d2cbbc!important;}
body:has(.page-view:not([hidden])) > header #site-navigation {
 align-items:center!important;
 justify-content:center!important;
 gap:clamp(10px,1.1vw,19px)!important;
 min-width:0;
}
body:has(.page-view:not([hidden])) > header #site-navigation a,
body:has(.page-view:not([hidden])) > header #site-navigation button {
 font-family:"DM Sans","Manrope",sans-serif!important;
 font-size:.69rem!important;letter-spacing:.07em!important;
 white-space:nowrap;
}
:root[data-theme="light"] body:has(.page-view:not([hidden])) > header #site-navigation a,
:root[data-theme="light"] body:has(.page-view:not([hidden])) > header #site-navigation button {color:#3b3b35!important;}
:root[data-theme="dark"] body:has(.page-view:not([hidden])) > header #site-navigation a,
:root[data-theme="dark"] body:has(.page-view:not([hidden])) > header #site-navigation button {color:#f5f2ea!important;}
body:has(.page-view:not([hidden])) > header #site-navigation a[aria-current="page"]:not([href="#book"]) {
 color:#a48b35!important;
}
body:has(.page-view:not([hidden])) > header #site-navigation a[href="#book"] {
 background:#c4a13a!important;border:1px solid #c4a13a!important;
 color:#24231e!important;border-radius:999px!important;
 padding:0 16px!important;min-height:40px!important;box-shadow:none!important;
}
body:has(.page-view:not([hidden])) > header #site-navigation a[href="#book"]:hover {background:#ddbb53!important;}
body:has(.page-view:not([hidden])) > header .header-actions {display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;}
:root[data-theme="light"] body:has(.page-view:not([hidden])) > header #language-switch,
:root[data-theme="light"] body:has(.page-view:not([hidden])) > header #theme-switch {background:#f0ede4!important;border-color:#d5c9a4!important;}
:root[data-theme="dark"] body:has(.page-view:not([hidden])) > header #language-switch,
:root[data-theme="dark"] body:has(.page-view:not([hidden])) > header #theme-switch {background:#303321!important;border-color:#76653c!important;}
:root[data-theme="light"] body:has(.page-view:not([hidden])) > header #language-switch button:not(.is-active),
:root[data-theme="light"] body:has(.page-view:not([hidden])) > header #theme-switch button:not(.is-active) {color:#39382f!important;}
:root[data-theme="dark"] body:has(.page-view:not([hidden])) > header #language-switch button:not(.is-active),
:root[data-theme="dark"] body:has(.page-view:not([hidden])) > header #theme-switch button:not(.is-active) {color:#f6f1dc!important;}
body:has(.page-view:not([hidden])) > header #language-switch button.is-active,
body:has(.page-view:not([hidden])) > header #theme-switch button.is-active {
 background:#c4a13a!important;color:#232219!important;
}
body:has(.page-view:not([hidden])) > header .header-actions .header-book-now {
 border-radius:999px!important;min-height:40px!important;
 background:#c4a13a!important;border-color:#c4a13a!important;color:#232219!important;
}
:root[data-theme="light"] body:has(.page-view:not([hidden])) > header #menu-toggle {color:#353630!important;}
:root[data-theme="dark"] body:has(.page-view:not([hidden])) > header #menu-toggle {color:#fff1a8!important;}
@media(max-width:1279px) {
 body:has(.page-view:not([hidden])) > header #site-navigation {display:none!important;}
 body:has(.page-view:not([hidden])) > header #site-navigation.open {
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  position:absolute!important;top:100%!important;left:0!important;right:0!important;
  background:#fbfaf6!important;
  padding:18px 22px!important;gap:6px!important;
  box-shadow:0 18px 35px rgba(0,0,0,.18)!important;
 }
 :root[data-theme="dark"] body:has(.page-view:not([hidden])) > header #site-navigation.open {background:#353923!important;}
 body:has(.page-view:not([hidden])) > header #menu-toggle {
  display:inline-flex!important;align-items:center;justify-content:center;
  flex:0 0 42px!important;min-height:42px!important;visibility:visible!important;
 }
 body:has(.page-view:not([hidden])) > header #site-navigation.open a,
 body:has(.page-view:not([hidden])) > header #site-navigation.open button {width:100%!important;justify-content:flex-start!important;}
}
@media(min-width:1280px) {
 body:has(.page-view:not([hidden])) > header #site-navigation {display:flex!important;}
 body:has(.page-view:not([hidden])) > header #menu-toggle {display:none!important;}
}
@media(max-width:560px) {
 body:has(.page-view:not([hidden])) > header {
  height:76px!important;min-height:76px!important;
  padding-inline:12px!important;gap:6px!important;
 }
 body:has(.page-view:not([hidden])) > header .brand {gap:6px!important;}
 body:has(.page-view:not([hidden])) > header .brand img {width:36px!important;height:36px!important;}
 body:has(.page-view:not([hidden])) > header .brand span {font-size:.8rem!important;letter-spacing:.08em!important;}
 body:has(.page-view:not([hidden])) > header .brand small {font-size:.42rem!important;}
 body:has(.page-view:not([hidden])) > header .header-actions {gap:4px!important;}
}

/* Eight Home highlights, including guest capacity and the Google Hotels rating. */
.page-view[data-page="home"] .eagle-unified-facts {
 background:#343630!important;
 color:#f6f2e8;
 border-top:3px solid #c9a33a;
 border-bottom:1px solid rgba(218,187,78,.23);
 width:100%;
}
.page-view[data-page="home"] .eagle-unified-facts-inner {
 display:grid;grid-template-columns:repeat(8,minmax(155px,1fr));
 width:min(1800px,100%);margin:0 auto;
 padding:0 clamp(12px,2vw,32px);
 overflow-x:auto;overscroll-behavior-x:contain;
 scroll-snap-type:x proximity;
 scrollbar-width:thin;scrollbar-color:#b69a37 #343630;
}
.page-view[data-page="home"] .eagle-unified-facts-inner::-webkit-scrollbar {height:6px;}
.page-view[data-page="home"] .eagle-unified-facts-inner::-webkit-scrollbar-thumb {background:#b69a37;border-radius:999px;}
.page-view[data-page="home"] .eagle-unified-item {
 display:flex;align-items:center;gap:10px;min-width:0;min-height:94px;
 padding:16px clamp(10px,1.15vw,19px);
 border-right:1px solid rgba(255,255,255,.11);
 color:#fff!important;text-decoration:none!important;
 transition:background-color .2s ease;
 scroll-snap-align:start;
}
.page-view[data-page="home"] .eagle-unified-item:first-child {border-left:1px solid rgba(255,255,255,.08);}
.page-view[data-page="home"] .eagle-unified-item:last-child {border-right:0;}
.page-view[data-page="home"] .eagle-unified-item:hover {background:rgba(215,184,79,.10);}
.page-view[data-page="home"] .eagle-unified-icon {
 display:grid;place-items:center;flex:0 0 39px;
 width:39px;height:39px;border-radius:11px;
 color:#e2bc46;background:rgba(215,184,79,.14);
 font-size:1rem;
}
.page-view[data-page="home"] .eagle-unified-copy {
 display:flex;flex-direction:column;min-width:0;gap:5px;
}
.page-view[data-page="home"] .eagle-unified-copy strong {
 color:#fff!important;
 font:750 clamp(.78rem,.95vw,.94rem)/1.25 "DM Sans","Manrope",sans-serif!important;
 overflow-wrap:anywhere;
}
.page-view[data-page="home"] .eagle-unified-copy small {
 color:#d8d3c8!important;
 font:600 clamp(.59rem,.67vw,.72rem)/1.3 "DM Sans","Manrope",sans-serif!important;
}
.page-view[data-page="home"] .eagle-unified-disclaimer {
 margin:0!important;padding:0 16px 9px;
 text-align:center;background:#343630!important;color:#aeb0a3!important;
 font:400 .65rem/1.4 "DM Sans","Manrope",sans-serif!important;
}
@media(max-width:1599px) {
 .page-view[data-page="home"] .eagle-unified-item {min-height:83px;border-bottom:1px solid rgba(255,255,255,.08);}
}
@media(max-width:799px) {
 .page-view[data-page="home"] .eagle-unified-facts-inner {grid-template-columns:repeat(8,minmax(164px,1fr));padding:0 10px;}
 .page-view[data-page="home"] .eagle-unified-item {
  min-height:76px;padding:12px 9px;gap:8px;
 }
 .page-view[data-page="home"] .eagle-unified-icon {width:34px;height:34px;flex-basis:34px;font-size:.86rem;}
 .page-view[data-page="home"] .eagle-unified-copy strong {font-size:.76rem!important;}
 .page-view[data-page="home"] .eagle-unified-copy small {font-size:.58rem!important;}
 .page-view[data-page="home"] .eagle-unified-disclaimer {font-size:.6rem!important;}
}
@media(max-width:350px) {
 .page-view[data-page="home"] .eagle-unified-item {gap:6px;padding:10px 6px;}
 .page-view[data-page="home"] .eagle-unified-icon {width:30px;height:30px;flex-basis:30px;}
}
@media(prefers-reduced-motion:reduce) {
 .page-view[data-page="home"] .eagle-unified-item {transition:none!important;}
}


/* Mobile navigation: retain the full-height accessible flyout, not a
   content-height pane whose centred legacy links overlap the header. */
@media(max-width:1279px) {
 body:has(.page-view:not([hidden])) > header #site-navigation.open {
  display:flex!important;
  position:fixed!important;
  inset:82px 0 0 0!important;
  top:82px!important;
  left:0!important;right:0!important;bottom:0!important;
  width:100vw!important;
  height:calc(100dvh - 82px)!important;
  max-height:calc(100dvh - 82px)!important;
  min-height:0!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:8px!important;
  padding:22px 24px calc(32px + env(safe-area-inset-bottom))!important;
  z-index:95!important;
  text-align:left!important;
 }
 body:has(.page-view:not([hidden])) > header #site-navigation.open > a,
 body:has(.page-view:not([hidden])) > header #site-navigation.open > button {
  flex:0 0 auto!important;
  position:relative!important;
  display:flex!important;
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  text-align:left!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:9px 13px!important;
  font-size:.88rem!important;
  transform:none!important;
 }
}
@media(max-width:560px) {
 body:has(.page-view:not([hidden])) > header #site-navigation.open {
  inset:76px 0 0 0!important;
  top:76px!important;
  height:calc(100dvh - 76px)!important;
  max-height:calc(100dvh - 76px)!important;
 }
}

