/* =========================================================
   Style options. The default ("Smokehouse") lives in style.css.
   Pick another with the Style button (bottom-left); choice is remembered.
   ========================================================= */

/* ---------- style switcher UI ---------- */
.styler{position:fixed;left:16px;bottom:16px;z-index:90;font:700 13px Arial,sans-serif}
.styler-btn{display:flex;align-items:center;gap:10px;padding:10px 16px;border:2px solid #fff;border-radius:999px;background:rgba(12,7,7,.92);color:#fff;cursor:pointer;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.styler-btn i{display:flex}
.styler-btn i b{width:12px;height:12px;border-radius:50%;margin-left:-3px;border:1px solid rgba(255,255,255,.7)}
.styler-panel{position:absolute;left:0;bottom:56px;width:270px;padding:10px;background:#120a09;border:1px solid rgba(255,255,255,.25);box-shadow:0 20px 50px rgba(0,0,0,.6);border-radius:12px}
.styler-panel[hidden]{display:none}
.styler-panel p{margin:4px 8px 10px;color:rgba(255,255,255,.55);font-weight:400;font-size:12px;line-height:1.4}
.styler-opt{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 6px;padding:12px;background:none;border:2px solid transparent;border-radius:8px;color:#fff;cursor:pointer;text-align:left;font:700 14px Arial,sans-serif}
.styler-opt:hover{background:rgba(255,255,255,.08)}
.styler-opt[aria-pressed=true]{border-color:#ffc233;background:rgba(255,194,51,.1)}
.styler-opt .sw{display:flex;flex:none;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.4)}
.styler-opt .sw b{width:18px;height:34px}
.styler-opt small{display:block;margin-top:2px;font-weight:400;font-size:12px;color:rgba(255,255,255,.6)}
@media (max-width:520px){.styler{left:10px;bottom:10px}.styler-btn span{display:none}}

/* =========================================================
   OPTION B: HERITAGE ROADHOUSE
   Cream paper, the sign's red and yellow, gingham, slab serif
   ========================================================= */
html[data-theme=heritage]{
  --bg0:#f7f0e1;--surf:#f7f0e1;--surf2:#efe3c8;--card:#fffaf0;--card2:#fffaf0;--paper:#fffaf0;
  --fg-rgb:43,26,18;--shade-rgb:255,255,255;--acc-text:#a51c30;--acc-on-dark:#f2bf4a;
  --ember:#e9b43a;--fire:#a51c30;--fire-hot:#c2283d;--ink:#2b1a12;
  --grad-text:linear-gradient(180deg,#c2283d,#8f1527);--grad-on-dark:linear-gradient(180deg,#f2bf4a,#e8643a);
  --font:"Lora",Georgia,serif;--head:"Bevan",Georgia,serif;--display:"Bevan",Georgia,serif;
  --pill:8px;--scheme:light;--pulse-rgb:242,191,74;--glow-rgb:165,28,48;--hdr-bg:rgba(43,26,18,.96);
  font-synthesis:none;
}
html[data-theme=heritage] .pit-glow,html[data-theme=heritage] .pit-sparks{display:none}
html[data-theme=heritage] .pit{background:var(--surf)}
html[data-theme=heritage] .pit::before{opacity:1;background-image:repeating-conic-gradient(rgba(165,28,48,.075) 0 25%,transparent 0 50%);background-size:40px 40px}
html[data-theme=heritage] .parch,html[data-theme=heritage] .plan{position:relative}
html[data-theme=heritage] .pit::after,html[data-theme=heritage] .parch::after,html[data-theme=heritage] .plan::after,html[data-theme=heritage] .pfeat::before{
  content:"";position:absolute;left:0;right:0;top:0;height:16px;z-index:1;background:repeating-conic-gradient(#a51c30 0 25%,#fffaf0 0 50%) 0 0/16px 16px}
html[data-theme=heritage] .pfeat{position:relative}
html[data-theme=heritage] .pit-title{font-size:clamp(2.6rem,10.5vw,8.4rem);letter-spacing:0;line-height:1}
html[data-theme=heritage] .pit-title .outline{-webkit-text-stroke:2px #2b1a12}
html[data-theme=heritage] .pit-title sup{color:#a51c30}
html[data-theme=heritage] .film-title,html[data-theme=heritage] .phero h1{letter-spacing:0;line-height:1.02}
html[data-theme=heritage] .phero h1{font-size:clamp(2.8rem,9vw,7.2rem)}
html[data-theme=heritage] .shead h2,html[data-theme=heritage] .pcta h2,html[data-theme=heritage] .done h2{letter-spacing:0;line-height:1.05}
html[data-theme=heritage] .feat-body h2,html[data-theme=heritage] .rbody h3,html[data-theme=heritage] .pit-steps h3,html[data-theme=heritage] .pit-steps time,html[data-theme=heritage] .pit-stats strong,html[data-theme=heritage] .step legend,html[data-theme=heritage] .mgroup h3,html[data-theme=heritage] .svc b{letter-spacing:.01em;font-weight:400}
html[data-theme=heritage] .nav-item{font-family:var(--font);font-size:clamp(13px,1.05vw,17px);letter-spacing:.02em}
html[data-theme=heritage] .marquee-track span{font-family:var(--head);font-weight:400}
html[data-theme=heritage] .site-footer{background:#2b1a12}
html[data-theme=heritage] .btn-fire,html[data-theme=heritage] .nav-cta{
  background:#a51c30;color:#fff8e8;border:3px solid #e9b43a;border-radius:var(--pill);text-shadow:none;
  box-shadow:4px 4px 0 #2b1a12;font-family:var(--head);font-weight:400;letter-spacing:.06em}
html[data-theme=heritage] .nav-cta{box-shadow:4px 4px 0 #2b1a12;animation:h-pulse 2s infinite;color:#fff8e8}
html[data-theme=heritage] .btn-fire:hover,html[data-theme=heritage] .nav-cta:hover{background:#c2283d;transform:translate(-2px,-2px);box-shadow:6px 6px 0 #2b1a12}
@keyframes h-pulse{0%{box-shadow:4px 4px 0 #2b1a12,0 0 0 0 rgba(242,191,74,.85)}70%{box-shadow:4px 4px 0 #2b1a12,0 0 0 16px rgba(242,191,74,0)}100%{box-shadow:4px 4px 0 #2b1a12,0 0 0 0 rgba(242,191,74,0)}}
html[data-theme=heritage] .btn{background:#fffaf0;color:#2b1a12;border:3px solid #2b1a12;border-radius:var(--pill);font-family:var(--head);font-weight:400;box-shadow:4px 4px 0 #2b1a12}
html[data-theme=heritage] .btn:hover{background:#e9b43a;color:#2b1a12}
html[data-theme=heritage] .btn--dark{background:#2b1a12;color:#fffaf0}
html[data-theme=heritage] .btn--dark:hover{background:#a51c30;color:#fff8e8}
html[data-theme=heritage] .link-ghost{border-bottom-color:rgba(43,26,18,.4)}
html[data-theme=heritage] .pcta .link-ghost,html[data-theme=heritage] .film .link-ghost{border-bottom-color:rgba(255,255,255,.4)}
html[data-theme=heritage] .feat,html[data-theme=heritage] .rcard,html[data-theme=heritage] .step{background:#fffaf0;border:2px solid #2b1a12;box-shadow:6px 6px 0 rgba(43,26,18,.9)}
html[data-theme=heritage] .rcard:hover{border-color:#a51c30;box-shadow:8px 8px 0 #a51c30}
html[data-theme=heritage] .feat:hover{border-color:#a51c30}
html[data-theme=heritage] .summary-card{background:#fffaf0;border:2px solid #2b1a12;box-shadow:6px 6px 0 #a51c30}
html[data-theme=heritage] .pick .box,html[data-theme=heritage] .svc .card{background:#fffdf6}
html[data-theme=heritage] .pit-photo-frame::before{border-color:#a51c30}
html[data-theme=heritage] .pit-badge{border-color:#e9b43a;color:#fff8e8}
html[data-theme=heritage] .pit-badge strong{font-family:var(--head);font-weight:400}
html[data-theme=heritage] .reminder,html[data-theme=heritage] .setup-note,html[data-theme=heritage] .sum-warn{background:rgba(233,180,58,.2)}
html[data-theme=heritage] .reminder-ico{color:#2b1a12}
html[data-theme=heritage] .alist{border-top-color:#2b1a12}
html[data-theme=heritage] .arow{border-bottom-color:rgba(43,26,18,.25)}
html[data-theme=heritage] a.arow-link:hover{background:rgba(233,180,58,.2)}
html[data-theme=heritage] .arow-link img{filter:sepia(.25) saturate(.95)}
html[data-theme=heritage] .rimg{background:#2b1a12}
html[data-theme=heritage] .pcta{background:radial-gradient(800px 380px at 50% 120%,rgba(165,28,48,.7),transparent 65%),#2b1a12}
html[data-theme=heritage] .ac-list{box-shadow:0 20px 40px rgba(43,26,18,.3)}

/* =========================================================
   OPTION C: MODERN EDITORIAL
   Bone white, black ink, one hot red, heavy grotesk, sharp corners
   ========================================================= */
html[data-theme=modern]{
  --bg0:#f1eee7;--surf:#f1eee7;--surf2:#e9e5da;--card:#ffffff;--card2:#ffffff;--paper:#ffffff;
  --fg-rgb:14,14,14;--shade-rgb:255,255,255;--acc-text:#d9321a;--acc-on-dark:#ff5a3c;
  --ember:#ff4d2e;--fire:#d9321a;--fire-hot:#ff4d2e;--ink:#0e0e0e;
  --grad-text:linear-gradient(#d9321a,#d9321a);--grad-on-dark:linear-gradient(#ff6a4a,#ff4d2e);
  --font:"Inter",Arial,sans-serif;--head:"Archivo Black","Arial Black",sans-serif;--display:"Archivo Black","Arial Black",sans-serif;
  --pill:0;--scheme:light;--pulse-rgb:255,77,46;--glow-rgb:217,50,26;--hdr-bg:rgba(14,14,14,.96);
  font-synthesis:none;
}
html[data-theme=modern] .pit-glow,html[data-theme=modern] .pit-sparks,html[data-theme=modern] .pit::before{display:none}
html[data-theme=modern] .pit{background:var(--surf);border-top:8px solid #0e0e0e}
html[data-theme=modern] .parch,html[data-theme=modern] .plan,html[data-theme=modern] .pfeat{border-top:8px solid #0e0e0e}
html[data-theme=modern] .pit-title{font-size:clamp(2.4rem,9.6vw,7.8rem);letter-spacing:-.035em;line-height:.95}
html[data-theme=modern] .pit-title .outline{-webkit-text-stroke:0}
html[data-theme=modern] .pit-title sup{color:#d9321a}
html[data-theme=modern] .phero h1{font-size:clamp(2.6rem,8.4vw,7rem);letter-spacing:-.03em;line-height:.95}
html[data-theme=modern] .film-title{font-size:clamp(2rem,6vw,4.8rem);letter-spacing:-.02em}
html[data-theme=modern] .shead h2,html[data-theme=modern] .pcta h2,html[data-theme=modern] .done h2{font-size:clamp(2rem,5.2vw,4rem);letter-spacing:-.025em;line-height:1}
html[data-theme=modern] .feat-body h2{font-size:clamp(1.7rem,3.2vw,2.6rem);letter-spacing:-.02em}
html[data-theme=modern] .rbody h3,html[data-theme=modern] .pit-steps h3,html[data-theme=modern] .pit-stats strong,html[data-theme=modern] .step legend,html[data-theme=modern] .mgroup h3,html[data-theme=modern] .svc b,html[data-theme=modern] .pit-steps time{letter-spacing:0;font-weight:400}
html[data-theme=modern] .rbody h3{font-size:1.1rem}
html[data-theme=modern] .pit-stats strong{font-size:clamp(1.1rem,2vw,1.5rem)}
html[data-theme=modern] .hero h1{letter-spacing:-.03em}
html[data-theme=modern] .marquee-track span{font-family:var(--head);font-weight:400}
html[data-theme=modern] .nav-item{font-family:var(--font);font-weight:800;letter-spacing:.06em}
html[data-theme=modern] .btn-fire,html[data-theme=modern] .nav-cta{
  background:#ff4d2e;color:#fff;border:2px solid #0e0e0e;border-radius:0;text-shadow:none;font-weight:800;letter-spacing:.12em;
  box-shadow:6px 6px 0 #0e0e0e}
html[data-theme=modern] .nav-cta{border-color:#fff;box-shadow:5px 5px 0 #fff;animation:m-pulse 1.8s ease-in-out infinite}
html[data-theme=modern] .btn-fire:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 #0e0e0e;background:#ff4d2e}
html[data-theme=modern] .nav-cta:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #fff;background:#ff4d2e}
@keyframes m-pulse{0%,100%{box-shadow:5px 5px 0 #fff}50%{box-shadow:9px 9px 0 #fff}}
html[data-theme=modern] .btn{border-radius:0;font-weight:800}
html[data-theme=modern] .btn--dark{background:#0e0e0e;color:#fff}
html[data-theme=modern] .btn--dark:hover{background:#ff4d2e;color:#fff;border-color:#0e0e0e}
html[data-theme=modern] .link-ghost{border-bottom-color:#0e0e0e}
html[data-theme=modern] .pcta .link-ghost,html[data-theme=modern] .film .link-ghost{border-bottom-color:rgba(255,255,255,.5)}
html[data-theme=modern] .pit-photo-frame{transform:none}
html[data-theme=modern] .pit-photo-frame::before{border:0;background:#ff4d2e;inset:16px -16px -16px 16px}
html[data-theme=modern] .pit-photo-frame img{box-shadow:none;filter:none}
html[data-theme=modern] .pit-badge{background:#0e0e0e;border:0;border-radius:0;transform:rotate(0);width:auto;height:auto;padding:14px 18px;right:-10px;top:-18px;color:#fff}
html[data-theme=modern] .pit-badge strong{color:#ff4d2e;font-family:var(--head);font-weight:400}
html[data-theme=modern] .pit-steps::before{background:#0e0e0e}
html[data-theme=modern] .pit-steps li::before{background:#ff4d2e;box-shadow:none;border-radius:0}
html[data-theme=modern] .pit-stats{border-top:3px solid #0e0e0e}
html[data-theme=modern] .pit-stats li+li{border-left-color:#0e0e0e}
html[data-theme=modern] .feat,html[data-theme=modern] .rcard,html[data-theme=modern] .step{background:#fff;border:2px solid #0e0e0e;box-shadow:8px 8px 0 #0e0e0e}
html[data-theme=modern] .rcard:hover{transform:translate(-3px,-3px);border-color:#0e0e0e;box-shadow:12px 12px 0 #ff4d2e}
html[data-theme=modern] .feat:hover{transform:translate(-3px,-3px);border-color:#0e0e0e;box-shadow:12px 12px 0 #ff4d2e}
html[data-theme=modern] .summary-card{background:#fff;border:2px solid #0e0e0e;box-shadow:8px 8px 0 #ff4d2e}
html[data-theme=modern] .step legend i{background:#0e0e0e;border:0;border-radius:0;color:#fff}
html[data-theme=modern] .pick .box,html[data-theme=modern] .svc .card,html[data-theme=modern] .fld input,html[data-theme=modern] .fld textarea,html[data-theme=modern] .ac-input,html[data-theme=modern] .fld--inline select{background:#fff;border:2px solid #0e0e0e}
html[data-theme=modern] .pick label>input:checked+.box,html[data-theme=modern] .svc input:checked+.card{background:#fff1ee;border-color:#d9321a}
html[data-theme=modern] .chip{border:2px solid #0e0e0e}
html[data-theme=modern] .chip.is-on,html[data-theme=modern] .seg input:checked+span{background:#0e0e0e;border-color:#0e0e0e;color:#fff}
html[data-theme=modern] .seg span{border:2px solid #0e0e0e;background:#fff}
html[data-theme=modern] .reminder,html[data-theme=modern] .setup-note,html[data-theme=modern] .sum-warn{background:#ffe9e4}
html[data-theme=modern] .reminder-ico{background:#0e0e0e;color:#fff;border-radius:0}
html[data-theme=modern] .sub{background:#fff1ee;border:2px solid #0e0e0e}
html[data-theme=modern] .est{background:#fff;border:2px solid #0e0e0e}
html[data-theme=modern] .alist{border-top:3px solid #0e0e0e}
html[data-theme=modern] .arow{border-bottom-color:#0e0e0e}
html[data-theme=modern] a.arow-link:hover{background:#ff4d2e1a}
html[data-theme=modern] .arow-link img{filter:grayscale(1) contrast(1.1)}
html[data-theme=modern] a.arow-link:hover img{filter:none}
html[data-theme=modern] .yr{-webkit-text-stroke:1.5px #0e0e0e}
html[data-theme=modern] .rimg{background:#0e0e0e}
html[data-theme=modern] .pcta{background:#0e0e0e}
html[data-theme=modern] .catering-body h1{letter-spacing:-.03em}
html[data-theme=modern] .ac-list{border:2px solid #0e0e0e;box-shadow:8px 8px 0 #0e0e0e}

/* light themes: clean hard edge into the video band instead of a muddy fade; no leftover glows */
html[data-theme=heritage] .film::before,html[data-theme=modern] .film::before{background:linear-gradient(rgba(12,7,7,.5),rgba(8,5,5,.45) 60%,#000 100%)}
html[data-theme=heritage] .film{border-top:16px solid #2b1a12}
html[data-theme=modern] .film{border-top:8px solid #0e0e0e}
html[data-theme=modern] .pit-badge{box-shadow:none}
html[data-theme=heritage] .pit-photo-frame img{box-shadow:6px 6px 0 rgba(43,26,18,.85)}

/* light themes: keep the press/catering hero text on a consistently dark photo */
html[data-theme=heritage] .phero-bg,html[data-theme=modern] .phero-bg{background:linear-gradient(180deg,rgba(12,7,7,.55),rgba(12,7,7,.6)),var(--bg) center 30%/cover}

/* =========================================================
   HERITAGE: red check tablecloth
   Real gingham (stripes overlap into darker red squares), with the
   content sitting on cream placemats so text stays easy to read.
   ========================================================= */
html[data-theme=heritage]{
  --cloth:
    repeating-linear-gradient(0deg,rgba(176,28,48,.76) 0 22px,transparent 22px 44px),
    repeating-linear-gradient(90deg,rgba(176,28,48,.76) 0 22px,transparent 22px 44px),
    #fffaf0;
}
html[data-theme=heritage] .pit,
html[data-theme=heritage] .pfeat,
html[data-theme=heritage] .precent,
html[data-theme=heritage] .parch,
html[data-theme=heritage] .plan{background:var(--cloth);background-attachment:scroll}
/* retire the earlier thin gingham strips and faint checker, the whole section is cloth now */
html[data-theme=heritage] .pit::before,
html[data-theme=heritage] .pit::after,
html[data-theme=heritage] .parch::after,
html[data-theme=heritage] .plan::after,
html[data-theme=heritage] .pfeat::before{display:none}
html[data-theme=heritage] .parch{border-top:0}
/* the placemats */
html[data-theme=heritage] .pit-wrap,
html[data-theme=heritage] .pfeat .pwrap,
html[data-theme=heritage] .precent .pwrap,
html[data-theme=heritage] .parch .pwrap,
html[data-theme=heritage] .plan>.plan-grid,
html[data-theme=heritage] .plan>.done{
  background:#fffaf0;border:3px solid #2b1a12;box-shadow:10px 10px 0 rgba(43,26,18,.85);
  padding:clamp(22px,4.5vw,64px);position:relative}
/* a subtle linen weave + inner hem on each placemat */
html[data-theme=heritage] .pit-wrap::before,
html[data-theme=heritage] .pfeat .pwrap::before,
html[data-theme=heritage] .precent .pwrap::before,
html[data-theme=heritage] .parch .pwrap::before,
html[data-theme=heritage] .plan>.plan-grid::before,
html[data-theme=heritage] .plan>.done::before{
  content:"";position:absolute;inset:8px;border:1px dashed rgba(165,28,48,.45);pointer-events:none}
html[data-theme=heritage] .pit-title{font-size:clamp(2.3rem,9vw,7.6rem)}
/* give the cards inside the placemats a little air so they read as table settings */
html[data-theme=heritage] .feat,html[data-theme=heritage] .rcard{box-shadow:5px 5px 0 rgba(43,26,18,.85)}
html[data-theme=heritage] .pit-stats{border-top-color:rgba(43,26,18,.4)}
/* sticky summary stays inside its placemat */
html[data-theme=heritage] .plan>.plan-grid .summary{top:100px}
/* clean edges where cloth meets the photo sections */
html[data-theme=heritage] .phero{border-bottom:8px solid #2b1a12}
html[data-theme=heritage] .pit{border-top:8px solid #2b1a12}
@media (max-width:640px){
  html[data-theme=heritage] .pit-wrap,html[data-theme=heritage] .pfeat .pwrap,html[data-theme=heritage] .precent .pwrap,
  html[data-theme=heritage] .parch .pwrap,html[data-theme=heritage] .plan>.plan-grid,html[data-theme=heritage] .plan>.done{box-shadow:6px 6px 0 rgba(43,26,18,.85)}
}


/* map card in the light styles */
html[data-theme=heritage] .map-card{background:#fffaf0;border:3px solid #2b1a12;box-shadow:8px 8px 0 rgba(43,26,18,.85)}
html[data-theme=heritage] .map-card h2{font-weight:400}
html[data-theme=heritage] .map{border-top:8px solid #2b1a12}
html[data-theme=modern] .map-card{background:#fff;border:2px solid #0e0e0e;box-shadow:8px 8px 0 #0e0e0e}
html[data-theme=modern] .map-card h2{font-weight:400;letter-spacing:-.02em}
html[data-theme=modern] .map{border-top:8px solid #0e0e0e}
html[data-theme=modern] .map-activate span{border-color:#fff}
@media (max-width:820px){
  html[data-theme=heritage] .map-card,html[data-theme=modern] .map-card{box-shadow:none;border-width:3px 0 0}
}