/* ==========================================================================
   LES SOINS EN COULEURS BY LAURENCE
   THÈME « OR & IVOIRE » — aligné sur le nouveau logo (25/09/2026)
   --------------------------------------------------------------------------
   Se charge EN DERNIER, après premium-v5.css et les styles de page.
   Couleurs relevées sur le logo :
     or du monogramme   #D69B3D   (décor, filets, boutons)
     or de texte        #A06A16   (petits textes dorés, contraste AA 4,5:1)
     encre « by Laurence » #0F2A22
     arc « COULEURS »   émeraude, bleu, violet, magenta, rouge, orange
   Pour revenir en arrière : supprimer la ligne <link ... theme-or-ivoire.css>.
   ========================================================================== */

:root{
  /* Jetons du thème */
  --t-ivoire:#FFFDF8;
  --t-sable:#F8F2E6;
  --t-lin:#EADFC8;
  --t-or:#D69B3D;
  --t-or-texte:#A06A16;
  --t-or-clair:#E9C98A;
  --t-encre:#0F2A22;
  --t-texte:#2B2A24;
  --t-texte-doux:#6B6456;
  --t-metal:linear-gradient(135deg,#EDBE5E 0%,#D69B3D 46%,#B47A22 100%);
  --t-arc:linear-gradient(90deg,#12936A,#0058A0,#591F78,#891B72,#AB0024,#D47600);

  /* Réalignement des variables existantes du site */
  --fond:var(--t-ivoire);
  --encre:var(--t-texte);
  --sable:var(--t-sable);
  --p-sable:var(--t-sable);
  --p-albatre:var(--t-ivoire);
  --creme:var(--t-ivoire);
  --bord:var(--t-lin);
  --lin:var(--t-lin);
  --p-brume:var(--t-lin);
  --pin:var(--t-encre);
  --pin-fonce:#0A1F19;
  --p-encre:var(--t-encre);
  --p-foret:var(--t-encre);
  --violet:var(--t-encre);
  --or:var(--t-or-texte);
  --p-or:var(--t-or-texte);
  --or-pale:var(--t-or-clair);
  --p-or-pale:#F1E2C2;
  --jaune:var(--t-or);
  --arc-landes:var(--t-arc);
}

/* ---------- Matière : un ivoire lumineux ---------- */
html,body{background:var(--t-ivoire)}
body{color:var(--t-texte)}
::selection{background:#F3DDB0;color:var(--t-encre)}

/* ---------- Titres à l'encre du logo ---------- */
h1,h2,h3,.sec-titre{color:var(--t-encre)}
h1 em,h2 em,.sec-titre em{color:var(--t-or-texte)}

/* ---------- Signature arc-en-ciel : un filet, jamais un aplat ---------- */
.arc{background:var(--t-arc)!important;height:2px;opacity:1}

/* ---------- Navigation ---------- */
nav{background:rgba(255,253,248,.94);border-bottom:1px solid var(--t-lin)}
nav .logo,nav .logo a{color:var(--t-encre)}
nav .logo span{color:var(--t-or-texte)}
nav .logo-img{border-radius:0;background:transparent;box-shadow:none;object-fit:contain}
.deroulant-panneau{background:var(--t-ivoire);border-color:var(--t-lin)}
.pan-carte{background:var(--t-sable)}

/* ---------- Boutons : or métal, encre ---------- */
.btn,.btn-nav,.btn-menu-mobile,.reserver-flottant a{
  background:var(--t-metal)!important;color:var(--t-encre)!important;
  border:1px solid #C58A2E!important;box-shadow:0 10px 26px -18px rgba(180,122,34,.9)}
.btn:hover,.btn-nav:hover,.btn-menu-mobile:hover,.reserver-flottant a:hover{
  background:var(--t-encre)!important;color:var(--t-or-clair)!important;
  border-color:var(--t-encre)!important;box-shadow:inset 0 -2px 0 var(--t-or)}
.btn-ghost{background:transparent!important;color:var(--t-encre)!important;border-color:var(--t-or)!important;box-shadow:none}
.btn-ghost:hover{background:var(--t-sable)!important;color:var(--t-encre)!important}

/* ---------- Héros sombres des pages internes → ivoire ---------- */
header.hero,.entete-page{
  background:radial-gradient(ellipse at 50% 0%,#FFF8EA 0%,var(--t-ivoire) 60%)!important;
  border-bottom:1px solid var(--t-lin)}
header.hero :is(h1,h2),.entete-page h1{color:var(--t-encre)!important}
header.hero p,.entete-page p{color:var(--t-texte-doux)!important;text-shadow:none}
header.hero :is(.lieu,.eyebrow),.entete-page :is(.lieu,.eyebrow,.surtitre){color:var(--t-or-texte)!important}

/* ---------- Bande d'avis → papier sable, filets d'or ---------- */
section.bande-avis,.bande-avis{
  background:var(--t-sable)!important;color:var(--t-texte)!important;
  border-top:1px solid var(--t-lin);border-bottom:1px solid var(--t-lin)}
.bande-avis blockquote{color:var(--t-encre)!important}
.bande-avis .bande-etoiles{color:var(--t-or)!important}
.bande-avis .bande-source{color:var(--t-texte-doux)!important}
.bande-avis a,.bande-avis .bande-liens a,.bande-avis .bande-source a{color:var(--t-or-texte)!important;text-decoration-color:var(--t-or-clair)!important}
.bande-avis a:hover{color:var(--t-encre)!important}

/* ---------- Index des couleurs → ivoire ---------- */
.index-couleurs{background:var(--t-ivoire)!important;color:var(--t-texte)!important;
  border-top:1px solid var(--t-lin);border-bottom:1px solid var(--t-lin)}
.index-couleurs h2{color:var(--t-encre)!important}
.index-couleurs .sec-intro,.index-couleurs p{color:var(--t-texte-doux)!important}
.index-couleurs .eyebrow{color:var(--t-or-texte)!important}

/* ---------- Bandeau entreprises → carton ivoire liseré d'or ---------- */
.bandeau-ent{background:var(--t-sable)!important;color:var(--t-texte)!important}
.bandeau-ent .carton{background:var(--t-ivoire)!important;border:1px solid var(--t-or-clair)!important}
.bandeau-ent .carton::before{border-color:rgba(214,155,61,.35)!important}
.bandeau-ent .carton-in{color:var(--t-texte)!important;border-color:var(--t-or-clair)!important}
.bandeau-ent h2{color:var(--t-encre)!important}
.bandeau-ent h2 em,.bandeau-ent .surtitre{color:var(--t-or-texte)!important}
.bandeau-ent p{color:var(--t-texte-doux)!important}

/* ---------- Pied de page : l'encre du logo, rehaussée d'or ---------- */
footer{background:var(--t-encre)!important;border-top:2px solid transparent;
  border-image:var(--t-arc) 1}
footer .logo-pied{background:transparent;border-radius:0;box-shadow:none;object-fit:contain}
footer :is(h2,h3,h4,.pied-titre){color:var(--t-or-clair)!important}
footer a:hover{color:var(--t-or-clair)!important}

/* ---------- Cartes et filets ---------- */
.carte,.soin-carte,.article-carte,.avis-carte,.temoignage-carte{border-color:var(--t-lin)!important}
.carte:hover,.soin-carte:hover,.article-carte:hover{border-color:var(--t-or-clair)!important}
.avis-carte .pastille,.avis-reponse .rep-pastille,.temoignage-carte .t-pastille{
  background:var(--t-metal)!important;color:var(--t-encre)!important}
.avis-reponse{background:var(--t-sable)!important;border-left-color:var(--t-or)!important}
.avis-carte .soin{background:#F6EBD3!important;color:var(--t-encre)!important}
.avis-note,.avis-reponse .rep-nom{color:var(--t-encre)!important}
.avis-etoiles,.avis-carte .note-c{color:var(--t-or)!important}

/* ---------- Liens de texte ---------- */
main a:not(.btn):not([class]),article a:not(.btn):not([class]){
  color:var(--t-encre);text-decoration-color:var(--t-or);text-underline-offset:3px}
main a:not(.btn):not([class]):hover,article a:not(.btn):not([class]):hover{color:var(--t-or-texte)}

/* ---------- Focus visible ---------- */
:focus-visible{outline:2px solid var(--t-or)!important;outline-offset:3px}

/* ---------- Index des couleurs : textes des teintes ---------- */
.index-couleurs .teinte-nom{color:var(--t-encre)!important}
.index-couleurs .teinte-intention{color:var(--t-or-texte)!important}
.index-couleurs .teinte-note{color:var(--t-texte-doux)!important}
.index-couleurs li,.index-couleurs .teinte{border-color:var(--t-lin)!important}

/* ---------- Liens nus dans le contenu ---------- */
a:not([class]){color:var(--t-encre);text-decoration-color:var(--t-or);text-underline-offset:3px}
a:not([class]):hover{color:var(--t-or-texte)}
nav a:not([class]),footer a:not([class]){text-decoration:none}
footer a:not([class]){color:inherit}

/* ---------- Présentation « La Maison » : sable doré au lieu du lilas ---------- */
.presentation-accueil{background:linear-gradient(180deg,var(--t-ivoire) 0%,var(--t-sable) 100%)!important}
.presentation-accueil .portrait{background:conic-gradient(#12936A,#0058A0,#591F78,#891B72,#AB0024,#D47600,#D69B3D,#12936A)!important}
.presentation-accueil .eyebrow,.presentation-accueil .surtitre{color:var(--t-or-texte)!important}
header.hero-maison{background:radial-gradient(1100px 620px at 88% -18%,rgba(214,155,61,.14),transparent 62%),var(--t-ivoire)!important}

/* ---------- En-têtes de pages internes (.page-hero, 72 pages) → ivoire ---------- */
header.page-hero,.page-hero,.hero-pro{
  background:radial-gradient(900px 420px at 50% -20%,rgba(214,155,61,.16),transparent 70%),var(--t-ivoire)!important;
  color:var(--t-encre)!important;border-bottom:1px solid var(--t-lin)}
.page-hero :is(h1,h2),.hero-pro :is(h1,h2){color:var(--t-encre)!important;text-shadow:none!important}
.page-hero p,.hero-pro p,.page-hero .machine{color:var(--t-texte-doux)!important;text-shadow:none!important}
.page-hero p strong,.page-hero p a{color:var(--t-encre)!important}
.page-hero :is(.eyebrow,.surtitre,.lieu){color:var(--t-or-texte)!important}
.page-hero .btn.btn-ghost,.hero-pro .btn.btn-ghost{background:transparent!important;color:var(--t-encre)!important;border-color:var(--t-or)!important}
.page-hero .btn.btn-ghost:hover,.hero-pro .btn.btn-ghost:hover{background:var(--t-sable)!important}