/* ===== THÈME ANNÉES 80 — Synthwave immersif, néon, scanlines ===== */

[data-theme="80s"] {
  --font-display: "Bungee", "Press Start 2P", system-ui, sans-serif;
  --font-body: "VT323", "Courier New", monospace;

  --c-bg: transparent;
  --c-text: #FFE7FF;
  --c-muted: #C7B3F2;
  --c-heading: #FFFFFF;
  --c-accent: #FF00E4;
  --c-accent-glow: rgba(255,0,228,.55);
  --c-on-accent: #1a0033;

  --c-card: rgba(26,0,51,.65);
  --c-border: rgba(255,0,228,.35);
  --c-border-hover: #00F5FF;
  --c-skeleton: #1a0033;
  --c-star: #FFE600;

  --c-bar-bg: rgba(13,2,31,.85);

  --c-pill-track: rgba(255,0,228,.12);
  --c-pill-active: linear-gradient(90deg, #FF00E4, #FFE600);
  --c-pill-active-text: #1a0033;

  --c-promo-bg: linear-gradient(90deg, #FF00E4 0%, #00F5FF 100%);
  --c-promo-text: #1a0033;

  --c-hero-bg: transparent;
  --c-hero-title: #FFFFFF;

  --c-status-bg: rgba(26,0,51,.85);
  --c-status-text: #FFE7FF;
  --c-status-border: rgba(0,245,255,.55);
  --c-status-dot-open: #00FFA8;
  --c-status-dot-closed: #FF00E4;

  --c-btn-primary-bg: linear-gradient(90deg, #FF00E4 0%, #FFE600 100%);
  --c-btn-primary-text: #1a0033;
  --c-btn-secondary-bg: transparent;
  --c-btn-secondary-text: #00F5FF;
  --c-btn-secondary-border: #00F5FF;

  --c-tooltip-bg: rgba(13,2,31,.96);
  --c-tooltip-text: #FFE7FF;
  --c-tooltip-border: #FF00E4;

  --c-footer-bg: rgba(13,2,31,.85);

  --shadow-pill: 0 0 16px rgba(255,0,228,.6);
  --shadow-btn: 0 0 24px rgba(255,0,228,.6), 0 0 0 1px #FF00E4 inset;
  --shadow-btn-hover: 0 0 36px rgba(0,245,255,.7), 0 0 0 1px #00F5FF inset;
  --shadow-card-hover: 0 0 0 2px #00F5FF, 0 12px 36px rgba(0,245,255,.35);
  --shadow-option-hover: 0 0 0 2px #00F5FF, 0 0 28px rgba(0,245,255,.55);

  --map-filter: hue-rotate(260deg) saturate(1.3) brightness(.85) contrast(1.1);

  /* Bridge variables vers le formulaire de contact */
  --text:        #FFE7FF;
  --muted:       #C7B3F2;
  --accent:      #00F5FF;
  --bg-card:     rgba(13,2,31,.85);
  --bg-soft:     rgba(255,0,228,.06);
  --border-soft: rgba(0,245,255,.35);
}


[data-theme="80s"] body { font-size: 1.18rem; }

/* HERO synthwave : titre néon avec gros glow */
[data-theme="80s"] .hero { padding-top: clamp(60px, 8vw, 100px); padding-bottom: clamp(80px, 12vw, 160px); }
[data-theme="80s"] .hero__inner {
  text-shadow: 0 2px 18px rgba(0,0,0,.7);
}
[data-theme="80s"] .hero__title {
  font-family: "Bungee", sans-serif;
  text-transform: uppercase;
  letter-spacing: .02em;
  color: #FFFFFF;
  text-shadow:
    0 0 6px #FFFFFF,
    0 0 18px #FF00E4,
    0 0 36px #FF00E4,
    0 0 64px #FF00E4,
    4px 4px 0 #00F5FF;
  animation: title-flicker 6s ease-in-out infinite;
}
@keyframes title-flicker {
  0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
    text-shadow:
      0 0 6px #FFFFFF, 0 0 18px #FF00E4, 0 0 36px #FF00E4, 0 0 64px #FF00E4,
      4px 4px 0 #00F5FF;
  }
  20%, 24%, 55% { text-shadow: none; opacity: .85; }
}
[data-theme="80s"] .hero__slogan {
  color: #FFE600;
  font-family: "VT323", monospace;
  font-size: 1.8rem;
  text-shadow: 0 0 14px rgba(255,230,0,.7);
  letter-spacing: .02em;
}
[data-theme="80s"] .hero__baseline { color: #00F5FF; font-family: "VT323", monospace; font-size: 1.1rem; letter-spacing: .25em; }
[data-theme="80s"] .hero__rating { font-family: "VT323", monospace; font-size: 1.05rem; }

/* Sections */
[data-theme="80s"] .section--about,
[data-theme="80s"] .section--menu,
[data-theme="80s"] .section--galerie,
[data-theme="80s"] .section--avis,
[data-theme="80s"] .section--contact,
[data-theme="80s"] .section--options {
  background:
    linear-gradient(180deg, rgba(13,2,31,.6) 0%, rgba(36,0,70,.6) 100%);
  position: relative;
}
[data-theme="80s"] .section::before {
  content: "";
  position: absolute; inset: 0;
  background: repeating-linear-gradient(0deg, rgba(0,0,0,.08) 0px, rgba(0,0,0,.08) 1px, transparent 1px, transparent 3px);
  pointer-events: none;
  mix-blend-mode: multiply;
}

[data-theme="80s"] .section__eyebrow {
  font-family: "Bungee", sans-serif;
  color: #00F5FF;
  text-shadow: 0 0 10px #00F5FF;
}
[data-theme="80s"] .section__title {
  font-family: "Bungee", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  text-shadow:
    3px 3px 0 #FF00E4,
    6px 6px 0 #00F5FF,
    0 0 20px rgba(255,0,228,.55);
  letter-spacing: .02em;
}
[data-theme="80s"] .section__title em {
  color: #FFE600;
  text-shadow: 3px 3px 0 #FF00E4, 6px 6px 0 #00F5FF, 0 0 18px rgba(255,230,0,.6);
}
[data-theme="80s"] .section__sub, [data-theme="80s"] .section__lead {
  font-family: "VT323", monospace; font-size: 1.25rem; color: #C7B3F2;
}

/* Cards néon */
[data-theme="80s"] .menu-card,
[data-theme="80s"] .avis-card,
[data-theme="80s"] .contact-card,
[data-theme="80s"] .about__meta-item,
[data-theme="80s"] .options-recap li,
[data-theme="80s"] .hero__rating {
  border-width: 1.5px;
  background: rgba(13,2,31,.65);
  backdrop-filter: blur(6px);
  box-shadow: 0 0 0 1px rgba(0,245,255,.18) inset, 0 6px 24px rgba(255,0,228,.18);
}
[data-theme="80s"] .menu-card:hover {
  box-shadow: 0 0 0 2px #00F5FF, 0 0 28px rgba(0,245,255,.5);
}

[data-theme="80s"] .menu-card__name {
  color: #00F5FF;
  text-transform: uppercase;
  text-shadow: 0 0 8px rgba(0,245,255,.55);
  font-family: "Bungee", sans-serif;
  font-size: 1rem;
  letter-spacing: .02em;
}
[data-theme="80s"] .menu-card__price {
  color: #FFE600;
  text-shadow: 0 0 10px rgba(255,230,0,.5);
  font-family: "Bungee", sans-serif;
}
[data-theme="80s"] .menu-card__desc { font-family: "VT323", monospace; font-size: 1.1rem; color: #FFE7FF; }

/* Header */
[data-theme="80s"] .vswitch {
  border-bottom: 1px solid rgba(255,0,228,.45);
  box-shadow: 0 0 24px rgba(255,0,228,.25);
}
[data-theme="80s"] .vswitch__brand-name {
  color: #00F5FF;
  text-shadow: 0 0 10px #00F5FF;
  text-transform: uppercase;
  font-family: "Bungee", sans-serif;
  font-size: 1rem;
}
[data-theme="80s"] .vswitch__brand-tag { color: #FFE600; font-family: "VT323", monospace; font-size: .8rem; }
[data-theme="80s"] .vswitch__brand-mark { color: #FF00E4; }
[data-theme="80s"] .vswitch__nav a {
  font-family: "Bungee", sans-serif;
  color: #C7B3F2;
  font-size: .72rem;
}
[data-theme="80s"] .vswitch__nav a:hover { color: #00F5FF; text-shadow: 0 0 8px #00F5FF; }
[data-theme="80s"] .vswitch__nav a::after { background: linear-gradient(90deg, #FF00E4, #00F5FF); height: 1.5px; }

[data-theme="80s"] .vbtn {
  text-transform: uppercase; letter-spacing: .04em;
  font-family: "Bungee", sans-serif; font-size: .72rem;
}
[data-theme="80s"] .vbtn[aria-pressed="true"] {
  background: linear-gradient(90deg, #FF00E4, #FFE600);
  color: #1a0033;
}

[data-theme="80s"] .promo-banner { font-family: "Bungee", sans-serif; font-size: .82rem; text-transform: uppercase; letter-spacing: .05em; }

/* About / avis numbers in neon */
[data-theme="80s"] .about__meta-num,
[data-theme="80s"] .avis-summary__big {
  color: #00F5FF;
  text-shadow: 0 0 18px #00F5FF, 0 0 36px #00F5FF;
  font-family: "Bungee", sans-serif;
}
[data-theme="80s"] .about__meta-label, [data-theme="80s"] .avis-summary__count { font-family: "VT323", monospace; font-size: 1rem; }

/* Footer */
[data-theme="80s"] .site-footer { font-family: "VT323", monospace; font-size: 1rem; }

/* Avis cards */
[data-theme="80s"] .avis-card__avatar {
  background: linear-gradient(135deg, #FF00E4, #00F5FF);
  color: #1a0033;
  font-family: "Bungee", sans-serif;
}
[data-theme="80s"] .avis-card__author { font-family: "Bungee", sans-serif; font-size: .85rem; color: #00F5FF; text-transform: uppercase; }
[data-theme="80s"] .avis-card__text { font-family: "VT323", monospace; font-size: 1.15rem; }


/* ═════════════════════════════════════════════════════════════════════
   BOULANGERIE — habillage POP BAKERY pour les sections spécifiques
   ═════════════════════════════════════════════════════════════════════ */

/* HERO bakery 80s : "FRESH BREAD 24/7" */
[data-theme="80s"] .hero__bg {
  background:
    linear-gradient(180deg, rgba(13,2,31,.55) 0%, rgba(13,2,31,.85) 100%),
    url('https://images.unsplash.com/photo-1568471173242-461f0a730452?w=1800&q=80&auto=format&fit=crop') center/cover;
}

/* Stats du jour : néons */
[data-theme="80s"] .stats-jour {
  background: rgba(13,2,31,.85);
  border: 2px solid #FF00E4;
  box-shadow: 0 0 30px rgba(255,0,228,.4), inset 0 0 30px rgba(0,245,255,.1);
}
[data-theme="80s"] .stats-jour__label {
  color: #00F5FF;
  font-family: "Bungee", sans-serif;
  text-shadow: 0 0 10px rgba(0,245,255,.7);
}
[data-theme="80s"] .stats-jour__num {
  font-family: "Bungee", sans-serif;
  color: #FFE600;
  text-shadow: 0 0 12px rgba(255,230,0,.7), 0 0 24px rgba(255,0,228,.5);
}
[data-theme="80s"] .stats-jour__unit { color: #00F5FF; }
[data-theme="80s"] .stats-jour__lab { font-family: "VT323", monospace; font-size: 1rem; color: #C7B3F2; }

/* About meta */
[data-theme="80s"] .about__meta--bakery .about__meta-item {
  border-color: #00F5FF;
  background: rgba(0,245,255,.06);
}
[data-theme="80s"] .about__meta-icon { color: #00F5FF; filter: drop-shadow(0 0 6px rgba(0,245,255,.7)); }
[data-theme="80s"] .about__meta-num { font-family: "Bungee", sans-serif; color: #FFE600; text-shadow: 0 0 10px rgba(255,230,0,.6); }

/* RYTHME DU FOUR */
[data-theme="80s"] .rythme-frise__rail {
  background: linear-gradient(90deg, transparent, #FF00E4 20%, #FFE600 50%, #00F5FF 80%, transparent);
  height: 4px;
  box-shadow: 0 0 20px rgba(255,0,228,.6);
}
[data-theme="80s"] .rythme-frise__needle-dot {
  background: #FFE600;
  box-shadow: 0 0 0 3px rgba(13,2,31,.9), 0 0 20px #FFE600;
}
[data-theme="80s"] .rythme-frise__needle-stem { background: #FFE600; box-shadow: 0 0 8px #FFE600; }
[data-theme="80s"] .rythme-step__time {
  font-family: "VT323", monospace;
  font-size: 1.15rem;
  color: #00F5FF;
  text-shadow: 0 0 6px rgba(0,245,255,.6);
}
[data-theme="80s"] .rythme-step__icon {
  background: rgba(13,2,31,.85);
  border-color: #FF00E4;
  color: #FF00E4;
}
[data-theme="80s"] .rythme-step--current .rythme-step__icon,
[data-theme="80s"] .rythme-step--past .rythme-step__icon {
  background: linear-gradient(135deg, #FF00E4, #FFE600);
  border-color: #FFE600;
  color: #1a0033;
  box-shadow: 0 0 0 4px rgba(255,230,0,.3), 0 0 24px rgba(255,0,228,.5);
}
[data-theme="80s"] .rythme-step__label {
  font-family: "VT323", monospace;
  font-size: 1.05rem;
  color: #C7B3F2;
}
[data-theme="80s"] .rythme-note {
  background: rgba(13,2,31,.7);
  border-color: #00F5FF;
  color: #FFE7FF;
}
[data-theme="80s"] .rythme-note__hand { color: #FFE600; }
[data-theme="80s"] .rythme-note em { color: #00F5FF; }

/* PAINS — cards néon */
[data-theme="80s"] .pain-card {
  background: rgba(13,2,31,.7);
  border: 2px solid #FF00E4;
  box-shadow: 0 0 0 1px rgba(255,0,228,.2), 0 8px 24px rgba(255,0,228,.25);
}
[data-theme="80s"] .pain-card:hover {
  border-color: #00F5FF;
  box-shadow: 0 0 0 1px #00F5FF, 0 16px 40px rgba(0,245,255,.4);
}
[data-theme="80s"] .pain-card--featured { border-color: #FFE600; }
[data-theme="80s"] .pain-card__name { font-family: "Bungee", sans-serif; color: #FFFFFF; text-transform: uppercase; font-size: 1rem; letter-spacing: .02em; }
[data-theme="80s"] .pain-card__price { font-family: "Bungee", sans-serif; color: #FFE600; text-shadow: 0 0 8px rgba(255,230,0,.6); }
[data-theme="80s"] .pain-card__desc { font-family: "VT323", monospace; font-size: 1.1rem; color: #C7B3F2; }
[data-theme="80s"] .pain-card__sortie { font-family: "VT323", monospace; font-size: 1.05rem; color: #00F5FF; }
[data-theme="80s"] .pain-card__sortie strong { font-family: "Bungee", sans-serif; color: #FFE600; font-size: .9rem; }
[data-theme="80s"] .pain-card__sortie-icon { color: #FFE600; filter: drop-shadow(0 0 4px rgba(255,230,0,.7)); }
[data-theme="80s"] .pain-card__badge--fresh {
  background: linear-gradient(90deg, #FFE600, #FF00E4);
  color: #1a0033;
  font-family: "Bungee", sans-serif;
  text-shadow: none;
  box-shadow: 0 0 16px rgba(255,230,0,.5);
}
[data-theme="80s"] .pain-card__badge--love {
  background: rgba(13,2,31,.95);
  border-color: #00F5FF;
  color: #00F5FF;
  text-shadow: 0 0 6px rgba(0,245,255,.6);
}

/* VIENNOISERIES — pop minis */
[data-theme="80s"] .vienn-card {
  background: rgba(13,2,31,.7);
  border-color: rgba(0,245,255,.5);
}
[data-theme="80s"] .vienn-card:hover {
  border-color: #FFE600;
  box-shadow: 0 0 0 2px #FFE600, 0 12px 28px rgba(255,230,0,.3);
}
[data-theme="80s"] .vienn-card__name { font-family: "Bungee", sans-serif; color: #FFFFFF; text-transform: uppercase; font-size: .9rem; }
[data-theme="80s"] .vienn-card__desc { font-family: "VT323", monospace; font-size: 1.05rem; color: #C7B3F2; }
[data-theme="80s"] .vienn-card__price { font-family: "Bungee", sans-serif; color: #FFE600; }
[data-theme="80s"] .vienn-card__love {
  background: linear-gradient(135deg, #FF00E4, #FFE600);
  color: #1a0033;
  box-shadow: 0 0 18px rgba(255,0,228,.7);
}

/* PÂTISSERIES week-end */
[data-theme="80s"] .pat-card {
  background: rgba(13,2,31,.7);
}
[data-theme="80s"] .pat-card::before { border-color: rgba(255,0,228,.5); }
[data-theme="80s"] .pat-card:hover::before { border-color: #FFE600; }
[data-theme="80s"] .pat-card__name { font-family: "Bungee", sans-serif; font-style: normal; color: #FFFFFF; text-transform: uppercase; font-size: 1rem; }
[data-theme="80s"] .pat-card__price { font-family: "Bungee", sans-serif; color: #FFE600; }
[data-theme="80s"] .pat-card__desc { font-family: "VT323", monospace; font-size: 1.05rem; color: #C7B3F2; }
[data-theme="80s"] .pat-card__love {
  font-family: "Bungee", sans-serif;
  font-size: .8rem;
  text-transform: uppercase;
  background: linear-gradient(90deg, #FF00E4, #FFE600);
  color: #1a0033;
}

/* ÉQUIPE */
[data-theme="80s"] .equipe-card__media {
  border-color: #FF00E4;
  box-shadow: 0 0 0 4px rgba(255,0,228,.3), 0 0 30px rgba(255,0,228,.4);
}
[data-theme="80s"] .equipe-card__name { font-family: "Bungee", sans-serif; color: #FFFFFF; text-transform: uppercase; font-size: 1rem; }
[data-theme="80s"] .equipe-card__role { font-family: "VT323", monospace; font-size: 1.15rem; color: #00F5FF; }
[data-theme="80s"] .equipe-card__bio { font-family: "VT323", monospace; font-size: 1.05rem; color: #C7B3F2; }

/* HERO theme card — visual */
[data-theme="80s"] .hero-theme-card__visual--r {
  background:
    linear-gradient(135deg, #FF00E4 0%, #FFE600 100%);
  position: relative;
}
[data-theme="80s"] .hero-theme-card__visual--r::after {
  content: '';
  position: absolute;
  inset: 30% 20% auto;
  height: 1px;
  box-shadow:
    0 0 0 1px #00F5FF,
    0 6px 0 1px #00F5FF,
    0 12px 0 1px #00F5FF;
  opacity: .6;
}