/*
 * ══════════════════════════════════════════════════════════════════
 *  BCB DESIGN REFRESH — DISTILLERY PAGES OVERRIDE
 *  File:    distillery-REFRESH.css
 *  Applies: distilleries.php · distillery.php
 *  Method:  Drop this <link> AFTER the inline <style> block.
 * ══════════════════════════════════════════════════════════════════
 *
 *  KEY ISSUES FIXED:
 *    • --smoke (#8A7A68 on #1A1008) = 4.44:1 — just below WCAG AA
 *      → brightened to #A89880 = 6.1:1 ✓
 *    • Card borders: rgba(200,132,26,.15) → .30
 *    • Card hover glow: rgba(200,132,26,.08) → .18
 *    • Nav border: rgba(200,132,26,.15) → .28
 *    • card-desc: .65 opacity → .82
 *    • hero-sub (--smoke color) → inherits fix
 *    • Gold richer: #D4AF37 → #E8C547
 * ══════════════════════════════════════════════════════════════════
 */

/* ═══════════════════════════════════════════════════════
   1. ROOT OVERRIDES + BACKGROUND DEPTH
   ═══════════════════════════════════════════════════════ */
:root {
  --smoke: #A89880;          /* was #8A7A68 — contrast fix, now 6.1:1 on --char */
  --gold:  #E8C547;          /* was #D4AF37 — richer gold */
  --amber-light: #F0B840;    /* was #E8A835 — slightly warmer */
  --char:  #1C1208;          /* was #1A1008 — deep warm brown, matches main site */
  --cream: #F5EDE0;          /* slightly brighter foreground cream */
}

/* Warm espresso background with a top glow for depth */
body {
  background:
    radial-gradient(ellipse at 50% 0%,   rgba(200,132,26,.08) 0%, transparent 50%),
    radial-gradient(ellipse at 50% 100%, rgba(0,0,0,.5)       0%, transparent 65%),
    var(--char);
  color: var(--cream);
}


/* ═══════════════════════════════════════════════════════
   2. NAV — warm background + stronger border
   ═══════════════════════════════════════════════════════ */
nav {
  background: rgba(22,14,6,.98);               /* matches deep warm brown body */
  border-bottom-color: rgba(200,132,26,.35);
}
.nav-links a {
  color: var(--smoke);   /* inherits the brightened value */
}


/* ═══════════════════════════════════════════════════════
   3. HERO — stronger radial, readable sub-text
   ═══════════════════════════════════════════════════════ */
.hero::before {
  background: radial-gradient(ellipse, rgba(200,132,26,.22) 0%, transparent 70%);  /* was .15 */
}
.hero-sub {
  color: var(--smoke);   /* inherits fix — was effectively .44:1 fail */
}
.hero-divider {
  background: linear-gradient(90deg, transparent, var(--amber-light), transparent);
}
/* Stronger hero bottom border */
.hero {
  border-bottom-color: var(--amber-light);
}


/* ═══════════════════════════════════════════════════════
   4. CONTROLS / FILTER BAR
   ═══════════════════════════════════════════════════════ */
.controls {
  border-bottom-color: rgba(200,132,26,.32);   /* was .20 */
}
input[type="text"] {
  border-color: rgba(200,132,26,.32);          /* was .25 */
}
select {
  border-color: rgba(200,132,26,.32);          /* was .25 */
}
/* Results count label: was --smoke (barely passing) */
.results-count {
  color: var(--smoke);
}


/* ═══════════════════════════════════════════════════════
   5. STATE SECTION HEADERS
   ═══════════════════════════════════════════════════════ */
.state-rule {
  background: linear-gradient(90deg, rgba(200,132,26,.55), transparent);  /* was .40 */
}
/* State count: was --smoke */
.state-count {
  color: var(--smoke);
}


/* ═══════════════════════════════════════════════════════
   6. DISTILLERY CARDS — stronger borders, glow, contrast
   ═══════════════════════════════════════════════════════ */
.card {
  background: linear-gradient(145deg, rgba(74,46,16,.65) 0%, rgba(26,16,8,.95) 100%);
  border-color: rgba(200,132,26,.35);
  border-left: 3px solid rgba(200,132,26,.50);
  box-shadow:  0 4px 24px rgba(0,0,0,.60);     /* resting elevation on deeper bg */
}
.card:hover {
  border-color: rgba(200,132,26,.58);          /* was .45 */
  box-shadow:
    0 24px 60px rgba(0,0,0,.55),
    0 0 32px rgba(200,132,26,.18);             /* was .08 */
}
.card.sponsored {
  border-color: rgba(212,175,55,.52);          /* was .40 */
}


/* ═══════════════════════════════════════════════════════
   7. CARD BODY TEXT — contrast improvements
   ═══════════════════════════════════════════════════════ */
/* card-meta (state/location/age) — was --smoke (.44 fail) */
.card-meta {
  color: var(--smoke);   /* inherits fix */
}
/* Description: was rgba(245,237,216,.65) — borderline on card bg */
.card-desc {
  color: rgba(245,237,216,.85);                /* was .65 */
}
/* Tags default: was --smoke */
.tag {
  color: var(--smoke);
  border-color: rgba(200,132,26,.28);          /* was .20 */
}
/* View distillery link */
.btn-view {
  color: var(--amber-light);                   /* was --amber — slightly brighter */
}
.btn-view:hover {
  color: var(--gold);
}


/* ═══════════════════════════════════════════════════════
   8. SPONSORED BADGE
   ═══════════════════════════════════════════════════════ */
.sponsored-badge {
  background: rgba(212,175,55,.22);            /* was .15 */
  border-color: rgba(212,175,55,.55);          /* was .40 */
  color: var(--gold);
}


/* ═══════════════════════════════════════════════════════
   9. DISTILLERY DETAIL PAGE (distillery.php specific)
   ═══════════════════════════════════════════════════════ */
/* The detail page shares most classes with distilleries.php.
   These rules target detail-specific patterns.             */

/* Any muted note text at .5 opacity */
p[style*="0.5"] {
  color: rgba(245,237,216,.72) !important;
}