/* ============================================================
   LIFT — Version B: Site-wide brighter base
   Paper/ivory foundation throughout; SKUs as vibrant photo cards
   Hero shifts to a softer "blue hour" reveal instead of full dark
   ============================================================ */

/* ---------- GLOBAL TONE SHIFT ---------- */
:root {
  /* Override the dark base entirely */
  --bg:           #f7f1e3;   /* paper */
  --bg-elev:      #f0e6d2;   /* ivory */
  --bg-card:      #ffffff;
  --ivory:        #2a1a10;   /* invert — text is now warm dark */
  --ivory-soft:   #5a3f30;
  --line:         rgba(176,140,74,0.35);

  --brass:        #9a7a3e;
  --brass-bright: #c87b2a;
}

body {
  background: var(--bg);
  color: #2a1a10;
}

/* ---------- NAV (light) ---------- */
.nav {
  background: rgba(247,241,227,0.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(176,140,74,0.18);
}
.nav .brand { color: #2a1a10; }
.nav a { color: #4a3320; }
.nav a:hover { color: #c16b2b; }

/* ---------- HERO: twilight blue hour, not mahogany dark ---------- */
.hero {
  background:
    radial-gradient(ellipse at 70% 20%, rgba(255,200,140,0.5) 0%, transparent 55%),
    linear-gradient(180deg,
      #1c2a4a 0%,        /* dusk blue top */
      #4a3a5e 40%,
      #c87b2a 80%,       /* warm amber low horizon */
      #f7f1e3 100%);     /* fade into paper */
  color: #f7f1e3;
  position: relative;
}
.hero h1, .hero .eyebrow, .hero .hero-lede, .hero p { color: #f7f1e3; }
.hero h1 em { color: #ffc98a; }
.hero .btn-primary {
  background: #f7f1e3;
  color: #2a1a10;
  border-color: #f7f1e3;
}
.hero .btn-primary:hover {
  background: #c16b2b;
  border-color: #c16b2b;
  color: #f7f1e3;
}

/* ---------- MANIFESTO: warm ivory ---------- */
.manifesto {
  background: #f0e6d2;
  color: #2a1a10;
}
.manifesto h2 { color: #2a1a10; }
.manifesto h2 em { color: #c87b2a; }
.manifesto p { color: #5a3f30; }
.manifesto .eyebrow { color: #b08c4a; }

/* ---------- SERVES: bright paper background with vibrant photo cards ---------- */
.serves {
  background: #f7f1e3;
  color: #2a1a10;
}
.serves-header h2,
.serves-header .lead { color: #2a1a10; }
.serves-header .eyebrow { color: #b08c4a; }
.serves-header h2 em { color: #c87b2a; }
.serves-header .lead { color: #5a3f30; }

.menu-list { max-width: 1100px; gap: 2.5rem; margin-top: 4rem; }

.menu-item {
  border: none !important;
  padding: 4rem 3.5rem;
  border-radius: 28px;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background-size: cover;
  background-position: center;
  color: #f7f1e3;
  box-shadow: 0 30px 80px -30px rgba(74,51,32,0.45),
              0 2px 0 0 rgba(255,255,255,0.06) inset;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.menu-item:first-child { border-top: none !important; }
.menu-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 45px 110px -30px rgba(74,51,32,0.5);
}

/* LEMON DROP — daylight brunch (heavier scrim for legibility) */
.menu-item[data-sku="lemon"] {
  background-image:
    linear-gradient(105deg, rgba(247,241,227,0.92) 0%, rgba(247,241,227,0.78) 38%, rgba(233,190,43,0.30) 65%, rgba(247,241,227,0.45) 100%),
    url("../images/scenes/scene_lemon_daylight.png");
  color: #2a1a10;
}
.menu-item[data-sku="lemon"] .menu-notes { color: #2a1a10; font-weight: 500; }
.menu-item[data-sku="lemon"] h3,
.menu-item[data-sku="lemon"] .menu-number { color: #2a1a10; }
.menu-item[data-sku="lemon"] .menu-meta { color: #3a2410; font-weight: 700; }
.menu-item[data-sku="lemon"] .menu-meta span { color: #3a2410; }
.menu-item[data-sku="lemon"] .menu-meta span::before { background: #b53241; }
.menu-item[data-sku="lemon"] .menu-script { color: #a25d2a; font-weight: 500; }
.menu-item[data-sku="lemon"] .menu-glass { color: #c16b2b; }
.menu-item[data-sku="lemon"] .menu-bottle img { filter: drop-shadow(0 30px 60px rgba(74,51,32,0.55)); }

/* MARGARITA — twilight rooftop (darker scrim under content column) */
.menu-item[data-sku="marg"] {
  background-image:
    linear-gradient(105deg, rgba(20,32,72,0.55) 0%, rgba(20,32,72,0.72) 40%, rgba(20,32,72,0.40) 70%, rgba(193,107,43,0.45) 100%),
    url("../images/scenes/scene_marg_twilight.png");
}
.menu-item[data-sku="marg"] .menu-notes {
  color: #f7f1e3;
  font-weight: 500;
  text-shadow: 0 1px 6px rgba(0,0,0,0.55);
}
.menu-item[data-sku="marg"] h3,
.menu-item[data-sku="marg"] .menu-number { color: #f7f1e3; text-shadow: 0 2px 12px rgba(0,0,0,0.5); }
.menu-item[data-sku="marg"] .menu-meta { color: #f7f1e3; font-weight: 700; }
.menu-item[data-sku="marg"] .menu-meta span {
  color: #f7f1e3;
  text-shadow: 0 1px 6px rgba(0,0,0,0.75);
}
.menu-item[data-sku="marg"] .menu-meta span::before { background: #f0c98a; }
.menu-item[data-sku="marg"] .menu-script {
  color: #f0c98a;
  text-shadow: 0 1px 6px rgba(0,0,0,0.55);
}
.menu-item[data-sku="marg"] .menu-glass { color: #f0c98a; }

/* OLD FASHIONED — anchored speakeasy (only moody section in V-B) */
.menu-item[data-sku="of"] {
  background-image:
    linear-gradient(105deg, rgba(26,14,10,0.78) 0%, rgba(26,14,10,0.85) 40%, rgba(193,107,43,0.28) 65%, rgba(26,14,10,0.85) 100%),
    url("../images/scenes/scene_of_speakeasy.png");
}
.menu-item[data-sku="of"] .menu-notes {
  color: #f0e6d2;
  font-weight: 500;
  text-shadow: 0 1px 6px rgba(0,0,0,0.55);
}
.menu-item[data-sku="of"] h3,
.menu-item[data-sku="of"] .menu-number { color: #f7f1e3; }
.menu-item[data-sku="of"] .menu-meta { color: #f0e6d2; font-weight: 700; }
.menu-item[data-sku="of"] .menu-meta span { color: #f0e6d2; text-shadow: 0 1px 4px rgba(0,0,0,0.55); }
.menu-item[data-sku="of"] .menu-meta span::before { background: #d4a85a; }
.menu-item[data-sku="of"] .menu-script { color: #d4a85a; }
.menu-item[data-sku="of"] .menu-glass { color: #d4a85a; }

/* COSMO — electric nightclub (candles flank bottle; right-side scrim for text legibility) */
.menu-item[data-sku="cosmo"] {
  background-image:
    linear-gradient(95deg, rgba(20,5,25,0.20) 0%, rgba(20,5,25,0.10) 22%, rgba(40,12,55,0.50) 50%, rgba(60,15,70,0.82) 100%),
    url("../images/scenes/scene_cosmo_electric.png");
  background-position: center;
  background-size: cover;
}
.menu-item[data-sku="cosmo"] .menu-notes {
  color: #f7e8ee;
  font-weight: 500;
  text-shadow: 0 1px 6px rgba(0,0,0,0.6);
}
.menu-item[data-sku="cosmo"] h3,
.menu-item[data-sku="cosmo"] .menu-number { color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,0.55); }
.menu-item[data-sku="cosmo"] .menu-meta { color: #f7e8ee; font-weight: 700; }
.menu-item[data-sku="cosmo"] .menu-meta span { color: #f7e8ee; text-shadow: 0 1px 4px rgba(0,0,0,0.7); }
.menu-item[data-sku="cosmo"] .menu-meta span::before { background: #ffc4d0; }
.menu-item[data-sku="cosmo"] .menu-script {
  color: #ffc4d0;
  text-shadow: 0 1px 6px rgba(0,0,0,0.55);
}
.menu-item[data-sku="cosmo"] .menu-glass { color: #ffc4d0; }

/* Serves CTA on light bg */
.serves-cta { margin-top: 4rem; }
.serves-cta .btn-primary {
  background: #2a1a10;
  color: #f7f1e3;
  border-color: #2a1a10;
}
.serves-cta .btn-primary:hover {
  background: #c16b2b;
  border-color: #c16b2b;
}

/* ---------- RITUAL: light cream ---------- */
.ritual {
  background: #f0e6d2;
  color: #2a1a10;
}
.ritual h2, .ritual .eyebrow { color: #2a1a10; }
.ritual .eyebrow { color: #b08c4a; }
.ritual h2 em { color: #c87b2a; }
.ritual p { color: #5a3f30; }
.ritual-image::after { display: none; }

/* ---------- LIFESTYLE: photo-over with strong scrim — text must be light ---------- */
.lifestyle { background: #1a0e0a; }
.lifestyle-image::after {
  background: linear-gradient(
    to right,
    rgba(26,14,10,0.85) 0%,
    rgba(26,14,10,0.65) 35%,
    rgba(26,14,10,0.35) 60%,
    rgba(26,14,10,0.55) 100%
  ) !important;
}
.lifestyle-content h2 {
  color: #f7f1e3 !important;
  text-shadow: 0 2px 18px rgba(0,0,0,0.55);
}
.lifestyle-content h2 em { color: #f0c98a !important; }
.lifestyle-content p {
  color: #ece7df !important;
  text-shadow: 0 1px 8px rgba(0,0,0,0.7);
  font-weight: 400;
}
.lifestyle-content .eyebrow { color: #f0c98a !important; letter-spacing: 0.2em; }
.lifestyle-cta.btn-primary {
  background: #c87b2a !important;
  color: #f7f1e3 !important;
  border-color: #c87b2a !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4);
}
.lifestyle-cta.btn-primary:hover {
  background: #f7f1e3 !important;
  color: #2a1a10 !important;
  border-color: #f7f1e3 !important;
}

/* ---------- MAVERICK band: light with subtle brass ---------- */
.maverick {
  background: #f0e6d2;
  border-top: 1px solid rgba(176,140,74,0.25);
  border-bottom: 1px solid rgba(176,140,74,0.25);
}
.maverick .wrap, .maverick h2, .maverick p, .maverick a { color: #2a1a10; }
.maverick .eyebrow { color: #b08c4a; }

/* ---------- FAQ: paper ---------- */
.faq {
  background: #f7f1e3;
  color: #2a1a10;
}
.faq h2 { color: #2a1a10; }
.faq h2 em { color: #c87b2a; }
.faq .eyebrow { color: #b08c4a; }
.faq details { border-bottom-color: rgba(176,140,74,0.4); }
.faq summary { color: #2a1a10; }
.faq summary::after { color: #b08c4a; }
.faq details[open] p { color: #5a3f30; }

/* ---------- COMMUNITY ---------- */
.maverick-community {
  background: #f0e6d2;
  color: #2a1a10;
}
.maverick-community h2 { color: #2a1a10; }
.maverick-community p { color: #5a3f30; }
.maverick-community .eyebrow { color: #b08c4a; }

/* ---------- FOOTER: deep mahogany anchor (keeps brand gravitas) ---------- */
footer {
  background: #2b1812;
  color: #f0e6d2;
}