/* ═══ FICHES DES CARNETS — habillage commun (20/10/2026) ═══════════════════
   A. Toutes les fiches : l'en-tête du site (logo + menu), le fil d'Ariane
      « Les carnets › le carnet », le pied de page signé. Chaque fiche garde
      ses propres couleurs.
   B. Fiches « harmonisées » (<main class="fiche-page fiche-harmonisee">) :
      en plus, les couleurs du site — titres vert profond avec une touche
      dorée, pastilles et encadrés crème bordés d'or, cœurs et commentaires
      assortis. (20/10/2026 : les 4 nouvelles fiches Maison + le vide-tête.)
   Ordre de chargement sur une fiche :
     <style> de la fiche → fiches-carnets.css → nav-mobile.css → theme-therapeute.css
   ═══════════════════════════════════════════════════════════════════════════ */

/* ═══ A. TOUTES LES FICHES ═══ */
@media screen {

/* Mise en page : le menu prend toute la largeur, la fiche garde ses marges */
body{padding:0!important}
.fiche-page{padding:22px 18px 56px}

/* En-tête (même menu que la page des carnets ; nav-mobile.js + nav-mobile.css
   ajoutent le bouton ☰ sur téléphone, theme-therapeute.css les grandes tailles) */
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  min-height:84px;padding:10px clamp(22px,4vw,66px);gap:28px;background:rgba(255,252,247,.96);
  border-bottom:1px solid rgba(201,168,95,.46);box-shadow:0 5px 22px rgba(37,57,40,.06);flex-wrap:nowrap}
.nav ul{display:flex;gap:clamp(12px,1.55vw,23px);list-style:none;flex-wrap:wrap;justify-content:flex-end;align-items:center;margin:0;padding:0}
.nav li{list-style:none}
.nav ul a{position:relative;padding:10px 0;font-size:13.5px;color:#2B3D2E;text-decoration:none}
.nav ul a:hover{color:#A87825}
.nav ul a.active{color:#9A6C1D;font-weight:700}
.nav ul a.active::after{content:"✦";position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);color:#D1A74B;font-size:10px;line-height:1}
.nav .logo.logo-img{display:inline-flex;align-items:center;gap:11px;line-height:1;flex-shrink:0;text-decoration:none}
.nav .logo-img img{display:block;max-width:none}
.nav .logo-img .lh-coeur{height:62px;width:auto}
.nav .logo-img .lh-mot{height:46px;width:auto}
@media (max-width:820px){nav.nav{min-height:84px!important}.nav .logo-img .lh-coeur{height:58px}.nav .logo-img .lh-mot{height:43px}}
@media (max-width:380px){.nav .logo-img .lh-coeur{height:50px}.nav .logo-img .lh-mot{height:37px}}

/* Fil d'Ariane : Les carnets › le carnet de la fiche */
.fil{max-width:600px;margin:4px auto 18px;text-align:center;font-family:'Nunito Sans',system-ui,sans-serif;font-size:13px;color:#2C5140;letter-spacing:.01em}
.fil a{color:#9A6C1D;font-weight:700;text-decoration:none}
.fil a:hover{text-decoration:underline;text-underline-offset:3px}
.fil .sep{margin:0 8px;color:#C4A052}

/* Pied de page signé (nav-mobile.js lui donne ensuite le style commun du site) */
footer{text-align:center;padding:40px 24px 50px;color:#2C5140;background:#F9F5EC;border-top:1px solid rgba(201,168,95,.45)}
footer .sig{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:1.3rem;color:#1E3D2B;margin-bottom:6px}
footer .legal{font-size:12.5px;line-height:1.6;max-width:560px;margin:12px auto 0;opacity:.9}

} /* fin A écran */

/* Impression : la fiche seule (sans menu ni commentaires), la photo ne déborde plus sur le titre */
@media print {
  nav.nav,.fil,.lh-like,.lh-comments{display:none!important}
  .fiche-page{padding:0}
  .affiche-img{height:70mm!important;max-height:none!important;padding:0!important;overflow:hidden!important}
  .affiche-img img{height:100%!important;object-fit:cover}
  html body footer,html body footer.lh-sanctuary-footer{background:none!important;border:0!important;padding:10px 0 0!important;text-align:center}
  html body footer::before,html body footer .sig,html body footer p:not(.legal){display:none!important}
  html body footer .legal{font-size:9pt;margin:0 auto}
}


/* ═══ B. FICHES HARMONISÉES (couleurs du site) ═══ */

/* Couleurs et typographie : écran + impression */
.fiche-harmonisee{color:#2A3B2F}
.fiche-harmonisee .panel h1{color:#1E3D2B;font-size:clamp(30px,6.6vw,40px);line-height:1.14;text-wrap:balance;margin-bottom:0}
.fiche-harmonisee .panel h1 em{font-style:italic;color:#B07F2A}
.fiche-harmonisee .panel h1::after{content:"";display:block;width:54px;height:2px;margin:16px auto 0;border-radius:2px;background:#C9A85F;opacity:.8}
.fiche-harmonisee .panel .chapo{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:17px;line-height:1.65;
  color:#2C5140;max-width:450px;margin:16px auto 20px;text-wrap:balance}
.fiche-harmonisee .meta-band span{color:#1E3D2B}
.fiche-harmonisee .card h2,.fiche-harmonisee .card h3{color:#1E3D2B;font-size:21px;line-height:1.3;margin-bottom:8px}
.fiche-harmonisee .card p,.fiche-harmonisee .card ul{font-size:15px;line-height:1.72}
.fiche-harmonisee .card strong,.fiche-harmonisee .cle,.fiche-harmonisee .cle strong{color:#1E3D2B}
.fiche-harmonisee .card p,.fiche-harmonisee .card li,.fiche-harmonisee .card .how,.fiche-harmonisee .cle{text-wrap:pretty}  /* pas de mot ou d'emoji seul en fin de paragraphe */
.fiche-harmonisee .prudence{color:#7A5A1F}
.fiche-harmonisee .suite a{color:#1E3D2B;font-weight:700}
.fiche-harmonisee .gift{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:15.5px;color:#2C5140;margin-top:20px}
.fiche-harmonisee .affiche-img .rub{color:#8E6A25;font-style:normal;font-size:11px;letter-spacing:.15em}

@media screen {
.fiche-harmonisee .affiche{max-width:600px;border-radius:24px;background:linear-gradient(180deg,#FFFDF8,#FBF6EC);
  box-shadow:0 22px 50px rgba(30,61,43,.13),0 8px 20px rgba(120,90,40,.09),0 0 0 1px rgba(201,168,95,.45)}
.fiche-harmonisee .affiche-img{padding:0;background:linear-gradient(135deg,#F4EEDF,#E8EEE2);color:#2C5140}
.fiche-harmonisee .affiche-img .rub{top:16px;background:rgba(255,251,244,.94);border:1px solid rgba(201,168,95,.7);
  padding:6px 16px;box-shadow:0 6px 16px rgba(30,61,43,.18)}
.fiche-harmonisee .panel{padding:30px 26px 32px}
.fiche-harmonisee .meta-band{gap:8px;margin-bottom:22px}
.fiche-harmonisee .meta-band span{background:rgba(255,251,244,.95);border:1px solid rgba(201,168,95,.65);
  font-size:12.5px;padding:5px 14px;border-radius:30px;box-shadow:0 4px 12px rgba(120,80,60,.08)}
.fiche-harmonisee .card{background:#fff;border:1px solid #EBE1CC;border-left:4px solid #C4A052;border-radius:14px;
  padding:18px 20px;margin:14px 0;box-shadow:0 6px 18px rgba(120,90,40,.05)}
.fiche-harmonisee .card .how{background:#F9F5EC;border:1px solid #EFE4CB;border-radius:11px;padding:11px 15px;font-size:14.5px;line-height:1.68}
.fiche-harmonisee .cle{background:#E8EEE2;border-left:4px solid #2C5140;border-radius:14px;padding:15px 19px;font-size:15px;line-height:1.7}
.fiche-harmonisee .prudence{background:#FBF5EA;border:1px solid #EBE1CC}
.fiche-harmonisee .suite{background:#F9F5EC;border:1px dashed rgba(196,160,82,.75);border-radius:14px;padding:14px 18px;font-size:14.5px;line-height:1.95}
.fiche-harmonisee .suite a{text-decoration:underline;text-decoration-color:rgba(196,160,82,.75);text-underline-offset:3px}
.fiche-harmonisee .suite a:hover{color:#9A6C1D}
.fiche-harmonisee .btn-print{margin:24px auto 0;padding:12px 26px;border-radius:40px;background:rgba(255,253,247,.94);
  border:1.5px solid #C4A052;color:#1E3D2B;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:15px;
  line-height:1.4;text-wrap:balance;box-shadow:0 6px 16px rgba(30,61,43,.10)}
.fiche-harmonisee .btn-print:hover{background:#F9F5EC}

/* Les cœurs et les commentaires (ajoutés par likes.js / comments.js) prennent les couleurs du site */
.fiche-harmonisee .lh-like > div{border-color:rgba(201,168,95,.6)!important;background:rgba(255,253,247,.95)!important}
.fiche-harmonisee .lh-like button span{color:#1E3D2B!important}
.fiche-harmonisee .lh-like > div > span{color:#8E6A25!important;background:rgba(201,168,95,.16)!important}
.fiche-harmonisee .lh-comments > section{max-width:600px!important;background:rgba(255,253,247,.94)!important;
  border-color:rgba(201,168,95,.45)!important;box-shadow:0 10px 28px rgba(30,61,43,.08)!important}
.fiche-harmonisee .lh-comments h3{color:#1E3D2B!important}
.fiche-harmonisee .lh-comments h3 + p{color:#8E6A25!important}
.fiche-harmonisee .lh-comments input,.fiche-harmonisee .lh-comments textarea{border-color:rgba(201,168,95,.55)!important}
.fiche-harmonisee .lh-comments button[type="submit"]{background:#1E3D2B!important;color:#FFF8E6!important;border:1.5px solid #C4A052!important;
  box-shadow:0 8px 18px rgba(30,61,43,.22)!important;font-family:'Playfair Display',Georgia,serif!important;font-weight:400!important;font-size:15px!important}
}
@media screen and (max-width:560px){.fiche-harmonisee .panel h1 em{display:block}}  /* sur téléphone, la partie dorée du titre passe sur sa propre ligne */

@media print {
  .fiche-harmonisee .affiche-img .rub{background:#fff;border:1px solid #cbbba0}
  .fiche-harmonisee .cle,.fiche-harmonisee .suite,.fiche-harmonisee .gift{break-inside:avoid}
}