/* ============================================================
   ZION LIQUOR — BRAND OVERRIDE
   Loaded last, after all four of the theme's stylesheets.

   NO THEME FILE HAS BEEN EDITED OR RENAMED.
   base.css, plugins.css, style.css and responsive.css are byte
   for byte what came in the Envato download. All Zion branding
   is in this one file. Theme update? Drop the new files in and
   only re-check this file.
   ============================================================ */

/* ---------- 1. BRAND COLOURS -------------------------------
   The theme drives nearly everything from six variables.
   Swapping them here re-skins the whole site.
     --mc1  was #ffdd00 yellow  ->  brass gold
     --hc   was #000    black   ->  brand navy from the logo
   ----------------------------------------------------------- */
:root{
  --mc1:#E8B33C;
  --sc1:#FFF3D6;
  --sc2:#D7DEEC;
  --hc:#0D1F45;
  --bc:#202B42;
  --bbc:#FFFFFF;

  --zion-navy:#0D1F45;
  --zion-pop:#FF4A17;
  --zion-brass:#E8B33C;

  --hff:'Archivo', sans-serif;
  --bff:'Archivo', sans-serif;
  --zion-mono:'Space Mono', ui-monospace, monospace;
}

/* ---------- 2. TANGERINE — news and actions only ---------- */
.header_ad{background-color:var(--zion-pop) !important}
.header_ad p,.header_ad p a{color:#fff !important}
.header_ad p a{text-decoration:underline;text-underline-offset:3px}

.fn__tag_link{background-color:var(--zion-pop) !important;color:#fff !important}
.fn__tag_link:hover{background-color:var(--zion-navy) !important;color:#fff !important}

.call_to_action .cta_right .link{background-color:var(--zion-pop) !important;color:#fff !important}
.call_to_action .cta_right .link:hover{background-color:var(--zion-navy) !important}

.right__trigger a{
  background-color:var(--zion-pop);color:#fff;padding:12px 20px;border-radius:3px;
  font-family:var(--zion-mono);font-size:11px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;
}
.right__trigger a:hover{background-color:var(--zion-navy);color:#fff}
.popito_fn_mobnav .right__trigger a{background:none;padding:0}

/* ---------- 3. SMALL TYPE in the brand's monospace ---------- */
.fn__meta p,.cat_count,.meta_item,.copyright p{
  font-family:var(--zion-mono);letter-spacing:.1em;text-transform:uppercase;font-size:11px;
}
h1,h2,h3,h4,h5,h6{letter-spacing:-.02em}

/* ---------- 4. AGE GATE (21+) ------------------------------
   Required on an alcohol and nicotine site. The theme has no
   equivalent, so this is new. Built by assets/js/zion.js.
   ----------------------------------------------------------- */
#zion_gate{
  position:fixed;inset:0;z-index:99999;background:var(--zion-navy);color:#fff;
  display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;
}
#zion_gate .inner{max-width:520px}
#zion_gate img{width:110px;margin:0 auto 28px;display:block}
#zion_gate h2{
  color:#fff;font-family:var(--hff);font-weight:900;text-transform:uppercase;
  font-size:clamp(34px,7vw,62px);line-height:.94;letter-spacing:-.03em;margin:0 0 16px;
}
#zion_gate p{color:rgba(255,255,255,.7);margin:0 0 28px;font-size:16px}
#zion_gate .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
#zion_gate button{
  font-family:var(--zion-mono);font-size:12px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;padding:15px 26px;border:0;border-radius:3px;cursor:pointer;transition:all .2s;
}
#zion_gate .yes{background:var(--zion-pop);color:#fff}
#zion_gate .yes:hover{transform:translateY(-2px)}
#zion_gate .no{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
#zion_gate .no:hover{background:#fff;color:var(--zion-navy)}
#zion_gate .sorry{display:none;margin-top:22px;font-family:var(--zion-mono);font-size:12px;color:var(--zion-brass)}
#zion_gate.out{opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s}
body.zion-gated{overflow:hidden}

/* ---------- 5. FOOTER LEGAL LINE ---------- */
.zion_legal{
  font-family:var(--zion-mono);font-size:10.5px;line-height:1.9;
  letter-spacing:.06em;opacity:.62;max-width:70ch;margin-bottom:14px;
}
.by .on{color:#FF1A35}