/* ═══ HABILLAGE « CRÈME ET OR » DES ANCIENNES PAGES (02/11/2026) ═══
   Même en-tête et même pied de page que les nouvelles pages, fond crème, titres Cormorant Garamond,
   accents bruns et dorés à la place des verts. Ajouté par Claude sur les carnets, l'oracle et la page Soutenir.
   Les styles propres à chaque page restent dessous ; ce fichier est chargé en dernier. */
:root{--or-creme:#FCF7EE;--or-encre:#2B2118;--or-brun:#6B4423;--or-texte:#4A3B2D;--or-doux:#6E5F50;--or-or:#C9A24B;--or-fonce:#A27A2C;--or-clair:#E9D39A;--or-bord:#E7D3A6;
  --h-entete:96px;
  /* variables des anciennes pages : les verts deviennent brun et or */
  --theme:#A27A2C!important;--theme-deep:#6B4423!important;--sage-dark:#6B4423!important;--sage:#A27A2C!important;--sage-profond:#4A3B2D!important;
  --foret:#4A3B2D!important;--foret-2:#6B4423!important;--rose:#6B4423!important;--encre:#2B2118!important;--txt:#4A3B2D!important;--texte:#4A3B2D!important;
  --muted:#6E5F50!important;--doux:#6E5F50!important;--serif:'Cormorant Garamond',Georgia,serif!important}
html body{background:var(--or-creme)!important;color:var(--or-texte);font-family:'Lato','Segoe UI',system-ui,sans-serif!important;padding-top:0!important}
html{overflow-x:clip}
html body::before,html body::after{background:none!important;filter:none!important}
.particle-field,.particles,.etoiles-fond{display:none!important}
h1,h2,h3,h4{font-family:'Cormorant Garamond',Georgia,serif!important;color:var(--or-encre)}
h1 em,h2 em,h3 em{color:var(--or-brun)!important}

/* ── En-tête ── */
/* pleine largeur même si la page a des marges sur le body (Oracle : padding 0 18px) ; neutralise les anciennes règles « header{…} » */
html body header.entete{display:block;width:100vw!important;max-width:none!important;margin:0 0 0 calc(50% - 50vw)!important;text-align:left!important;padding:0;align-self:stretch}
.entete{position:sticky;top:0;z-index:50;background:rgba(253,249,241,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(201,162,75,.22);box-shadow:0 10px 24px -22px rgba(122,82,48,.5);font-family:'Lato','Segoe UI',system-ui,sans-serif}
.entete.gouttiere{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.entete .dedans{display:flex;align-items:center;gap:28px;max-width:1120px;margin:0 auto;min-height:var(--h-entete);padding-block:8px}
.entete .marque{display:inline-flex;align-items:flex-end;text-decoration:none;color:var(--or-encre);position:relative;padding:12px 0 20px 24px;flex-shrink:0;background:none;border:0;box-shadow:none;font-size:inherit;letter-spacing:0;text-transform:none}
.entete .marque svg{position:absolute;left:0;top:0;width:78px;height:72px;color:var(--or-fonce);overflow:visible}
.entete .marque span{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:2.25rem;line-height:1;letter-spacing:-.005em;position:relative}
.entete .menu{flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(16px,2vw,28px);list-style:none;margin:0;padding:0}
.entete .menu li{list-style:none}
.entete .menu a{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.12rem;font-weight:500;text-decoration:none;color:var(--or-encre);white-space:nowrap;padding:8px 0;transition:color .2s}
.entete .menu a:hover,.entete .menu a[aria-current="page"]{color:var(--or-fonce)}
.entete .menu .seul-mobile{display:none}
.entete .btn-or{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 22px;border-radius:10px;text-decoration:none;font-family:'Lato',sans-serif;font-weight:700;font-size:.95rem;color:#6B4423;background:linear-gradient(180deg,#F7E9C4,#EDD49B);box-shadow:0 6px 16px -10px rgba(162,122,44,.6),inset 0 0 0 1px rgba(201,162,75,.45);white-space:nowrap}
.entete .btn-or:hover{background:linear-gradient(180deg,#F9EDCD,#EFD8A4)}
.entete .etoile{font-size:.9em;line-height:1}
.entete .burger{display:none;margin-left:auto;width:46px;height:46px;border:none;background:none;cursor:pointer;border-radius:10px;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:0}
.entete .burger span{display:block;width:24px;height:2px;background:var(--or-encre);border-radius:2px;transition:transform .3s,opacity .3s}
.entete.ouvert .burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.entete.ouvert .burger span:nth-child(2){opacity:0}
.entete.ouvert .burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
@media (max-width:1200px){.entete .dedans{gap:18px}.entete .marque span{font-size:1.95rem}.entete .menu{gap:clamp(10px,1.4vw,18px)}.entete .menu a{font-size:1.04rem}.entete .btn-or{padding:9px 16px;font-size:.88rem;gap:7px}}
@media (max-width:940px){
  .entete .menu{display:none}
  .entete .btn-or{margin-left:auto}
  .entete .burger{display:inline-flex;margin-left:0}
  .entete.ouvert .menu{display:flex;flex-direction:column;align-items:stretch;gap:0;position:absolute;left:0;right:0;top:100%;background:#FFFBF3;border-bottom:1px solid var(--or-bord);box-shadow:0 18px 30px -18px rgba(122,82,48,.45);padding:6px max(20px,env(safe-area-inset-right,0px)) 14px max(20px,env(safe-area-inset-left,0px))}
  .entete.ouvert .menu li{border-bottom:1px solid #F1E5CC;text-align:center}
  .entete.ouvert .menu li:last-child{border-bottom:none}
  .entete.ouvert .menu a{display:block;padding:14px 0;font-size:1.3rem}
  .entete .menu .seul-mobile{display:block}
}
@media (max-width:560px){
  :root{--h-entete:76px}
  .entete .dedans{gap:12px}
  .entete .marque{padding:8px 0 14px 18px}
  .entete .marque span{font-size:1.75rem}
  .entete .marque svg{width:60px;height:56px}
  .entete .btn-or{display:none}
  .entete .burger{margin-left:auto}
}

/* ── Pied de page ── */
html body footer.pied-or{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;align-self:stretch;text-align:center;background:#F6EBD6!important;border-top:1px solid var(--or-bord)!important;color:var(--or-doux)!important;font-size:.95rem;padding:0!important;margin-top:40px;font-family:'Lato',sans-serif}
footer.pied-or .dedans{padding:40px max(20px,env(safe-area-inset-right,0px)) 36px max(20px,env(safe-area-inset-left,0px));max-width:900px;margin:0 auto}
footer.pied-or .orn{color:var(--or-or);letter-spacing:.6em;font-size:13px;margin:0}
footer.pied-or .sig{font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic;font-size:1.45rem;color:var(--or-encre)!important;margin:10px 0 0}
footer.pied-or .liens{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:16px 0 0}
footer.pied-or a{color:var(--or-fonce)!important;text-decoration:none}
footer.pied-or a:hover{text-decoration:underline}
footer.pied-or .legal{margin:14px 0 0;font-size:.86rem;max-width:none;opacity:1}
footer.pied-or .note{margin:10px auto 0;font-size:.8rem;max-width:560px}

/* ── Boutons, pastilles, encadrés : or et brun au lieu du vert ── */
.bouton:not(.contour),.btn-print,.chip,.carte-btn,.btn{border-radius:10px!important}
.bouton:not(.contour){background:linear-gradient(180deg,#F7E9C4,#EDD49B)!important;color:#6B4423!important;border:0!important;box-shadow:0 6px 16px -10px rgba(162,122,44,.6),inset 0 0 0 1px rgba(201,162,75,.45)!important;font-family:'Lato',sans-serif!important;font-weight:700!important}
.chip.active,.filtre.active{background:linear-gradient(180deg,#F7E9C4,#EDD49B)!important;color:#6B4423!important;border-color:#D9BC78!important;box-shadow:inset 0 0 0 1px rgba(201,162,75,.5)!important}
.chip{color:#6B4423!important;background:#FFFDF8!important;border-color:#EAD6A6!important}
.back-link{color:var(--or-fonce)!important}

/* Carnets : sommaire d'un carnet */
.fiche{border-color:#EEDFBF!important;box-shadow:0 14px 28px -20px rgba(122,82,48,.5)!important}
.fiche-img{background:linear-gradient(135deg,#FBF3E2,#F4E6C9)!important}
.fiche h3{color:var(--or-encre)!important}
.fiche-go{color:var(--or-fonce)!important}
.tag{background:#FBF1DA!important;color:#6B4423!important;border-radius:7px!important}

/* Carnets : une fiche */
.fil{font-family:'Lato',sans-serif!important;color:var(--or-doux)!important}
.fil a{color:var(--or-fonce)!important}
.affiche{background:linear-gradient(180deg,#FFFDF9,#FBF3E4)!important;box-shadow:0 26px 50px -30px rgba(122,82,48,.45),0 0 0 1px rgba(201,162,75,.4)!important}
.affiche-img{background:linear-gradient(135deg,#FBF3E2,#F4E6C9)!important;color:var(--or-brun)!important}
.affiche-img .rub{background:rgba(255,253,248,.94)!important;color:#8A6524!important;border:1px solid rgba(201,162,75,.6)!important;border-radius:8px!important}
.panel h1,.fiche-harmonisee .panel h1{color:var(--or-encre)!important}
.panel h1 em,.fiche-harmonisee .panel h1 em{color:var(--or-brun)!important}
.panel .chapo,.fiche-harmonisee .panel .chapo,.panel .soustitre,.gift,.fiche-harmonisee .gift{font-family:'Cormorant Garamond',Georgia,serif!important;color:var(--or-brun)!important}
.panel .chapo,.fiche-harmonisee .panel .chapo{font-size:1.2rem!important}
.meta-band span{color:var(--or-brun)!important;border-color:#EAD6A6!important;border-radius:8px!important;background:#FFFDF8!important}
.card{border-left-color:var(--or-or)!important;border-color:#EEDFBF!important}
.card h2,.card h3,.card strong{color:var(--or-encre)!important}
.card .how,.suite{background:#FBF5E8!important;border-color:#EEDFBF!important}
.cle{background:#FBF1DA!important;border-left-color:var(--or-or)!important;color:var(--or-texte)!important}
.cle strong{color:var(--or-brun)!important}
.suite a{color:var(--or-brun)!important}
.btn-print{background:#FFFDF8!important;border:1.5px solid #EAD6A6!important;color:#6B4423!important;font-family:'Lato',sans-serif!important;font-weight:700!important}
html body .fiche-harmonisee .lh-comments button[type="submit"],html body .lh-comments button[type="submit"]{background:linear-gradient(180deg,#F7E9C4,#EDD49B)!important;color:#6B4423!important;border:0!important;border-radius:10px!important;font-family:'Lato',sans-serif!important;font-weight:700!important}
html body .fiche-harmonisee .lh-comments h3,html body .lh-comments h3{color:var(--or-encre)!important}

html body .fiche-harmonisee .lh-like button span,html body .lh-like button span{color:var(--or-brun)!important}
/* pied de page collé en bas (certaines pages avaient une marge basse sur le body) */
html body:has(> footer.pied-or){padding-bottom:0!important}

/* Oracle : un peu d'air sous l'en-tête, bouton de tirage en or doux (plus de pilule) */
.oracle-stage{padding-top:22px}
a[href="/soutenir.html"][style*="border-radius:22px"]{border-radius:10px!important;color:var(--or-brun)!important}
.go{border-radius:10px!important}
.btn-draw,.btn-again,.btn-retour{border-radius:10px!important}
.btn-draw{background:linear-gradient(180deg,#F7E9C4,#EDD49B)!important;color:#6B4423!important;box-shadow:0 8px 20px -10px rgba(162,122,44,.6),inset 0 0 0 1px rgba(201,162,75,.55)!important}

@media print{.entete,footer.pied-or .liens{display:none!important}html body footer.pied-or{background:none!important;border:0!important}}