/**
 * Brand energy — premium party atmosphere + authentic product art.
 * Hero uses a full-bleed premium plate (empty center) so the SVG bottle stays clean.
 */

:root {
  --roe-spark: #e8d4a8;
  --roe-wine: #7d263c;
  --roe-ginger: #c5a473;
  --roe-hero-party: url("../../images/roe/premium-hero-party.jpg");
  --roe-hero-fallback: url("../../images/roe/hero-atmosphere.jpg");
  --roe-card-sorrel: url("../../images/roe/card-scene-sorrel.jpg");
  --roe-card-ginger: url("../../images/roe/card-scene-ginger.jpg");
  --roe-gather-party: url("../../images/roe/premium-gathering-party.jpg");
}

/* —— Larger header logo —— */
#header .brand img,
#header a.brand img,
#header a.brand .custom-logo {
  width: 88px !important;
  height: auto !important;
  max-height: 60px !important;
}

@media (max-width: 600px) {
  #header .brand img,
  #header a.brand img,
  #header a.brand .custom-logo {
    width: 64px !important;
    max-height: 44px !important;
  }
}

/* —— Hero: full-bleed premium party plate (no bottles in plate) —— */
.hero-atelier {
  background-color: #0a0809;
}

.hero-atelier::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, #100d0e66 0%, transparent 22%, transparent 78%, #100d0eb8 100%),
    radial-gradient(ellipse 28% 48% at 48% 48%, #100d0e99 0%, #100d0e33 45%, transparent 70%),
    var(--roe-hero-party) center / cover no-repeat;
  opacity: 1;
  transition: filter 0.45s ease, opacity 0.45s ease;
}

.hero-atelier.is-ginger::before {
  filter: sepia(0.14) saturate(1.25) hue-rotate(-10deg) brightness(1.08);
  background:
    linear-gradient(180deg, #100d0e66 0%, transparent 22%, transparent 78%, #100d0eb8 100%),
    radial-gradient(ellipse 28% 48% at 48% 48%, #100d0e99 0%, #100d0e33 45%, transparent 70%),
    var(--roe-hero-fallback) center / cover no-repeat;
}

.hero-atelier::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 18%, #e8d4a836 0%, transparent 8%),
    radial-gradient(circle at 88% 14%, #e8d4a828 0%, transparent 7%),
    radial-gradient(circle at 82% 78%, #7d263c33 0%, transparent 20%),
    radial-gradient(circle at 16% 76%, #c5a47324 0%, transparent 18%);
  animation: roe-spark-drift 12s ease-in-out infinite alternate;
  mix-blend-mode: screen;
  opacity: 0.85;
}

@keyframes roe-spark-drift {
  from { opacity: 0.65; transform: translate3d(0, 0, 0); }
  to { opacity: 1; transform: translate3d(0, -8px, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .hero-atelier::after {
    animation: none;
  }
}

.hero-atelier .atelier-frame {
  z-index: 0;
  border-color: #c5a473aa;
  box-shadow: inset 0 0 80px #c5a47314;
}

.hero-atelier .atelier-composition {
  position: relative;
  z-index: 1;
}

/* —— Product cards: full bottle (cap + base), no crop —— */
.product-card-premium .product-art,
.woocommerce ul.products li.product.product-card-premium .product-art {
  height: 420px !important;
  background: #000 !important;
  overflow: hidden !important;
}

.product-card-premium .product-art.contain,
.product-card-premium .product-art.card-scene,
.woocommerce ul.products li.product.product-card-premium .product-art.contain,
.woocommerce ul.products li.product.product-card-premium .product-art.card-scene {
  background: #000 !important;
}

.product-card-premium .product-art.contain img,
.product-card-premium .product-art.card-scene img,
.woocommerce ul.products li.product.product-card-premium .product-art.contain img,
.woocommerce ul.products li.product.product-card-premium .product-art.card-scene img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  /* Room for labels on top + caption on bottom so bottle isn't clipped */
  padding: 42px 22px 48px !important;
  box-sizing: border-box !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 0 !important;
  transform: none !important;
}

@media (max-width: 900px) {
  .product-card-premium .product-art,
  .woocommerce ul.products li.product.product-card-premium .product-art {
    height: 380px !important;
  }
}

@media (max-width: 600px) {
  .product-card-premium .product-art,
  .woocommerce ul.products li.product.product-card-premium .product-art {
    height: 300px !important;
  }

  .product-card-premium .product-art.contain img,
  .product-card-premium .product-art.card-scene img,
  .woocommerce ul.products li.product.product-card-premium .product-art.contain img,
  .woocommerce ul.products li.product.product-card-premium .product-art.card-scene img {
    padding: 34px 16px 40px !important;
  }
}

/* —— Flavor showcases stay photographic —— */
.flavor-refined .flavor-image-shell {
  position: relative;
  isolation: isolate;
  box-shadow: 0 24px 60px #0008, inset 0 0 0 1px #c5a47322;
}

.flavor-refined .flavor-image-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, transparent 58%, #100d0ed9 100%),
    radial-gradient(circle at 80% 18%, #e8d4a828 0%, transparent 40%);
  z-index: 1;
}

.flavor-refined .flavor-image-shell img {
  position: relative;
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.flavor.ginger .flavor-image-shell::after {
  background:
    linear-gradient(180deg, transparent 58%, #100d0ed9 100%),
    radial-gradient(circle at 20% 16%, #c5a47330 0%, transparent 40%);
}

/* —— Gathering: premium party banner —— */
.gathering {
  position: relative;
  box-shadow: 0 30px 80px #000a;
}

.gathering > img {
  filter: saturate(1.08) contrast(1.04) brightness(0.94);
}

.gathering::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at 72% 28%, #e8d4a822 0%, transparent 30%),
    radial-gradient(circle at 18% 70%, #7d263c40 0%, transparent 36%),
    linear-gradient(90deg, #100d0ef2 0%, #100d0e99 38%, #100d0e33 70%, #100d0e55 100%);
}

.gathering .wrap {
  position: relative;
  z-index: 2;
}

/* —— Tradition / newsletter party pulse —— */
.tradition-orbit {
  box-shadow: 0 0 90px #7d263c44, inset 0 0 70px #c5a47318;
}

.tradition-section {
  background:
    radial-gradient(ellipse 80% 42% at 50% 0%, #7d263c22 0%, transparent 55%),
    linear-gradient(180deg, #100d0e, #1b1217 70%, #100d0e);
}

.newsletter {
  background:
    radial-gradient(circle at 10% 50%, #7d263c66 0%, transparent 44%),
    radial-gradient(circle at 90% 40%, #c5a47333 0%, transparent 40%),
    linear-gradient(90deg, #30131d 0%, #281219 48%, #190f14 100%) !important;
}

.faq-visual {
  background:
    radial-gradient(ellipse at 50% 60%, #7d263c33 0%, transparent 55%),
    #151013;
}

/* —— Wishlist —— */
.roe-wish {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 5;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid #ffffff22;
  border-radius: 50%;
  background: #100d0ecc;
  color: var(--muted);
  cursor: pointer;
  transition: color 0.2s, border-color 0.2s, background 0.2s, transform 0.2s;
}

.roe-wish:hover {
  color: var(--gold);
  border-color: var(--gold);
  transform: scale(1.06);
}

.roe-wish.is-on {
  color: #e8b4c0;
  border-color: #e8b4c0;
  background: #7d263c55;
}

.roe-wish svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
}

.roe-wish.is-on svg {
  fill: currentColor;
}

.product-art .card-volume {
  right: 56px;
}