/* One look across the whole site (Mike, 7 Nov 2026).
   The booking side (One More Night, our in-house booking & concierge service)
   now wears the One More Day colours and type instead of its own dark theme.
   Loaded after omd-nights.css; it re-points the --nt-* variables and fixes the
   few places that sat text on photographs. Dark stays only as an accent:
   the header, the footer, and VIP panels. */
:root{
  --nt-ink:#FCFBF8;        /* page ground: chalk */
  --nt-surface:#ffffff;    /* cards */
  --nt-line:rgba(8,34,44,.13);
  --nt-accent:#2E6A7C;     /* sea */
  --nt-accent-hi:#123544;
  --nt-cream:#08222C;      /* body text: ink */
  --nt-muted:#4F6670;
  --nt-display:"Fraunces",Georgia,serif;
  --nt-body:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
}
.nt,.nt body{background:#FCFBF8;color:#08222C}
.nt-band--alt{background:#F3EADC}
.nt h1,.nt h2,.nt-cat__h h3,.nt-venue h3,.nt-mini h3{font-family:"Fraunces",Georgia,serif;font-weight:500;letter-spacing:-.015em}
.nt-label,.nt-eyebrow{color:#2E6A7C;letter-spacing:.14em}

/* header = the One More Day header */
.nt-hdr{background:rgba(8,34,44,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(252,251,248,.16);
  --nt-cream:#FCFBF8;--nt-muted:rgba(252,251,248,.72);--nt-line:rgba(252,251,248,.22);--nt-surface:#0d2d38;--nt-ink:#08222C;--nt-accent:#B8DBA2}
.nt-hdr .nt-logo img{height:34px;width:auto}
.nt-hdr .nt-btn--solid{background:#B8DBA2;color:#08222C;border-color:#B8DBA2}

/* photo heroes keep light text */
.nt-hero{--nt-cream:#FCFBF8;--nt-muted:rgba(252,251,248,.85);color:#FCFBF8}
.nt-hero h1,.nt-hero .nt-lede,.nt-hero .nt-back,.nt-hero .nt-eyebrow{color:#FCFBF8}
.nt-hero .nt-eyebrow{color:#B8DBA2}
.nt-hero .nt-btn--solid{background:#B8DBA2;color:#08222C;border-color:#B8DBA2}
.nt-hero .nt-btn--ghost{color:#FCFBF8;border-color:rgba(252,251,248,.55)}

/* buttons */
.nt-btn--solid{background:#08222C;color:#FCFBF8;border-color:#08222C}
.nt a.nt-btn--ghost,.nt-btn--ghost{color:#08222C;border-color:rgba(8,34,44,.35)}
.nt-btn--ghost:hover{background:rgba(8,34,44,.05);border-color:#08222C}

/* tabs */
.nt-jump{background:rgba(252,251,248,.96);border-bottom:1px solid rgba(8,34,44,.1)}
.nt-jump a{color:#4F6670}
.nt-jump a.on,.nt-jump a:hover{color:#08222C;border-bottom-color:#2E6A7C}

/* cards */
.nt-mini a{box-shadow:0 1px 2px rgba(8,34,44,.05)}
.nt-mini a:hover{box-shadow:0 10px 26px rgba(8,34,44,.12)}
.nt-mini a span{color:#2E6A7C}
.nt-cat__soon{background:#08222C;color:#B8DBA2}
.nt-venue{--nt-cream:#FCFBF8;--nt-muted:rgba(252,251,248,.85)}
.nt-venue h3,.nt-venue p{color:#FCFBF8}

/* the concierge box: the one dark panel on the page */
.nt-ask{background:#08222C;border:0;--nt-cream:#FCFBF8;--nt-muted:rgba(252,251,248,.8);color:#FCFBF8}
.nt-ask h2,.nt-ask p{color:#FCFBF8}
.nt-ask .nt-label{color:#B8DBA2}
.nt-ask .nt-btn--solid{background:#B8DBA2;color:#08222C;border-color:#B8DBA2}
.nt-ask .nt-btn--ghost{color:#FCFBF8;border-color:rgba(252,251,248,.5)}

/* footer = the One More Day footer colours */
.nt-ft{background:#08222C;--nt-cream:#FCFBF8;--nt-muted:rgba(252,251,248,.7);--nt-line:rgba(252,251,248,.16);color:#FCFBF8}

/* body text on the light ground (the dark theme hard-coded pale greys) */
.nt-band p,.nt-list li,.nt-time span,.nt-one p{color:#2B4651}
.nt-more b,.nt-one b{color:#08222C}
.nt-more span{color:#4F6670}
.nt-one{background:#F3EADC;border-color:rgba(8,34,44,.12)}
.nt-hero .nt-lede{color:rgba(252,251,248,.92)}
.nt-venue p{color:rgba(252,251,248,.88)}
.nt-ask p{color:rgba(252,251,248,.86)}
.nt-ft p,.nt-ft li{color:rgba(252,251,248,.75)}

/* buttons: sans, not the display serif */
.nt-btn{font-family:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-weight:600;letter-spacing:.06em}
.nt a.nt-btn--solid{color:#FCFBF8}
.nt .nt-hero a.nt-btn--solid,.nt .nt-ask a.nt-btn--solid,.nt .nt-hdr a.nt-btn--solid{color:#08222C}
.nt .nt-hero a.nt-btn--ghost,.nt .nt-ask a.nt-btn--ghost{color:#FCFBF8;border-color:rgba(252,251,248,.6)}
.nt-btn:hover{background:rgba(8,34,44,.08)}
.nt-btn--solid:hover{background:#123544;border-color:#123544;color:#FCFBF8}

/* header on a phone: logo, section name, menu, enquire — no overflow */
@media (max-width:640px){
  .nt-hdr .nt-cross{display:none}
  .nt-hdr .nt-logo img{height:28px}
  .nt-hdr .nt-logo + a{font-size:9.5px!important;margin-left:8px!important;padding-left:8px!important}
}
@media (max-width:380px){ .nt-hdr .nt-logo + a span{display:none} }
/* small labels in the sans, like the day pages */
.nt-label,.nt-eyebrow,.nt-jump a,.nt-mini a span,.nt-back,.nt-cat__soon,.nt-seat span,.nt-time b{font-family:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}

/* Menu panel: the same light panel as the One More Day menu (Mike, 8 Nov 2026) */
.ntm__p{background:#FCFBF8!important;border:1px solid rgba(8,34,44,.12)!important;border-radius:18px!important;padding:8px!important;box-shadow:0 26px 60px rgba(8,34,44,.28)!important}
.ntm__l{font-family:"Archivo",system-ui,sans-serif!important;font-size:.7rem!important;letter-spacing:.1em!important;color:#2E6A7C!important;padding:11px 13px 7px!important}
.ntm__n{color:#08222C!important;font-family:"Archivo",system-ui,sans-serif!important}
.ntm__m{color:#2E6A7C!important}
.ntm__go .ntm__n{color:#2E6A7C!important}
.ntm__o,.ntm__go{border-radius:13px!important}
.ntm__o:hover,.ntm__go:hover{background:#F3EADC!important}
.ntm__rule{background:rgba(8,34,44,.12)!important;margin:6px 12px!important}
.ntm__t{font-family:"Archivo",system-ui,sans-serif!important;border-radius:999px!important}
.ntm__soc{display:flex;gap:10px;padding:8px 12px 6px}
.ntm__soc a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(8,34,44,.15);color:#08222C}
.ntm__soc svg{width:17px;height:17px}
.ntm__b{border-radius:999px!important;background:rgba(252,251,248,.1)!important;border:1px solid rgba(252,251,248,.22)!important;color:#FCFBF8!important;font-family:"Archivo",system-ui,sans-serif!important;letter-spacing:.02em!important;text-transform:none!important;font-size:.9rem!important}
.ntm__b:hover{background:rgba(252,251,248,.16)!important}

/* ---- Readability pass (Mike, 8 Nov 2026: "this colour palette doesn't look good and is very hard to see").
   The old dark theme still painted some cards near-black with ink text on them, and kept its purple.
   Every surface on the light pages is now light with dark text; dark panels keep light text; no purple. */
:root{--nt-ink-2:#F3EADC;--nt-surface-2:#ffffff;--nt-accent-hi:#123544}
.nt-ask,.nt-hdr,.nt-ft{--nt-ink-2:#0d2d38;--nt-surface-2:#0d2d38;--nt-accent-hi:#B8DBA2}

/* "More than nights" service cards and the numbered "How it works" steps on /nights */
.nt-more li{background:#ffffff!important;border:1px solid rgba(8,34,44,.12)!important;box-shadow:0 1px 2px rgba(8,34,44,.04)}
.nt-more li b,.nt-more li h3,.nt-more li strong{color:#08222C!important}
.nt-more li span,.nt-more li p{color:#4F6670!important}
.nt-steps li::before{background:#2E6A7C!important;color:#FCFBF8!important}
.nt-one{background:#F3EADC!important;border:1px solid rgba(8,34,44,.12)!important}
.nt-one b{color:#08222C!important}.nt-one p{color:#2B4651!important}

/* tables (Hype yacht etc.) */
.nt-table th,.nt-table td{color:#08222C;border-color:rgba(8,34,44,.12)}
.nt-table thead th{background:#08222C!important;color:#FCFBF8!important}
.nt-table tbody th{color:#08222C!important}
.nt-table tbody tr:nth-child(odd) td,.nt-table tbody tr:nth-child(odd) th{background:#F3EADC!important}
.nt-table tbody tr:nth-child(even) td,.nt-table tbody tr:nth-child(even) th{background:#ffffff!important}

/* form fields on light ground; light text only inside the dark concierge panel */
.nt-field input,.nt-field textarea,.nt-field select{background:#ffffff;color:#08222C;border:1px solid rgba(8,34,44,.2)}
.nt-field input::placeholder,.nt-field textarea::placeholder{color:#6B818B}
.nt-ask .nt-field input,.nt-ask .nt-field textarea{background:#0d2d38;color:#FCFBF8;border-color:rgba(252,251,248,.25)}
.nt-ask .nt-field input::placeholder,.nt-ask .nt-field textarea::placeholder{color:rgba(252,251,248,.6)}
.nt-flab{color:#08222C}
.nt-ask .nt-flab{color:#FCFBF8}
.nt-form__err{color:#B3261E}
.nt-ask .nt-form__err{color:#FFB4AB}
.nt-pills label{background:#ffffff;color:#08222C;border-color:rgba(8,34,44,.2)}
.nt-pills input:checked + label{background:#08222C!important;color:#FCFBF8!important;border-color:#08222C!important}
.nt-pills input:checked + label::before{background:#B8DBA2!important}
.nt-ask .nt-pills label{background:#0d2d38;color:#FCFBF8;border-color:rgba(252,251,248,.25)}
.nt-ask .nt-pills input:checked + label{background:#B8DBA2!important;color:#08222C!important;border-color:#B8DBA2!important}

/* small purple leftovers -> sea / mint */
.nt-ticker{background:#08222C!important;border-bottom-color:rgba(252,251,248,.12)!important}
.nt-ticker__t{color:rgba(252,251,248,.8)!important}.nt-ticker__t b{color:#B8DBA2!important}
.nt-time li::before{background:#FCFBF8!important;border-color:#2E6A7C!important}
.nt-time li:last-child::before{background:#2E6A7C!important}
.nt-mini a:hover,.nt-pills label:hover{border-color:#2E6A7C!important}
.nt-btn:hover:not(.nt-btn--solid){background:rgba(8,34,44,.06)}
.nt a:focus-visible,.nt button:focus-visible{outline-color:#2E6A7C}
.nt-hero{--nt-tint:#08222C}

/* the cookie bar: One More Day teal with a mint button, not purple */
.nt .omd-cbar{background:#08222C!important;color:#FCFBF8!important;border-top-color:rgba(252,251,248,.14)!important}
.nt .omd-cbar p{color:rgba(252,251,248,.85)!important}
.nt .omd-cbar a{color:#B8DBA2!important}
.nt .omd-cbar .c-no{background:none!important;color:#FCFBF8!important;border:1px solid rgba(252,251,248,.4)!important}
.nt .omd-cbar .c-yes{background:#B8DBA2!important;border-color:#B8DBA2!important;color:#08222C!important}
.nt .omd-cbar .c-yes:hover{background:#cbe6b9!important}

/* footer small print a touch brighter */
.nt-ft__logos span{color:rgba(252,251,248,.7)!important}

/* a button inside a card grid (The Key, Tropicola) keeps its button look */
.nt-mini a.nt-btn{display:inline-flex;width:auto;margin-top:12px;padding:0 20px;border-radius:999px;box-shadow:none;transform:none}
.nt-mini a.nt-btn--solid{background:#08222C!important;color:#FCFBF8!important;border:1px solid #08222C!important}
.nt-mini a.nt-btn--solid:hover{background:#123544!important}
.nt-mini a.nt-btn--ghost{background:transparent!important;color:#08222C!important;border:1px solid rgba(8,34,44,.35)!important}

/* small labels, table headings and choice pills in the clean sans, not the serif */
.nt-table th,.nt-pills label,.nt-flab,.nt-facts dt,.nt-facts b,.nt-ev__d,.nt-wo__d,.nt-ticker__t,.nt-form__note{font-family:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif!important}
.nt-pills label{font-weight:600}
