/* ===== THÈME CLASSIQUE — Éditorial coiffeuse, aubergine + cuivre + ivoire ===== */

[data-theme="classique"] {
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "DM Sans", system-ui, sans-serif;

  --c-bg: #FAF6F1;             /* ivoire chaud */
  --c-text: #2A2128;
  --c-muted: #6B5F66;
  --c-heading: #1F1B1E;
  --c-accent: #7B4B5E;         /* aubergine sophistiquée */
  --c-accent-glow: rgba(123,75,94,.3);
  --c-on-accent: #FAF6F1;

  --c-card: #FFFFFF;
  --c-border: #E8DDD3;
  --c-border-hover: #B8865B;    /* cuivre brossé */
  --c-skeleton: #F0E8DD;
  --c-star: #B8865B;

  --c-bar-bg: rgba(250,246,241,.94);

  --c-pill-track: #F0E8DD;
  --c-pill-active: #1F1B1E;
  --c-pill-active-text: #FAF6F1;

  --c-promo-bg: linear-gradient(90deg, #1F1B1E 0%, #3D2D34 100%);
  --c-promo-text: #FAF6F1;

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

  --c-status-bg: #FFFFFF;
  --c-status-text: #2A2128;
  --c-status-border: #E8DDD3;
  --c-status-dot-open: #7B9F5F;
  --c-status-dot-closed: #7B4B5E;

  --c-btn-primary-bg: #1F1B1E;
  --c-btn-primary-text: #FAF6F1;
  --c-btn-secondary-bg: transparent;
  --c-btn-secondary-text: #1F1B1E;
  --c-btn-secondary-border: #1F1B1E;

  --c-tooltip-bg: #1F1B1E;
  --c-tooltip-text: #FAF6F1;
  --c-tooltip-border: #B8865B;

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

  --shadow-pill: 0 4px 14px rgba(31,27,30,.16);
  --shadow-btn: 0 8px 22px rgba(31,27,30,.2);
  --shadow-btn-hover: 0 14px 32px rgba(31,27,30,.3);
  --shadow-card-hover: 0 18px 40px rgba(31,27,30,.1);
  --shadow-option-hover: 0 0 0 2px #B8865B, 0 16px 40px rgba(123,75,94,.15);
}

/* Typographie — fonts Cormorant pour les headings et displays */
[data-theme="classique"] .vswitch__brand-name { font-family: "Cormorant Garamond", serif; font-style: italic; font-weight: 500; font-size: 1.2rem; letter-spacing: .02em; }
[data-theme="classique"] .vbtn { font-family: "DM Sans", sans-serif; }
[data-theme="classique"] .vswitch__nav a { font-family: "DM Sans", sans-serif; letter-spacing: .12em; }
[data-theme="classique"] .site-footer { color: rgba(250,246,241,.65); font-family: "DM Sans", sans-serif; }
[data-theme="classique"] .site-footer a { color: #B8865B; }

/* Body — léger papier ivoire texturé */
[data-theme="classique"] body {
  background-color: var(--c-bg);
  background-image:
    radial-gradient(rgba(31,27,30,.018) 1px, transparent 1.5px);
  background-size: 24px 24px;
}

/* HERO — éditorial avec photo en arrière-plan + carte poussée à gauche */
[data-theme="classique"] .hero {
  min-height: 84vh;
  display: flex;
  align-items: center;
  padding-top: clamp(80px, 10vw, 130px);
  padding-bottom: clamp(80px, 10vw, 130px);
  position: relative;
}
[data-theme="classique"] .hero__bg {
  background:
    linear-gradient(110deg, rgba(31,27,30,.55) 0%, rgba(31,27,30,.25) 50%, rgba(31,27,30,.65) 100%),
    url('https://images.unsplash.com/photo-1560066984-138dadb4c035?w=1800&q=85&auto=format&fit=crop') center/cover;
}
[data-theme="classique"] .hero__inner {
  background: rgba(250,246,241,.97);
  border: 4px solid #8A5A2B;
  border-radius: var(--radius-lg);
  padding: clamp(40px, 5vw, 64px) clamp(28px, 4vw, 56px);
  box-shadow: 0 24px 60px rgba(0,0,0,.5), 0 0 0 2px rgba(138,90,43,.45);
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
/* Tous les enfants directs s'auto-centrent quand ils ont une largeur fixe (status pill, rating pill, button group) */
[data-theme="classique"] .hero__inner > * { margin-left: auto; margin-right: auto; }
[data-theme="classique"] .hero__inner .status-pill,
[data-theme="classique"] .hero__inner .hero__rating,
[data-theme="classique"] .hero__inner .hero__actions { width: fit-content; }
@media (min-width: 980px) {
  [data-theme="classique"] .hero__inner {
    margin-left: 0;
    max-width: 580px;
  }
}
[data-theme="classique"] .hero__title {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-style: italic;
  letter-spacing: -.01em;
  line-height: 1.05;
  font-size: clamp(2.8rem, 6.5vw, 4.6rem);
}
[data-theme="classique"] .hero__title::before,
[data-theme="classique"] .hero__title::after { display: none; }
[data-theme="classique"] .hero__slogan {
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-size: 1.2rem;
  color: #5C4351;
  font-weight: 400;
}
[data-theme="classique"] .hero__baseline {
  font-family: "DM Sans", sans-serif;
  letter-spacing: .28em;
  font-size: .72rem;
  color: var(--c-muted);
}
[data-theme="classique"] .hero__rating {
  background: rgba(255,255,255,.6);
  border: 1px solid var(--c-border);
}

/* Médaillon "EST. année" en haut à droite */
[data-theme="classique"] .hero::after {
  content: "Atelier · Brest";
  position: absolute;
  top: 50%;
  right: clamp(20px, 5vw, 80px);
  transform: translateY(-50%) rotate(-6deg);
  display: none;
  align-items: center;
  justify-content: center;
  width: 160px; height: 160px;
  border-radius: 50%;
  border: 1px solid #B8865B;
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-weight: 500;
  font-size: 1.05rem;
  letter-spacing: .14em;
  color: #FAF6F1;
  background: rgba(31,27,30,.92);
  box-shadow: 0 14px 32px rgba(0,0,0,.5);
  z-index: 2;
  text-align: center;
  line-height: 1.3;
}
@media (min-width: 980px) {
  [data-theme="classique"] .hero::after { display: flex; }
}

/* SECTIONS — chaque section a son propre traitement */
[data-theme="classique"] .section--about {
  background: linear-gradient(180deg, #FAF6F1 0%, #F5EFE6 100%);
  position: relative;
}
[data-theme="classique"] .section--menu {
  background: #1F1B1E;
  color: #FAF6F1;
}
[data-theme="classique"] .section--menu .section__title { color: #FAF6F1; }
[data-theme="classique"] .section--menu .section__title em { color: #B8865B; }
[data-theme="classique"] .section--menu .section__sub { color: rgba(250,246,241,.72); }
[data-theme="classique"] .section--menu .section__eyebrow { color: #B8865B; }

[data-theme="classique"] .section--equipe {
  background: linear-gradient(180deg, #F5EFE6 0%, #FAF6F1 100%);
}
html[data-mode="dark"][data-theme="classique"] .section--equipe {
  background: linear-gradient(180deg, #2A1F17 0%, #1F140E 100%);
}
[data-theme="classique"] .section--couleurs {
  background:
    radial-gradient(circle at 80% 20%, rgba(184,134,91,.12), transparent 40%),
    radial-gradient(circle at 20% 80%, rgba(123,75,94,.10), transparent 40%),
    #FAF6F1;
}
[data-theme="classique"] .section--avant-apres {
  background: linear-gradient(180deg, #FAF6F1 0%, #F0E8DD 100%);
}
[data-theme="classique"] .section--galerie {
  background: #1F1B1E;
  color: #FAF6F1;
}
[data-theme="classique"] .section--galerie .section__title { color: #FAF6F1; }
[data-theme="classique"] .section--galerie .section__title em { color: #B8865B; }
[data-theme="classique"] .section--galerie .section__sub { color: rgba(250,246,241,.72); }
[data-theme="classique"] .section--galerie .section__eyebrow { color: #B8865B; }

[data-theme="classique"] .section--avis,
[data-theme="classique"] .section--options,
[data-theme="classique"] .section--message {
  background: #FAF6F1;
}

/* Décor stylo plume en filigrane doré, à gauche de "Écrivez-nous un mot" */
[data-theme="classique"] .section--message {
  position: relative;
  overflow: hidden;
}
[data-theme="classique"] .section--message::before {
  content: '';
  position: absolute;
  left: clamp(40px, 8vw, 140px);
  top: 50%;
  transform: translateY(-50%) rotate(-14deg);
  width: clamp(180px, 22vw, 320px);
  height: clamp(360px, 44vw, 640px);
  pointer-events: none;
  user-select: none;
  z-index: 0;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 360' fill='none' stroke='%23C9A961' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M30 8 Q30 2 36 2 L64 2 Q70 2 70 8 L70 90 L30 90 Z'/><line x1='30' y1='80' x2='70' y2='80'/><line x1='30' y1='86' x2='70' y2='86'/><path d='M72 16 L80 16 L80 62 Q80 66 76 66 L72 66 Z' fill='%23C9A961' stroke='none' opacity='.55'/><path d='M33 92 L67 92 L66 220 L34 220 Z'/><line x1='34' y1='102' x2='66' y2='102'/><line x1='34' y1='108' x2='66' y2='108'/><path d='M36 220 L64 220 L62 250 L38 250 Z'/><path d='M38 250 L62 250 L50 305 Z'/><line x1='50' y1='265' x2='50' y2='302'/><circle cx='50' cy='270' r='2.4' fill='%23C9A961' stroke='none'/><path d='M50 312 Q38 326 54 338 Q70 348 50 358'/></svg>") center / contain no-repeat;
  opacity: .22;
}
[data-theme="classique"] .section--message > .section__inner {
  position: relative;
  z-index: 1;
}
@media (max-width: 900px) {
  [data-theme="classique"] .section--message::before {
    left: -10%;
    opacity: .12;
  }
}
[data-theme="classique"] .section--contact {
  background: linear-gradient(180deg, #F5EFE6 0%, #EFE5DA 100%);
}

/* Eyebrow + Title — typographie éditoriale */
[data-theme="classique"] .section__eyebrow {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  letter-spacing: .28em;
  font-size: .68rem;
}
[data-theme="classique"] .section__title {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: italic;
  letter-spacing: -.005em;
  font-size: clamp(2.2rem, 5vw, 3.4rem);
}
[data-theme="classique"] .section__title em {
  color: var(--c-accent);
  font-weight: 600;
}
[data-theme="classique"] .section__title::after {
  content: "";
  display: block;
  width: 50px; height: 1px;
  background: var(--c-accent);
  margin: 18px auto 0;
}

/* Sub & lead — DM Sans */
[data-theme="classique"] .section__sub,
[data-theme="classique"] .section__lead {
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
}
[data-theme="classique"] .section--about .section__lead {
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-size: 1.18rem;
  font-weight: 400;
  color: #2A2128;
  line-height: 1.7;
}

/* Cards — éditorial */
[data-theme="classique"] .menu-card,
[data-theme="classique"] .avis-card,
[data-theme="classique"] .contact-card,
[data-theme="classique"] .team-card,
[data-theme="classique"] .couleur-card,
[data-theme="classique"] .aa-card,
[data-theme="classique"] .options-recap li {
  box-shadow: 0 2px 14px rgba(31,27,30,.06);
}

/* Prestation card — sur fond sombre dans section--menu, inverse les couleurs */
[data-theme="classique"] .section--menu .prestation-card {
  background: #2A2326;
  border-color: #3D2D34;
}
[data-theme="classique"] .section--menu .prestation-card .menu-card__name {
  color: #FAF6F1;
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-size: 1.4rem;
}
[data-theme="classique"] .section--menu .prestation-card .menu-card__price {
  color: #B8865B;
  font-family: "Cormorant Garamond", serif;
}
[data-theme="classique"] .section--menu .prestation-card .menu-card__desc {
  color: rgba(250,246,241,.72);
}
[data-theme="classique"] .section--menu .prestation-card__foot {
  border-top-color: rgba(184,134,91,.25);
}
[data-theme="classique"] .section--menu .prestation-card__cat {
  background: rgba(184,134,91,.12);
  border-color: rgba(184,134,91,.4);
  color: #B8865B;
}
[data-theme="classique"] .section--menu .prestation-card__duration {
  color: rgba(250,246,241,.55);
}

/* Team-card éditorial */
[data-theme="classique"] .team-card {
  background: #FFFFFF;
  border: none;
  border-bottom: 2px solid var(--c-accent);
  border-radius: 0;
  text-align: left;
}
[data-theme="classique"] .team-card__media { border-radius: 0; aspect-ratio: 4/5; }
[data-theme="classique"] .team-card__body { padding: 22px 4px 24px; }
[data-theme="classique"] .team-card__name {
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-weight: 500;
  font-size: 1.4rem;
}
[data-theme="classique"] .team-card__role {
  font-family: "DM Sans", sans-serif;
  letter-spacing: .22em;
  font-size: .68rem;
  color: var(--c-accent);
}
[data-theme="classique"] .team-card::after { display: none; }

/* Avis-card — éditorial avec guillemets serif */
[data-theme="classique"] .avis-card {
  background: #FFFFFF;
  position: relative;
  border-radius: 4px;
}
[data-theme="classique"] .avis-card::before {
  content: "\201C";
  position: absolute;
  top: 8px; left: 16px;
  font-family: "Cormorant Garamond", serif;
  font-size: 5rem;
  line-height: 1;
  color: rgba(123,75,94,.35);
  pointer-events: none;
  font-weight: 400;
}
[data-theme="classique"] .avis-card__text {
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  color: #2A2128;
}
[data-theme="classique"] .avis-card__author {
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-weight: 500;
  font-size: 1.05rem;
}

/* Avis-summary — chiffre énorme en serif italique */
[data-theme="classique"] .avis-summary__big {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  font-size: 4.8rem;
  line-height: 1;
}

/* About-meta — chiffres éditoriaux */
[data-theme="classique"] .about__meta-num {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  font-style: italic;
}

/* Couleur-card — texte éditorial */
[data-theme="classique"] .couleur-card__name {
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-weight: 500;
  font-size: 1.35rem;
}

/* Promo banner */
[data-theme="classique"] .promo-banner {
  font-family: "DM Sans", sans-serif;
  letter-spacing: .04em;
  font-weight: 500;
}

/* Marquee bg = card pour le 1er, transparent pour le soft */
[data-theme="classique"] .marquee {
  background: var(--c-card);
  border-color: var(--c-border);
}
[data-theme="classique"] .marquee--soft {
  background: transparent;
  border-color: rgba(31,27,30,.08);
}
/* En mode sombre : le bord du marquee--soft devient une teinte claire
   pour rester perceptible sur le fond brun foncé. */
html[data-mode="dark"][data-theme="classique"] .marquee--soft {
  border-color: rgba(255,255,255,.10);
}