/* Tin Can Tacos theme. Loads after styles.css. The home is the engine's big photo page (desktop.css, desktopLayout
   "hero"): a navy field, cream type, tomato buttons and bands, Lilita One for the big words and Barlow Condensed for
   the rest. This file holds the fonts, the colours and the inner page look; every page sits on the same navy field. */
@font-face{font-family:"Lilita One";font-style:normal;font-weight:400;font-display:block;src:url("../assets/fonts/lilita-one-400.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:500;font-display:block;src:url("../assets/fonts/barlow-condensed-500.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:block;src:url("../assets/fonts/barlow-condensed-600.woff2") format("woff2")}

:root{
  --bg:#f6ecd9;
  --panel:#fffaf0;
  --panel-2:#f1e5cf;
  --line:rgba(22,48,58,.14);
  --text:#16303a;
  --muted:#686760;
  --accent:#be341c;
  --accent-2:#a12c18;
  --on-accent:#fff6e6;
  --good:#156b67;
  --good-2:#0f5450;
  --bad:#c0392b;
  --warn:#c98a00;
  --cream:#fff6e6;
  --teal:#156b67;
  --teal-2:#0f5450;
  --mustard:#f2b632;
  --tomato:#be341c;
  --navy:#16303a;
  --radius:8px;
  --head-font:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --body-font:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --head-weight:600;
  --head-transform:uppercase;
  --head-spacing:.06em;
}
html{background:var(--bg)}
body{background:var(--bg)}
body{font-size:1.06rem}
.home-wrap,.page{position:relative;z-index:1}

/* ---------- The big photo home (every rule carries html.hero-site body so it outranks desktop.css, which loads last): the truck's own touches on the engine's page ---------- */
html.hero-site body .desk-hero h1,html.hero-site body .desk-h2,html.hero-site body .desk-tile h3,html.hero-site body .desk-hours-big,html.hero-site body .desk-step .n,html.hero-site body .desk-nav-links a,html.hero-site body .desk-foot-brand,html.hero-site body .desk-deal-price,html.hero-site body .desk-list-side .p{text-transform:none;letter-spacing:.01em}
html.hero-site body .desk-hero-btn,html.hero-site body .desk-book,html.hero-site body .desk-more,html.hero-site body .desk-marq-track,html.hero-site body .desk-kicker,html.hero-site body .desk-list-cat,html.hero-site body .desk-hours-cta b{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
html.hero-site body .desk-hero-btn{border-radius:8px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18)}
html.hero-site body .desk-hero-btn.ghost{box-shadow:none}
html.hero-site body .desk-marq{background:var(--mustard);color:var(--navy)}
html.hero-site body .desk-marq-track{font-size:1.15rem;letter-spacing:.1em}
html.hero-site body .desk-steps{background:var(--teal);color:var(--cream)}
html.hero-site body .desk-steps .desk-step::before{background:rgba(255,246,230,.5)}
html.hero-site body .desk-tile{border-radius:8px}
html.hero-site body .desk-deal{border-left:4px solid var(--mustard)}
/* small accent texts on the navy field take the mustard: the tomato is 2.4 to 1 there (a11y check) */
html.hero-site body .desk-more,html.hero-site body .desk-hours-big span,html.hero-site body .desk-point .n,html.hero-site body .desk-kicker,html.hero-site body .desk-list-cat,html.hero-site body .desk-nav-links a.on,html.hero-site body .desk-news .when,html.hero-site body .desk-news .more,html.hero-site body .desk-hero h1 .w.mark i,html.hero-site body .desk-hours-note a{color:var(--mustard)}
html.hero-site body .desk-deal-price{color:var(--mustard)}
html.hero-site body .desk-area-places span{border-color:rgba(255,246,230,.35)}

/* ---------- Inner pages (every rule carries html.hero-site body so it outranks the wide screen rules in desktop.css, which loads last) (the engine keeps them on the navy field; these are the truck's shapes and colours) ---------- */
html.hero-site body .page-title{font-family:"Lilita One","Arial Black",Impact,sans-serif;font-weight:400;text-transform:none;letter-spacing:.01em;text-shadow:0 2px 0 rgba(0,0,0,.25)}
html.hero-site body .seg{background:var(--panel);border-color:var(--line)}
html.hero-site body .seg a{font-family:var(--head-font);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
html.hero-site body .seg a.active{background:var(--tomato);color:var(--cream)}
html.hero-site body .seg a.specials{color:var(--mustard)}
html.hero-site body .seg a.specials.active{background:var(--teal);color:var(--cream)}
html.hero-site body .btn.primary{background:var(--tomato);color:var(--cream);box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}
html.hero-site body .btn.good{background:var(--teal);color:var(--cream);box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}
html.hero-site body .chip{background:var(--panel)}
html.hero-site body .chip.active{background:var(--tomato);color:var(--cream)}
html.hero-site body .chip.active b{color:inherit}   /* the count on the active chip takes the chip's own text colour (a11y check) */
html.hero-site body .chip b{color:var(--mustard)}
html.hero-site body .card{background:var(--panel);border-color:var(--line);box-shadow:0 6px 16px rgba(0,0,0,.12)}
html.hero-site body .card .img{background:var(--panel-2)}
html.hero-site body .card .name{font-family:var(--head-font);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:1.05rem}
html.hero-site body .card .price{color:var(--mustard);font-family:"Lilita One",sans-serif;font-weight:400;font-size:1.15rem}
html.hero-site body .card.featured{border-color:var(--mustard);box-shadow:0 0 0 2px var(--mustard) inset,0 6px 16px rgba(0,0,0,.12)}
html.hero-site body .card.featured .name{color:var(--mustard)}   /* the accent tomato fails contrast on the dark card (a11y check) */
html.hero-site body .feat-tag{background:var(--mustard);color:var(--navy);font-family:var(--head-font);letter-spacing:.14em}
html.hero-site body .cat-head{font-family:"Lilita One",sans-serif;font-weight:400;text-transform:none;letter-spacing:.01em;font-size:1.3rem;border-bottom:3px solid var(--tomato)}
html.hero-site body .badge.good{background:rgba(21,107,103,.35);color:#a8eec0}
html.hero-site body .badge.accent{background:rgba(190,52,28,.35);color:#ffc9b5}
html.hero-site body .viewer .v-info{background:var(--panel)}
html.hero-site body .viewer .v-name{font-family:"Lilita One",sans-serif;font-weight:400;text-transform:none;letter-spacing:.01em}
html.hero-site body .viewer .v-price{color:var(--mustard)}
html.hero-site body .special{border-color:rgba(242,182,50,.6);background:var(--panel)}
html.hero-site body .special-price{color:var(--mustard);font-family:"Lilita One",sans-serif;font-weight:400}
html.hero-site body .post{background:var(--panel)}
html.hero-site body .post.pinned{border-color:var(--mustard)}
html.hero-site body .post h3{font-family:var(--head-font);text-transform:uppercase;letter-spacing:.04em}
html.hero-site body .rich{background:var(--panel)}
html.hero-site body .rich h1,html.hero-site body .rich h2,html.hero-site body .rich h3{font-family:"Lilita One",sans-serif;font-weight:400;text-transform:none;letter-spacing:.01em;color:var(--mustard)}
html.hero-site body .rich a{color:var(--mustard)}
html.hero-site body .letter{color:var(--mustard);font-family:"Lilita One",sans-serif;font-weight:400}
html.hero-site body .modal{background:var(--panel)}
html.hero-site body .modal h2{font-family:"Lilita One",sans-serif;font-weight:400;text-transform:none;letter-spacing:.01em}
html.hero-site body .toast{background:var(--mustard);color:var(--navy)}
html.hero-site body .gate{background:var(--navy)}
html.hero-site body .gate h1{font-family:"Lilita One",sans-serif;font-weight:400;text-transform:none;color:var(--cream)}
html.hero-site body .gate img{border:3px solid var(--tomato)}
html.hero-site body .steps li{background:var(--panel)}
html.hero-site body .steps li::before{background:var(--tomato);color:var(--cream);font-family:var(--head-font)}
html.hero-site body .install-note{background:rgba(242,182,50,.18);border-color:rgba(242,182,50,.6)}
html.hero-site body .empty{background:var(--panel)}

/* hours and booking */
html.hero-site body .open-now{background:var(--panel);border-color:var(--line);font-family:var(--head-font);letter-spacing:.06em}
html.hero-site body .open-now.on{color:#a8eec0;border-color:rgba(168,238,192,.5)}
html.hero-site body .open-now.on i{background:#a8eec0;box-shadow:0 0 0 4px rgba(168,238,192,.18)}
html.hero-site body .open-now.off i{background:var(--tomato)}
html.hero-site body .hours-list{background:var(--panel);border-color:var(--line)}
html.hero-site body .hours-list .d{font-family:var(--head-font);font-weight:600;text-transform:uppercase;letter-spacing:.08em}
html.hero-site body .hours-list .part b{font-family:var(--head-font);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
html.hero-site body .hours-list .part em{color:var(--mustard);font-weight:600}
html.hero-site body .hours-list li.today{background:rgba(242,182,50,.14)}
html.hero-site body .hours-list li.today .d,html.hero-site body .hours-list li.today .d::after{color:var(--mustard)}
html.hero-site body .closures-head{font-family:"Lilita One",sans-serif;font-weight:400;text-transform:none;letter-spacing:.01em;font-size:1.15rem}
html.hero-site body .big-cta{font-family:"Lilita One",sans-serif;font-weight:400;font-size:1.25rem;letter-spacing:.02em;border-radius:8px;box-shadow:0 8px 20px rgba(190,52,28,.35),inset 0 -4px 0 rgba(0,0,0,.15)}
html.hero-site body .book-step{font-family:"Lilita One",sans-serif;font-weight:400;text-transform:none;letter-spacing:.01em;font-size:1.2rem}
html.hero-site body .step-n{background:var(--mustard);color:var(--navy);font-family:var(--head-font);font-weight:600}
html.hero-site body .day-chip{background:var(--panel);border-color:var(--line)}
html.hero-site body .day-chip .dom{font-family:"Lilita One",sans-serif;font-weight:400}
html.hero-site body .day-chip.active{background:var(--tomato);box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}
html.hero-site body .slot{background:var(--panel);border-color:var(--line);font-family:var(--head-font);font-weight:600;text-transform:uppercase;letter-spacing:.08em}
html.hero-site body .slot.active{background:var(--teal);color:var(--cream)}
html.hero-site body .slot small{color:var(--mustard)}
html.hero-site body .book-form{background:var(--panel);border-color:var(--line)}
html.hero-site body .book-done{background:rgba(21,107,103,.25);border-color:rgba(168,238,192,.4)}
html.hero-site body .book-done .tick{background:var(--teal);color:var(--cream)}
html.hero-site body .req{background:var(--panel)}
html.hero-site body .req-time{color:var(--mustard);font-family:var(--head-font);font-weight:600}
html.hero-site body .req.confirmed{border-color:rgba(168,238,192,.4)}
html.hero-site body .admin-box input{background:var(--panel)}
html.hero-site body .dash-link{background:var(--panel)}
html.hero-site body .dash-link b{font-family:"Lilita One",sans-serif;font-weight:400;font-size:1.2rem}