/* =========================================================
   ARTIZ'ANNA — charte graphique officielle
   Concept beauté · appliquée à tout le site SAUF Anna Marini

   Palette          Typographies
   ---------------  ------------------
   Rose poudré   #EBA9AA    Cinzel      — titres / identité
   Gris perle    #B8B8B8    Montserrat  — textes / informations
   Beige signat. #E6DBD0
   Ivoire        #F7F2ED
   Taupe nude    #D3C0AC
   Noir charbon  #211E1C

   RÈGLE DE LISIBILITÉ (vérifiée, norme WCAG AA) :
   sur fond clair, rose (1,75:1), gris (1,78:1) et taupe (1,59:1)
   sont illisibles en texte. Ils servent donc de MATIÈRE
   (aplats, boutons, filets, cartouches) et jamais d'encre.
   Sur fond charbon en revanche, rose (8,5:1) et taupe (9,4:1)
   passent largement : c'est là que l'accent rose s'exprime.

   Chargé APRÈS styles-v2.css / styles2.css / responsive-3.css.
   ========================================================= */

:root{
  /* Palette officielle */
  --rose:#EBA9AA;
  --gris:#B8B8B8;
  --beige:#E6DBD0;
  --ivoire:#F7F2ED;
  --taupe:#D3C0AC;
  --charbon:#211E1C;

  /* Déclinaison foncée du rose poudré, strictement de la même
     teinte. Nécessaire pour l'emphase des titres SUR FOND CLAIR :
     le rose poudré pur n'y donne que 1,75:1 (illisible), cette
     déclinaison monte à 4,8:1. Sur fond sombre on repasse au
     rose poudré pur. */
  --rose-fonce:#9A585A;

  /* Remappage du système existant */
  --cream:#F7F2ED;
  --paper:#FDFBF9;
  --sand:#E6DBD0;
  --ink:#211E1C;
  --ink-soft:#5C5651;
  --gold:#EBA9AA;
  --gold-deep:#211E1C;
  --gold-soft:#EBA9AA;
  --muted:#5C5651;
  --dark:#211E1C;
  --line:rgba(33,30,28,.13);

  --ff-serif:'Cinzel',Georgia,serif;
  --ff-sans:'Montserrat',system-ui,-apple-system,sans-serif;
}

body{
  font-family:'Montserrat',system-ui,-apple-system,sans-serif;
  background:var(--ivoire);
  color:var(--charbon);
}

/* ---------------------------------------------------------
   1. TYPOGRAPHIE
   Cinzel est une capitale romaine : large, sans italique.
   On annule le crénage négatif hérité de Fraunces, on remonte
   légèrement l'interlignage et on remplace les italiques par
   un soulignement rose (Cinzel n'a pas de vrai italique —
   le laisser produirait une oblique synthétique disgracieuse).
   --------------------------------------------------------- */
h1,h2,h3,
.shead h2,.duo h2,.split h2,.spread h2,.final h2,.avis h2,.am h2,
.stat b,.faq summary,footer .brand,.marquee .track,.sign,.uni .price{
  font-family:'Cinzel',Georgia,serif;
}
h1,h2,h3{
  font-weight:500;
  letter-spacing:.012em;
  line-height:1.18;
}
h1{font-weight:400}

/* L'EMPHASE DES TITRES PASSE PAR LA COULEUR, PAS PAR L'ITALIQUE.
   Cinzel n'a pas d'italique : le !important est ici une règle de
   fonte, pas un contournement — il évite l'oblique synthétique
   que le navigateur fabriquerait sinon.
   (La règle épargne .am, qui reste en Fraunces.) */
h1 em,h2 em,h3 em{
  font-style:normal !important;
  font-weight:inherit;
  color:var(--rose-fonce);
}

/* Sur fond sombre, le rose poudré pur : 8,5:1, parfaitement lisible. */
.hero h1 em,.spread h2 em,.final h2 em,.am-video h2 em{ color:var(--rose); }

/* Corps de texte */
body,p,li,a,.lead,.prose p{font-family:'Montserrat',system-ui,sans-serif}
.lead,.prose p,.split p,.duo .body p,.shead p,.uni p,.mini p,.steps p,.faq p{
  color:var(--ink-soft);
}
.sign,.uni .price,.mini .price,.quote p{font-style:normal}

/* Sur-titres : charbon espacé, précédé d'un filet rose */
.eyebrow,.mini .k,.uni .where,.addr .tag{
  color:var(--charbon);
  font-weight:600;
  letter-spacing:.28em;
}
.eyebrow::before{
  content:"";
  display:inline-block;
  width:22px;height:2px;
  background:var(--rose);
  vertical-align:middle;
  margin-right:12px;
  transform:translateY(-1px);
}
.center.eyebrow::before,.shead.center .eyebrow::before{margin-right:12px}

/* ---------------------------------------------------------
   2. BOUTONS  — rose en aplat, encre charbon (8,5:1)
   --------------------------------------------------------- */
.btn{
  font-family:'Montserrat',sans-serif;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:.78rem;
  border-radius:30px;
  border:1px solid var(--charbon);
  background:var(--charbon);
  color:var(--ivoire);
}
.btn:hover{background:transparent;color:var(--charbon)}
.btn-gold,.final .btn-gold{
  background:var(--rose);
  border-color:var(--rose);
  color:var(--charbon);
}
.btn-gold:hover,.final .btn-gold:hover{
  background:var(--charbon);
  border-color:var(--charbon);
  color:var(--ivoire);
}
.btn-ghost{background:transparent;border-color:currentColor}
.link-u,.mini .go,.addr .go{border-bottom-color:var(--rose)}
.link-u:hover{border-color:var(--charbon)}

/* ---------------------------------------------------------
   3. EN-TÊTE
   --------------------------------------------------------- */
header.solid{background:rgba(247,242,237,.94);box-shadow:0 1px 0 var(--line)}
header nav a{font-family:'Montserrat',sans-serif;font-weight:500}
header.solid nav a{color:var(--charbon)}
header nav.open{background:var(--ivoire);border-color:var(--line);border-radius:14px}

/* ---------------------------------------------------------
   4. HÉRO ET BANDEAUX SOMBRES
   --------------------------------------------------------- */
.hero .eyebrow,.spread .eyebrow{color:var(--ivoire)}
.hero .eyebrow::before,.spread .eyebrow::before{background:var(--rose)}
.hero h1{font-weight:400;line-height:1.1}
.hero p,.spread p{color:#EDE7E1}
.addr .tag{color:var(--rose)}

/* Bandeau défilant : beige signature */
.marquee{background:var(--beige);border-color:var(--line)}
.marquee .track{color:var(--charbon)}
.marquee .track b{color:var(--charbon);font-weight:600}

/* ---------------------------------------------------------
   5. CARTOUCHES ARRONDIS, FILETS FINS, VOILES
      (codes graphiques de la charte)
   --------------------------------------------------------- */
.addr,.split .ph,.uni .ph,.gal a,.mini,.quote,.maplink,.module-wrap,
.feature .visual,.card,.salon,.ccard{
  border-radius:16px;
}
.mini,.quote{
  background:var(--paper);
  border:1px solid var(--line);
}
.mini:hover{
  border-color:var(--rose);
  box-shadow:0 16px 34px rgba(33,30,28,.08);
}
.addr.premium .badge{background:var(--rose);color:var(--charbon);border-radius:30px}
.steps .n{
  color:var(--charbon);
  border-color:var(--rose);
  background:rgba(235,169,170,.14);
}
.avis{background:var(--paper)}
.avis .stars,.quote .s{color:var(--rose)}
.avis .links a{border-color:var(--line);border-radius:30px}
.avis .links a:hover{border-color:var(--charbon)}
.stats{background:var(--ivoire);border-color:var(--line)}
.stat b{color:var(--charbon);font-weight:500}
.stat span{color:var(--ink-soft)}
.faq summary::after{color:var(--charbon)}
.info li b{color:var(--charbon)}

/* ---------------------------------------------------------
   6. SECTION FINALE ET PIED DE PAGE — Noir charbon
   --------------------------------------------------------- */
.final{background:var(--charbon);color:#EDE7E1}
.final p{color:var(--taupe)}
.final .adr{color:var(--taupe)}
.final .adr b{color:var(--ivoire)}
footer{background:var(--charbon);color:var(--gris)}
footer .brand{color:var(--ivoire)}
footer a{color:#CFC7C0}
footer a:hover{color:var(--rose)}
footer .fine{border-top-color:rgba(247,242,237,.12)}

/* ---------------------------------------------------------
   7. BARRE / PASTILLE DE RÉSERVATION
   --------------------------------------------------------- */
.mcta,.mobile-cta{background:rgba(247,242,237,.96);border-top-color:var(--line)}
.mcta a,.mobile-cta a{background:var(--rose);color:var(--charbon);border-radius:30px}

/* ---------------------------------------------------------
   8. SYSTÈME styles2 (privatisation, réserver)
   --------------------------------------------------------- */
.salon-switch a{border-radius:30px;font-family:'Montserrat',sans-serif;border-color:var(--line)}
.salon-switch a:hover{border-color:var(--rose)}
.salon-switch a.active{background:var(--charbon);border-color:var(--charbon);color:var(--ivoire)}
.rdv .shead h1{font-family:'Cinzel',Georgia,serif}
#rdv-salonname{font-family:'Cinzel',Georgia,serif}
#rdv-loading .spin{border-top-color:var(--rose)}
.rdv-back{color:var(--charbon)}

/* ---------------------------------------------------------
   9. PAGES LÉGALES
   --------------------------------------------------------- */
.legal h1,.legal h2,.legal h3{font-family:'Cinzel',Georgia,serif}

/* ---------------------------------------------------------
   10. EXCEPTION — le bloc Anna Marini garde son identité
       propre (seventies, orange). Aucune règle ci-dessus ne
       doit le repeindre.
   --------------------------------------------------------- */
.am{background:#2A1A10;color:#f6ecdb}
.am h2{font-family:'Fraunces',Georgia,serif;color:#fff;letter-spacing:-.015em}
.am h2 em{font-style:italic;text-decoration:none;color:#f0dcb4}
.am .badge{background:#E2A72C;color:#2a1a10;border-radius:2px}
.am p{color:#e8d9c1}
.am .btn-gold{background:#E2A72C;border-color:#E2A72C;color:#2a1a10;border-radius:2px}
.am .btn-gold:hover{background:#fff;border-color:#fff;color:#2a1a10}
.am h1 em,.am h2 em,.am h3 em{font-style:italic !important;text-decoration:none}

/* ---------------------------------------------------------
   11. BANDEAU COOKIES — aligné sur la charte
   --------------------------------------------------------- */
#az-consent,#az-consent *,.az-consent,.az-consent *{
  font-family:'Montserrat',system-ui,sans-serif !important;
}
#az-consent,.az-consent{background:var(--ivoire) !important;color:var(--charbon) !important}
#az-consent a,.az-consent a{color:var(--charbon) !important}
#az-consent button,.az-consent button{border-radius:30px !important;letter-spacing:.04em}