/* TriniJam BK preview: shared site styles (palette v2 dark, no red). PREVIEW ONLY. */
:root{--ink:#0E1416;--charcoal:#1B2326;--teal:#0B3A40;--teal2:#124E55;--ivory:#F4EEDF;--gold:#C9A54A;--green:#1F5A3D;--black:#111111;--white:#FFFFFF}
body{font-family:"Trebuchet MS",Arial,sans-serif}
.pv{background:var(--ink)!important;color:var(--gold)!important}
.nav{position:absolute;top:34px;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:18px 6%;color:var(--ivory)}
.brand{font-size:28px;font-weight:900;color:var(--ivory)}.brand a{color:inherit;text-decoration:none}.brand .t{color:var(--ivory)!important}.brand .j{color:var(--gold)!important}
.nav nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:2px 0}
.nav nav>a,.nav .dd>a{color:var(--ivory);text-decoration:none;margin-left:18px;font-size:14px;font-weight:700;letter-spacing:.3px}
.nav nav a.on{color:var(--gold);border-bottom:2px solid var(--gold)}
.nav .dd{position:relative;display:inline-block}
.nav .dd .sub{display:none;position:absolute;left:10px;top:100%;background:var(--ink);border:1px solid rgba(244,238,223,.18);border-top:3px solid var(--gold);border-radius:10px;padding:8px 0;min-width:150px}
.nav .dd:hover .sub,.nav .dd:focus-within .sub{display:block}
.nav .dd .sub a{display:block;color:var(--ivory);text-decoration:none;padding:6px 16px;font-size:14px}
.nav .dd .sub a:hover{color:var(--gold)}
footer.sf{background:var(--ink);color:var(--ivory);text-align:center;padding:30px 6%;font-size:14px;line-height:1.8}
footer.sf nav a{color:var(--ivory);text-decoration:none;margin:0 9px}footer.sf nav a:hover{color:var(--gold)}
footer.sf a{color:var(--ivory)}footer.sf .pvl{color:var(--gold);font-weight:800;letter-spacing:2px}
/* palette v2 dark: shared overrides */
body{background:var(--white);color:var(--black)}
.story,.visit,#breakfast,.grill:not(.bar){background:var(--white);color:var(--black)}
.menu,.mhead{background:var(--teal)!important;color:var(--ivory)}
.mhead{background:linear-gradient(120deg,#0E1416 0%,#0B3A40 60%,#124E55 100%)!important}
.hero{background:linear-gradient(120deg,#0E1416 0%,#0B3A40 60%,#124E55 100%)}
.bar{background:var(--teal);color:var(--ivory)}.bar .ph2{background:var(--teal2)}
.cater{background:radial-gradient(circle at 80% 30%,#C9A54A 0 60px,transparent 61px),linear-gradient(180deg,#0B3A40,#124E55 55%,#124E55 56%,#0B3A40)!important;color:var(--ivory)}
.tag.tt{background:var(--ink);color:var(--ivory);box-shadow:inset 0 0 0 1.5px var(--ivory)}
.tag.ja{background:var(--green);color:var(--ivory);box-shadow:inset 0 0 0 1.5px var(--gold)}
.tag.both{background:var(--gold);color:var(--ink)}
.closed{color:var(--black)!important;font-weight:800}
.flagbar{background:linear-gradient(90deg,#0E1416 0 22%,#F4EEDF 22% 25%,#0E1416 25% 50%,#1F5A3D 50% 78%,#C9A54A 78% 84%,#1F5A3D 84%)!important}
.mcard{border-top-color:var(--gold)}.mcard.tt{border-top-color:var(--ivory)}.mcard.ja{border-top-color:var(--green)}.mcard.both{border-top-color:var(--gold)}
.it b,.big{color:var(--gold)}.note,.b1{background:var(--gold);color:var(--ink)}.cat{border-color:var(--gold);color:var(--ivory)}
.ph.tt{background:var(--charcoal)}.ph.ja{background:var(--green)}
.visit h2{color:var(--teal)}
.ph2{background:var(--ivory)}.ph2 img{background:var(--ivory)}.th{background:var(--ivory)}
section[id],div[id]{scroll-margin-top:60px}
@media(max-width:760px){.nav nav{display:none}}

/* ===== Smoke fade (Sir, Oct 19 2026): dark areas drift from near-black into charcoal/gray. CSS only. ===== */
:root{--smoke0:#0A0A0A;--smoke1:#1A1A1A;--smoke2:#2A2A2A;--smoke3:#3A3A3A;--smoke4:#4A4A4A;
--smoke-tex:radial-gradient(ellipse 60% 45% at 18% 30%,rgba(74,74,74,.38),transparent 70%),radial-gradient(ellipse 50% 60% at 82% 70%,rgba(58,58,58,.35),transparent 72%),radial-gradient(ellipse 40% 35% at 55% 15%,rgba(74,74,74,.22),transparent 70%),radial-gradient(ellipse 70% 40% at 40% 95%,rgba(42,42,42,.5),transparent 70%);
--smoke-fade:linear-gradient(135deg,#0A0A0A 0%,#1A1A1A 35%,#2A2A2A 70%,#333333 100%)}
.pv{background:linear-gradient(90deg,#0A0A0A,#2A2A2A 50%,#0A0A0A)!important}
.hero{background:var(--smoke-tex),var(--smoke-fade)!important}
.hov{background:linear-gradient(90deg,rgba(10,10,10,.88) 0%,rgba(26,26,26,.6) 45%,rgba(42,42,42,.25) 100%)!important}
.wave path{fill:#1A1A1A}
.mhead{background:var(--smoke-tex),var(--smoke-fade)!important}
.menu{background:var(--smoke-tex),linear-gradient(180deg,#1A1A1A 0%,#2A2A2A 50%,#1A1A1A 100%)!important}
.side.tt{background:var(--smoke-tex),linear-gradient(160deg,#0A0A0A,#2A2A2A)!important}
.side.ja{background:var(--smoke-tex),linear-gradient(200deg,#0A0A0A,#2A2A2A 70%,#1F5A3D 140%)!important}
.jerk{background:var(--smoke-tex),linear-gradient(120deg,#0A0A0A,#2A2A2A 80%,#333333)!important}
.bar{background:var(--smoke-tex),linear-gradient(180deg,#2A2A2A,#1A1A1A 60%,#0A0A0A)!important}.bar .ph2{background:#3A3A3A}
.cater{background:radial-gradient(circle at 80% 30%,#C9A54A 0 60px,transparent 61px),var(--smoke-tex),linear-gradient(180deg,#1A1A1A,#3A3A3A 55%,#1A1A1A)!important}
footer.sf{background:var(--smoke-tex),linear-gradient(180deg,#2A2A2A,#0A0A0A)!important}
.nav .dd .sub{background:#1A1A1A}
.mcard{background:rgba(244,238,223,.05);border-color:rgba(244,238,223,.16)}
.tag.tt{background:#0A0A0A}
.flagbar{background:linear-gradient(90deg,#0A0A0A 0 22%,#F4EEDF 22% 25%,#0A0A0A 25% 50%,#1F5A3D 50% 78%,#C9A54A 78% 84%,#1F5A3D 84%)!important}
/* gold text is kept on grounds no lighter than #3A3A3A (gold on #3A3A3A ≈ 4.9:1; ivory on #4A4A4A ≈ 8:1) */