/* ===== THÈME CLASSIQUE — Atelier de barbier, charcoal & cuir ===== */

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

  --c-bg: #F5F0E8;             /* bone, plus froid que la cream restau */
  --c-text: #1A1A1A;            /* charcoal */
  --c-muted: #6B5B4F;
  --c-heading: #0D0D0D;
  --c-accent: #8B4513;         /* cuir / acajou */
  --c-accent-glow: rgba(139,69,19,.35);
  --c-on-accent: #F5F0E8;

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

  --c-bar-bg: rgba(245,240,232,.94);

  --c-pill-track: #E8DFCD;
  --c-pill-active: #0D0D0D;
  --c-pill-active-text: #F5E6B8;

  --c-promo-bg: linear-gradient(90deg, #0D0D0D 0%, #2A1810 100%);
  --c-promo-text: #F5E6B8;

  --c-hero-bg: transparent;
  --c-hero-title: #0D0D0D;

  --c-status-bg: #FFFFFF;
  --c-status-text: #1A1A1A;
  --c-status-border: #E0D6C2;
  --c-status-dot-open: #2E8B57;
  --c-status-dot-closed: #8B4513;

  --c-btn-primary-bg: #0D0D0D;
  --c-btn-primary-text: #F5E6B8;
  --c-btn-secondary-bg: transparent;
  --c-btn-secondary-text: #0D0D0D;
  --c-btn-secondary-border: #0D0D0D;

  --c-tooltip-bg: #0D0D0D;
  --c-tooltip-text: #F5E6B8;
  --c-tooltip-border: #C9A961;

  --c-footer-bg: #1A1A1A;

  --shadow-pill: 0 4px 14px rgba(13,13,13,.18);
  --shadow-btn: 0 8px 22px rgba(13,13,13,.25);
  --shadow-btn-hover: 0 14px 32px rgba(13,13,13,.35);
  --shadow-card-hover: 0 18px 40px rgba(13,13,13,.12);
  --shadow-option-hover: 0 0 0 2px #C9A961, 0 16px 40px rgba(139,69,19,.18);
}

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

/* 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(13,13,13,.55) 0%, rgba(13,13,13,.78) 100%),
    url('https://images.unsplash.com/photo-1503951914875-452162b0f3f1?w=1800&q=85&auto=format&fit=crop') center/cover;
}
[data-theme="classique"] .hero__inner {
  background: rgba(245,240,232,.97);
  border: 5px solid #B8865B;
  outline: 1px solid rgba(184,134,91,.55);
  outline-offset: 5px;
  border-radius: var(--radius-lg);
  padding: clamp(36px, 5vw, 60px) clamp(24px, 4vw, 52px);
  box-shadow:
    0 0 0 2px #FAF6F1,
    0 0 0 3px rgba(184,134,91,.85),
    inset 0 0 0 1px rgba(184,134,91,.40),
    0 22px 60px rgba(0,0,0,.5);
  position: relative;
}

/* Hero asymétrique : carte poussée à gauche, médaillon en haut à droite */
@media (min-width: 900px) {
  [data-theme="classique"] .hero__inner {
    margin-left: 0;
    max-width: 640px;
  }
}

/* Médaillon vintage "Est. année" en haut à droite du hero */
[data-theme="classique"] .hero {
  position: relative;
}
[data-theme="classique"] .hero::after {
  content: "EST. 2014";
  position: absolute;
  top: 50%;
  right: clamp(20px, 5vw, 80px);
  transform: translateY(-50%) rotate(-8deg);
  display: none;
  align-items: center;
  justify-content: center;
  width: 130px; height: 130px;
  border-radius: 50%;
  border: 3px double #C9A961;
  font-family: "Fraunces", serif;
  font-style: italic;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: .12em;
  color: #C9A961;
  background: rgba(13,13,13,.92);
  box-shadow: 0 14px 32px rgba(0,0,0,.45);
  z-index: 2;
}
@media (min-width: 980px) {
  [data-theme="classique"] .hero::after { display: flex; }
}

/* Mini-bandeau "barber strip" sous le hero classique */
[data-theme="classique"] .barber-strip {
  border-top-color: rgba(13,13,13,.15);
  border-bottom-color: rgba(13,13,13,.15);
}
[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: #2A1810;
}

/* ── 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,
[data-theme="classique"] .section--equipe {
  background-color: rgba(232,223,205,.55);
  background-image:
    radial-gradient(circle, rgba(201,169,97,.12) 1px, transparent 1px);
  background-size: 22px 22px;
}
[data-theme="classique"] .section--galerie {
  background-color: #1A1A1A;
  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: #F5F0E8;
}
[data-theme="classique"] .section--galerie .section__title { color: #F5F0E8; }
[data-theme="classique"] .section--galerie .section__sub { color: rgba(245,240,232,.7); }
[data-theme="classique"] .section--galerie .section__eyebrow { color: #C9A961; }

/* ── 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-1622286342621-4bd786c2447c?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; }

/* Grand ornement typographique en filigrane */
[data-theme="classique"] .section--about::before {
  content: '❦';
  position: absolute;
  right: 5%; bottom: -10px;
  font-size: clamp(120px, 18vw, 220px);
  color: rgba(201,169,97,.06);
  line-height: 1;
  pointer-events: none;
  z-index: 0;
  user-select: none;
}

/* 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-1599351431202-1e0f0137899a?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-1521590832167-7bcbfaa6381f?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-1585747860715-2ba37e788b70?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: #8B4513; 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"] .team-card,
[data-theme="classique"] .options-recap li {
  box-shadow: 0 2px 14px rgba(13,13,13,.08);
}
[data-theme="classique"] .menu-card__name { font-family: "Fraunces", serif; font-style: italic; }
[data-theme="classique"] .menu-card__price { font-family: "Fraunces", serif; font-weight: 700; }

/* Prestation card vintage : double encadré, prix mis en valeur typographique */
[data-theme="classique"] .prestation-card {
  border: 1px solid var(--c-border);
  background:
    linear-gradient(180deg, #FFFFFF 0%, #FBF7EE 100%);
}
[data-theme="classique"] .prestation-card::before {
  content: "";
  position: absolute;
  inset: 6px;
  border: 1px solid rgba(201,169,97,.25);
  border-radius: 10px;
  pointer-events: none;
}
[data-theme="classique"] .prestation-card .menu-card__head {
  border-bottom: 1px dashed rgba(201,169,97,.35);
  padding-bottom: 8px;
  margin-bottom: 10px;
}

/* Team-card classique : nom en serif italique + petit cadre gold sous la photo */
[data-theme="classique"] .team-card {
  background: #FFFFFF;
  border: 1px solid var(--c-border);
  position: relative;
}
[data-theme="classique"] .team-card::after {
  content: "";
  display: block;
  width: 40px; height: 1px;
  background: #C9A961;
  margin: 0 auto;
  position: relative;
  top: -8px;
}
[data-theme="classique"] .team-card__name {
  font-family: "Fraunces", serif;
  font-style: italic;
  font-weight: 600;
}
[data-theme="classique"] .team-card__role {
  color: #8B4513;
  font-size: .72rem;
}

/* Avis-card classique : guillemets décoratifs */
[data-theme="classique"] .avis-card {
  position: relative;
  background: #FFFFFF;
}
/* Le grand guillemet "::before" est géré dans base.css.
   Ici, juste un override de teinte propre au thème classique. */
[data-theme="classique"] .avis-card::before {
  font-family: "Fraunces", serif;
  color: #C9A961;
  opacity: .18;
}
[data-theme="classique"] .avis-card:hover::before { opacity: .28; }
[data-theme="classique"] .avis-card__text {
  font-family: "Fraunces", serif;
  font-style: italic;
  font-weight: 400;
  color: #2C1F18;
}
[data-theme="classique"] .avis-hero {
  background: linear-gradient(135deg, #FFFFFF 0%, #FAF3E2 100%);
  border-color: #E6DBC8;
}
[data-theme="classique"] .avis-hero__big { font-family: "Fraunces", serif; font-weight: 700; }
[data-theme="classique"] .avis-hero__badge {
  background: linear-gradient(135deg, #8B4513 0%, #C9A961 100%);
  color: #FFFFFF;
  font-family: "Nunito", sans-serif;
}
[data-theme="classique"] .avis-quote-bg { font-family: "Fraunces", serif; color: #8B4513; opacity: .04; }

/* 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; }