/* ==========================================================================
   THIRSTY FALCON BREWING — SITE ACCENT
   Loaded AFTER system.css. Sets this site's slice of the shared palette,
   pulled straight from the falcon crest artwork, plus the handful of
   components unique to this site (flavor switcher, on-tap panel, values row).
   ========================================================================== */

:root{
  --paper: #F5E3BE;
  --paper-dim: #ECD09A;
  --brass: #C9922E;       /* gold ring / lettering from the crest */
  --brass-dark: #96701F;
  --accent-2: #B8451F;    /* rust from the crest + Capsicum Cure badge */
  --dark: #17140F;        /* near-black from the crest ring */
  --dark-2: #241f17;

  --root-accent: #6E6B28;     /* olive/gold, pulled from Restorative Root badge */
  --capsicum-accent: #B8451F; /* rust, pulled from Capsicum Cure badge */
}

/* ---------- Flavor switcher (hero signature element) ---------- */
.flavor-switcher{
  border:1px solid rgba(23,20,15,0.18);
  border-radius:10px;
  background:rgba(255,255,255,0.4);
  overflow:hidden;
  box-shadow: 0 18px 40px -18px rgba(23,20,15,0.35);
}
.flavor-tabs{
  display:flex;
  border-bottom:1px solid var(--line);
}
.flavor-tab{
  flex:1;
  padding:14px 10px;
  text-align:center;
  font-family:'IBM Plex Mono', monospace;
  font-size:0.72rem;
  letter-spacing:0.05em;
  text-transform:uppercase;
  color:var(--ink-soft);
  background:transparent;
  border:none;
  cursor:pointer;
  border-bottom:2px solid transparent;
  transition:color .15s, border-color .15s;
}
.flavor-tab:hover{ color:var(--ink); }
.flavor-tab[aria-selected="true"]{
  color:var(--tab-accent, var(--brass-dark));
  border-bottom-color:var(--tab-accent, var(--brass-dark));
}
.flavor-tab[data-flavor="root"][aria-selected="true"]{ --tab-accent: var(--root-accent); }
.flavor-tab[data-flavor="capsicum"][aria-selected="true"]{ --tab-accent: var(--capsicum-accent); }

.flavor-panel{
  display:none;
  padding:26px 28px 30px;
  gap:20px;
  align-items:flex-start;
}
.flavor-panel.active{ display:flex; }
.flavor-panel img{
  width:88px; height:88px;
  object-fit:contain;
  flex-shrink:0;
}
.flavor-panel .fp-name{
  font-family:'Fraunces', serif;
  font-size:1.25rem;
  margin-bottom:2px;
}
.flavor-panel .fp-style{
  font-family:'IBM Plex Mono', monospace;
  font-size:0.7rem;
  letter-spacing:0.04em;
  text-transform:uppercase;
  color:var(--panel-accent, var(--brass-dark));
  margin-bottom:10px;
  display:block;
}
#panel-root .fp-style{ --panel-accent: var(--root-accent); }
#panel-capsicum .fp-style{ --panel-accent: var(--capsicum-accent); }
.flavor-panel p.fp-notes{
  font-size:0.92rem;
  color:var(--ink-soft);
  margin:0;
}

/* ---------- Values row (about page) ---------- */
.values-row{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}
.value-pill{
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid var(--line);
  background:rgba(255,255,255,0.35);
  border-radius:999px;
  padding:10px 18px 10px 14px;
  font-size:0.9rem;
}
.value-pill .vdot{
  width:8px; height:8px; border-radius:50%;
  background:var(--brass);
  flex-shrink:0;
}

/* ---------- On-tap panel ---------- */
.on-tap-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:24px;
}
.on-tap-panel .loc h3{
  font-size:1.3rem;
  color:var(--paper);
}
.on-tap-panel .loc p{
  margin:6px 0 0;
  color:rgba(242,232,211,0.72);
  font-size:0.92rem;
}
.on-tap-panel .loc a{
  color:var(--brass);
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.on-tap-panel .loc a:hover{ border-color:var(--brass); }

/* ---------- Product cards, coded per flavor ---------- */
.product-card[data-flavor="root"]{ --card-accent: var(--root-accent); }
.product-card[data-flavor="capsicum"]{ --card-accent: var(--capsicum-accent); }