/* Header toggle (shown in both themes) */
.theme-toggle{display:inline-grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--gold);cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.theme-toggle:hover,.theme-toggle:focus-visible{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .theme-icon-moon{display:none}
html[data-theme="light"] .theme-toggle .theme-icon-sun{display:none}
html[data-theme="light"] .theme-toggle .theme-icon-moon{display:block}
.nav{gap:18px}

/* Light theme: swap the palette */
html[data-theme="light"]{
  color-scheme:light;
  --ink:#f7f3ec; --ink-2:#efe8dc; --ink-3:#e5dccb;
  --ivory:#1c1a16; --ivory-2:#2e2a23; --stone:#6c6455;
  --gold:#6e521c; --gold-2:#7a5b20; --gold-dk:#5a4316;
  --line:rgba(110,82,28,.3);
}
/* Thin type reads poorly on a light background */
html[data-theme="light"] body{font-weight:400}
html[data-theme="light"] .eyebrow,html[data-theme="light"] label,html[data-theme="light"] .tabs a,html[data-theme="light"] .menu a{font-weight:500}

/* Text on gold stays dark */
html[data-theme="light"] .btn:hover,html[data-theme="light"] .btn.solid,html[data-theme="light"] .ptag,
html[data-theme="light"] .calendar-day.selected,html[data-theme="light"] .calendar-nav:hover:not(:disabled),
html[data-theme="light"] .arrow:hover,html[data-theme="light"] .admin-preview button:hover,html[data-theme="light"] .theme-toggle:hover{color:#fff}
html[data-theme="light"] .wa svg{fill:#fff}

/* Hard-coded muted greys */
html[data-theme="light"] .lead,html[data-theme="light"] .head p,html[data-theme="light"] .details>p,html[data-theme="light"] .feat{color:#4f4a40}
html[data-theme="light"] .tabs a,html[data-theme="light"] .foot ul,html[data-theme="light"] .pricebox .amt small{color:#6c6455}

/* Bars and panels */
html[data-theme="light"] header,html[data-theme="light"] header.scrolled{background:rgba(247,243,236,.94)}
html[data-theme="light"] .tabs{background:rgba(247,243,236,.96)}
html[data-theme="light"] .guest-flash{background:rgba(255,255,255,.98)}
html[data-theme="light"] .bookbar form{box-shadow:0 30px 60px rgba(60,45,20,.14)}
html[data-theme="light"] .field input,html[data-theme="light"] .field select{color-scheme:light}
html[data-theme="light"] .suites{background:var(--ink-2);color:var(--ivory)}
html[data-theme="light"] .price{background:#1c1a16;color:#f6f1e7}
html[data-theme="light"] .booking-calendar{background:rgba(255,255,255,.5)}
html[data-theme="light"] .stage .count{color:#f6f1e7}

/* Areas laid over photographs keep the dark palette for legibility */
html[data-theme="light"] .hero,html[data-theme="light"] .feature,html[data-theme="light"] .lb,
html[data-theme="light"] .tag,html[data-theme="light"] .arrow,html[data-theme="light"] .gallery-grid figcaption{
  --ink:#0b0b0a; --ink-2:#141412; --ivory:#f6f1e7; --stone:#8d8576;
  --gold:#c9a45c; --gold-2:#e2c88f; --line:rgba(201,164,92,.28);
  color:var(--ivory);
}
html[data-theme="light"] .hero .lead,html[data-theme="light"] .feature .lead{color:#cfc7b8}

/* The home header sits over the dark hero until the page scrolls */
html[data-theme="light"] header#top:not(.scrolled){background:transparent;--ivory:#f6f1e7;--gold:#c9a45c;--gold-2:#e2c88f;--ink:#0b0b0a;--line:rgba(201,164,92,.28);color:var(--ivory)}
html[data-theme="light"] header#top:not(.scrolled) .menu.open{background:#0b0b0a}
.guest-account>a{color:var(--gold-2);text-decoration:none}
.guest-account>a:hover{color:var(--gold)}

/* Shared header actions and the account dropdown */
.nav-actions{display:flex;align-items:center;gap:22px}
.menu-signin{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;opacity:.85}
.menu-signin:hover{opacity:1;color:var(--gold-2)}
.account-menu{position:relative}
.account-menu summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ivory);white-space:nowrap;padding:6px 2px}
.account-menu summary::-webkit-details-marker{display:none}
.account-menu summary:hover,.account-menu summary.on,.account-menu[open] summary{color:var(--gold-2)}
.account-menu summary svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s}
.account-menu[open] summary svg{transform:rotate(180deg)}
.account-menu-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--gold);color:var(--gold-2);font-family:var(--serif);font-size:.95rem;letter-spacing:0}
.account-menu-panel{position:absolute;right:0;top:calc(100% + 14px);z-index:60;min-width:240px;padding:8px;background:var(--ink-2);border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.35);display:grid}
.account-menu-who{display:grid;gap:2px;padding:10px 12px 12px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.account-menu-who strong{font-weight:500;font-size:.92rem;color:var(--ivory)}
.account-menu-who span{font-size:.78rem;color:var(--stone);overflow:hidden;text-overflow:ellipsis}
.account-menu-panel a,.account-menu-panel button{display:block;width:100%;padding:10px 12px;text-align:left;border:0;background:none;color:var(--ivory);font:inherit;font-size:.86rem;letter-spacing:.02em;text-transform:none;cursor:pointer;opacity:1}
.account-menu-panel a:hover,.account-menu-panel button:hover,.account-menu-panel a.on{background:rgba(201,164,92,.12);color:var(--gold-2)}
.account-menu-panel form{margin:6px 0 0;padding-top:6px;border-top:1px solid var(--line)}
@media (max-width:1024px){.nav-actions .account-menu,.nav-actions .menu-signin{display:none}}