/* ===== THÈME CLASSIQUE — Élégance bistrot, bordeaux & or ===== */

[data-theme="classique"] {
  --font-display: "Fraunces", "Playfair Display", Georgia, serif;
  --font-body: "Nunito", system-ui, sans-serif;

  --c-bg: #FBF6EE;
  --c-text: #2C1F18;
  --c-muted: #7A6657;
  --c-heading: #1F140E;
  --c-accent: #B8350F;        /* rouge bordeaux profond */
  --c-accent-glow: rgba(184,53,15,.35);
  --c-on-accent: #FBF6EE;

  --c-card: #FFFFFF;
  --c-border: #E6DBC8;
  --c-border-hover: #C9A961;
  --c-skeleton: #EFE6D5;
  --c-star: #C9A961;            /* or */

  --c-bar-bg: rgba(251,246,238,.94);

  --c-pill-track: #EFE6D5;
  --c-pill-active: #1F140E;
  --c-pill-active-text: #F5E6B8;

  --c-promo-bg: linear-gradient(90deg, #1F140E 0%, #4A2E12 100%);
  --c-promo-text: #F5E6B8;

  --c-hero-bg: transparent;
  --c-hero-title: #1F140E;

  --c-status-bg: #FFFFFF;
  --c-status-text: #2C1F18;
  --c-status-border: #E6DBC8;
  --c-status-dot-open: #2E8B57;
  --c-status-dot-closed: #B8350F;

  --c-btn-primary-bg: #1F140E;
  --c-btn-primary-text: #F5E6B8;
  --c-btn-secondary-bg: transparent;
  --c-btn-secondary-text: #1F140E;
  --c-btn-secondary-border: #1F140E;

  --c-tooltip-bg: #1F140E;
  --c-tooltip-text: #F5E6B8;
  --c-tooltip-border: #C9A961;

  --c-footer-bg: #2C1F18;

  --shadow-pill: 0 4px 14px rgba(31,20,14,.18);
  --shadow-btn: 0 8px 22px rgba(31,20,14,.22);
  --shadow-btn-hover: 0 14px 32px rgba(31,20,14,.32);
  --shadow-card-hover: 0 18px 40px rgba(31,20,14,.12);
  --shadow-option-hover: 0 0 0 2px #C9A961, 0 16px 40px rgba(184,53,15,.18);
}

[data-theme="classique"] .site-footer { color: rgba(245,230,184,.88); }
[data-theme="classique"] .site-footer a { color: #E8C97A; }
[data-theme="classique"] .site-footer a:hover { color: #F5E6B8; }

/* HERO classique : grande image culinaire en arrière-plan ───── */
[data-theme="classique"] .hero {
  min-height: 78vh;
  display: flex;
  align-items: center;
  padding-top: clamp(80px, 10vw, 130px);
  padding-bottom: clamp(80px, 10vw, 130px);
}
[data-theme="classique"] .hero__bg {
  background:
    linear-gradient(180deg, rgba(31,20,14,.55) 0%, rgba(31,20,14,.78) 100%),
    url('https://images.unsplash.com/photo-1414235077428-338989a2e8c0?w=1800&q=85&auto=format&fit=crop') center/cover;
}
[data-theme="classique"] .hero__inner {
  background: rgba(251,246,238,.96);
  border: 2.5px solid #B8924A;            /* or plus saturé + plus épais */
  border-radius: var(--radius-lg);
  padding: clamp(36px, 5vw, 56px) clamp(24px, 4vw, 48px);
  box-shadow:
    inset 0 0 0 1px rgba(184, 53, 15, .06),  /* liseré bordeaux interne très subtil */
    0 0 0 1px rgba(255, 255, 255, .5),        /* halo blanc fin pour décoller du fond */
    0 24px 60px rgba(0,0,0,.38);
}
/* Bordure dorée cohérente et bien visible sur les 3 cartes du hero */
[data-theme="classique"] .hero-themes,
[data-theme="classique"] .hero-call {
  border: 2.5px solid #B8924A;
  box-shadow:
    inset 0 0 0 1px rgba(184, 53, 15, .05),
    0 0 0 1px rgba(255, 255, 255, .5),
    0 22px 55px rgba(0,0,0,.32);
}
[data-theme="classique"] .hero__title {
  font-family: "Fraunces", serif;
  font-weight: 900;
  font-style: italic;
  letter-spacing: -.015em;
}
[data-theme="classique"] .hero__title::before,
[data-theme="classique"] .hero__title::after {
  content: "❦";
  display: block;
  font-size: .32em;
  color: #C9A961;
  font-style: normal;
  margin: 0 auto;
}
[data-theme="classique"] .hero__title::before { margin-bottom: 14px; }
[data-theme="classique"] .hero__title::after { margin-top: 14px; }
[data-theme="classique"] .hero__slogan {
  font-family: "Fraunces", serif;
  font-style: italic;
  color: #4A2E12;
}

/* ── TEXTURES ─────────────────────────────────────────────────────────
   1. Fond général : micro-grain diagonal doré (très discret)
   2. Sections alternées : grille de points or
   3. Galerie sombre : hachures croisées claires
   ──────────────────────────────────────────────────────────────────── */
[data-theme="classique"] body {
  background-color: var(--c-bg);
  background-image:
    repeating-linear-gradient(
      -45deg,
      rgba(201,169,97,.045) 0px,
      rgba(201,169,97,.045) 1px,
      transparent 1px,
      transparent 7px
    );
}

/* SECTIONS */
[data-theme="classique"] .section--menu,
[data-theme="classique"] .section--avis,
[data-theme="classique"] .section--options {
  background-color: rgba(247,240,225,.7);
  background-image:
    radial-gradient(circle, rgba(201,169,97,.12) 1px, transparent 1px);
  background-size: 22px 22px;
}
[data-theme="classique"] .section--galerie {
  background-color: #2C1F18;
  background-image:
    repeating-linear-gradient(
      45deg,
      rgba(201,169,97,.06) 0px,
      rgba(201,169,97,.06) 1px,
      transparent 1px,
      transparent 14px
    ),
    repeating-linear-gradient(
      -45deg,
      rgba(201,169,97,.04) 0px,
      rgba(201,169,97,.04) 1px,
      transparent 1px,
      transparent 14px
    );
  color: #FBF6EE;
}
[data-theme="classique"] .section--galerie .section__title { color: #FBF6EE; }
[data-theme="classique"] .section--galerie .section__sub {
  color: rgba(251,246,238,.92);
  font-weight: 500;
}
[data-theme="classique"] .section--galerie .section__eyebrow {
  color: #E8C97A;             /* or plus clair pour passer WCAG sur fond brun foncé */
  letter-spacing: .14em;
  font-weight: 800;
}
[data-theme="classique"] .section--galerie .section__lead,
[data-theme="classique"] .section--galerie p {
  color: rgba(251,246,238,.92);
}

/* ── PHOTOS EN TRANSPARENCE — corps visuel des sections claires ──────
   Chaque section a une photo de fond semi-transparente positionnée sur
   un côté, avec un fondu CSS (mask-image) pour qu'elle s'estompe vers
   le contenu. Les pseudo-éléments ne captent pas les clics.
   ──────────────────────────────────────────────────────────────────── */

/* PRÉSENTATION — photo "produits du terroir" en rideau droit
   (différente de la photo hero, et plus transparente sur fond clair) */
[data-theme="classique"] .section--about { overflow: hidden; }
[data-theme="classique"] .section--about::after {
  content: '';
  position: absolute;
  inset: 0; right: -60px;
  background:
    url('https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?w=1200&q=75&auto=format&fit=crop')
    right center / cover no-repeat;
  opacity: .09;
  -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,.85) 0%, rgba(0,0,0,.35) 45%, transparent 75%);
  mask-image:         linear-gradient(to left, rgba(0,0,0,.85) 0%, rgba(0,0,0,.35) 45%, transparent 75%);
  pointer-events: none;
  z-index: 0;
}
[data-theme="classique"] .section--about .section__inner { position: relative; z-index: 1; }

/* Décor assiette + couverts en filigrane doré, à gauche */
[data-theme="classique"] .section--about::before {
  content: '';
  position: absolute;
  left: 12%; top: 50%;
  transform: translateY(-50%);
  width: clamp(180px, 22vw, 320px);
  height: clamp(260px, 32vw, 460px);
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 280' fill='none' stroke='%23C9A961' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><line x1='28' y1='112' x2='28' y2='258'/><line x1='18' y1='28' x2='18' y2='106'/><line x1='28' y1='28' x2='28' y2='106'/><line x1='38' y1='28' x2='38' y2='106'/><path d='M14 106 Q28 118 42 106'/><circle cx='100' cy='150' r='50'/><circle cx='100' cy='150' r='42'/><circle cx='100' cy='150' r='30' stroke-opacity='.45'/><line x1='172' y1='152' x2='172' y2='258'/><path d='M165 28 L179 28 L179 152 L165 152 Z' stroke-linejoin='round'/><line x1='172' y1='28' x2='172' y2='152'/></svg>") center / contain no-repeat;
  opacity: .22;
  pointer-events: none;
  z-index: 0;
  user-select: none;
}
@media (max-width: 900px) {
  [data-theme="classique"] .section--about::before {
    left: -4%;
    opacity: .12;
  }
}

/* MENU / SPÉCIALITÉS — photo ingrédients à gauche */
[data-theme="classique"] .section--menu { overflow: hidden; }
[data-theme="classique"] .section--menu::before {
  content: '';
  position: absolute;
  inset: 0; left: -60px;
  background:
    url('https://images.unsplash.com/photo-1466637574441-749b8f19452f?w=1200&q=75&auto=format&fit=crop')
    left center / cover no-repeat;
  opacity: .10;
  -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,.85) 0%, rgba(0,0,0,.3) 40%, transparent 72%);
  mask-image:         linear-gradient(to right, rgba(0,0,0,.85) 0%, rgba(0,0,0,.3) 40%, transparent 72%);
  pointer-events: none;
  z-index: 0;
}
/* Grand « ❧ » décoratif en haut à droite */
[data-theme="classique"] .section--menu::after {
  content: '❧';
  position: absolute;
  right: 4%; top: -20px;
  font-size: clamp(100px, 15vw, 180px);
  color: rgba(201,169,97,.07);
  line-height: 1;
  pointer-events: none;
  z-index: 0;
  user-select: none;
}
[data-theme="classique"] .section--menu .section__inner { position: relative; z-index: 1; }

/* AVIS — photo ambiance vin, fondu depuis la droite */
[data-theme="classique"] .section--avis { overflow: hidden; }
[data-theme="classique"] .section--avis::after {
  content: '';
  position: absolute;
  inset: 0; right: -60px;
  background:
    url('https://images.unsplash.com/photo-1551218808-94e220e084d2?w=1200&q=75&auto=format&fit=crop')
    right center / cover no-repeat;
  opacity: .10;
  -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,.85) 0%, rgba(0,0,0,.3) 45%, transparent 75%);
  mask-image:         linear-gradient(to left, rgba(0,0,0,.85) 0%, rgba(0,0,0,.3) 45%, transparent 75%);
  pointer-events: none;
  z-index: 0;
}
[data-theme="classique"] .section--avis .section__inner { position: relative; z-index: 1; }

/* CONTACT — ambiance table en plein fond, très voilée */
[data-theme="classique"] .section--contact { overflow: hidden; }
[data-theme="classique"] .section--contact::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    url('https://images.unsplash.com/photo-1424847651672-bf20a4b0982b?w=1600&q=75&auto=format&fit=crop')
    center / cover no-repeat;
  opacity: .07;
  pointer-events: none;
  z-index: 0;
}
[data-theme="classique"] .section--contact .section__inner { position: relative; z-index: 1; }

[data-theme="classique"] .section__eyebrow { font-family: "Nunito", sans-serif; font-weight: 800; }
[data-theme="classique"] .section__title {
  font-family: "Fraunces", serif;
  font-weight: 700;
  font-style: italic;
}
[data-theme="classique"] .section__title em { color: #B8350F; font-style: italic; }
[data-theme="classique"] .section--galerie .section__title em { color: #C9A961; }
[data-theme="classique"] .section__title::after {
  content: "";
  display: block;
  width: 60px; height: 2px;
  background: #C9A961;
  margin: 16px auto 0;
}

[data-theme="classique"] .menu-card,
[data-theme="classique"] .avis-card,
[data-theme="classique"] .contact-card,
[data-theme="classique"] .options-recap li {
  box-shadow: 0 2px 14px rgba(31,20,14,.06);
}
[data-theme="classique"] .menu-card__name { font-family: "Fraunces", serif; font-style: italic; }

/* Brand & nav */
[data-theme="classique"] .vswitch__brand-name { font-family: "Fraunces", serif; font-style: italic; font-weight: 600; }
[data-theme="classique"] .vbtn { font-family: "Nunito", sans-serif; }
[data-theme="classique"] .vswitch__nav a { font-family: "Nunito", sans-serif; }

/* About meta */
[data-theme="classique"] .about__meta-num { font-family: "Fraunces", serif; font-weight: 300; }
[data-theme="classique"] .avis-summary__big { font-family: "Fraunces", serif; font-weight: 300; }