/* ==========================================================================
   maison-charte.css · Lot 2a · integration Hector d'apres la spec Babette · 11/10/2026
   Charte unique : jetons, en-tete, tiroir, fil d'Ariane, pied de page,
   premier ecran de l'accueil.
   Integration : jetons et base PORTES PAR LES COMPOSANTS (.m-*), pas par :root
   ni body, pour ne pas repeindre les pages claires (Acta, numeros, Maison,
   Methodus). L'adoption des jetons par le corps des pages = lot 2b.
   Polices auto-hebergees (OFL) : EB Garamond et Cormorant SC, aucune requete tierce.
   ========================================================================== */

/* ---------- 0. Polices ---------- */
@font-face{font-family:"Maison Capitales";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/maison/polices/cormorant-sc-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Maison Capitales";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/maison/polices/cormorant-sc-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Maison Capitales";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/maison/polices/cormorant-sc-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Maison Capitales";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/maison/polices/cormorant-sc-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Maison Garamond";font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/maison/polices/eb-garamond-droit-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Maison Garamond";font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/maison/polices/eb-garamond-droit-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Maison Garamond";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/maison/polices/eb-garamond-italique-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Maison Garamond";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/maison/polices/eb-garamond-italique-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}

/* ---------- 1. Jetons (portes par les composants) ---------- */
.m-entete,.m-ariane,.m-pied,.m-ouverture,.m-nav{
  --ebene:#1C1410; --ivoire:#F5EDD0; --ambre:#D4860A; --laiton:#846413; --cuivre:#AA4F18; --foret:#1A3028;
  --ivoire-doux:rgb(245 237 208 / .72); --ebene-doux:rgb(28 20 16 / .72); --filet:rgb(132 100 19 / .55);
  --serif:"Maison Garamond","EB Garamond",Garamond,Georgia,serif;
  --capitales:"Maison Capitales","Cormorant SC","Maison Garamond",Georgia,serif;
  --t-surtitre:12px; --t-petit:15px; --t-corps:17px; --t-chapo:18px; --t-nav:15px; --t-bouton:14px;
  --t-h3:21px; --t-h2:26px; --t-h1:28px; --gouttiere:16px; --colonne:680px; --large:1180px;
}
@media (min-width:960px){
  .m-entete,.m-ariane,.m-pied,.m-ouverture,.m-nav{--t-surtitre:13px; --t-petit:16px; --t-corps:19px; --t-chapo:21px;
    --t-nav:15px; --t-h3:24px; --t-h2:32px; --t-h1:40px; --gouttiere:32px;}
}

/* ---------- 2. Base (limitee aux composants) ---------- */
:is(.m-entete,.m-ariane,.m-pied,.m-ouverture) , :is(.m-entete,.m-ariane,.m-pied,.m-ouverture) *, :is(.m-entete,.m-ariane,.m-pied,.m-ouverture) *::before, :is(.m-entete,.m-ariane,.m-pied,.m-ouverture) *::after{box-sizing:border-box}
.m-entete,.m-ariane,.m-pied,.m-ouverture{font:400 var(--t-corps)/1.6 var(--serif);font-feature-settings:"kern","liga","onum";text-align:left;letter-spacing:normal;text-transform:none}
:is(.m-entete,.m-ariane,.m-pied,.m-ouverture) a{color:inherit}
:is(.m-entete,.m-ariane,.m-pied,.m-ouverture) .surtitre{font:600 var(--t-surtitre)/1.4 var(--capitales);letter-spacing:.2em;color:var(--ambre);margin:0}
.m-ouverture h1{font:600 var(--t-h1)/1.15 var(--capitales);letter-spacing:.14em;margin:0;color:var(--ivoire)}
:is(.m-entete,.m-ariane,.m-pied,.m-ouverture) .devise{font:italic 400 calc(var(--t-chapo) + 2px)/1.3 var(--serif);color:var(--ambre);margin:0}
:is(.m-entete,.m-ariane,.m-pied,.m-ouverture) :focus-visible{outline:2px solid var(--ambre);outline-offset:3px}
.m-ouverture{color:var(--ivoire)}

.m-evitement{position:absolute;left:8px;top:-60px;z-index:60;padding:10px 14px;background:#D4860A;color:#1C1410;
  font:600 14px/1.2 "Maison Garamond",Georgia,serif;text-decoration:none}
.m-evitement:focus{top:8px}
/* Anciens bandeaux remplaces par l'en-tete unique */
.registre-bar,.carnet-bar,.lang-toggle-wrapper,.lm-lang{display:none!important}
#expeditions{display:block;position:relative;top:-64px;height:0;overflow:hidden}

/* Impression : la fiche A4 et les pages imprimees restent sans en-tete ni pied */
@media print{.m-entete,.m-ariane,.m-pied,.m-evitement{display:none!important}}

/* ---------- 3. Boutons : angles droits, capitales espacées, français ---------- */
:is(.m-entete,.m-ouverture,.m-pied,.m-nav) .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:44px;
  padding:10px 22px;border:1px solid var(--ambre);border-radius:0;
  font:600 var(--t-bouton)/1.2 var(--capitales);letter-spacing:.16em;text-decoration:none;cursor:pointer}
:is(.m-entete,.m-ouverture,.m-pied,.m-nav) .btn--plein{background:var(--ambre);color:var(--ebene)}              /* 6,24:1 */
:is(.m-entete,.m-ouverture,.m-pied,.m-nav) .btn--plein:hover{background:#E0931C}
:is(.m-entete,.m-ouverture,.m-pied,.m-nav) .btn--trait{background:transparent;color:var(--ambre)}                /* 6,24:1 sur Ébène */
:is(.m-entete,.m-ouverture,.m-pied,.m-nav) .btn--trait:hover{background:rgb(212 134 10 / .1)}

/* ---------- 4. En-tête unique ---------- */
.m-entete{background:var(--ebene);color:var(--ivoire);border-bottom:1px solid var(--filet);position:sticky;top:0;z-index:50}
.m-entete__bande{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--gouttiere)}
.m-marque{display:flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;color:var(--ivoire);
  font:600 14px/1 var(--capitales);letter-spacing:.18em;white-space:nowrap}
.m-marque img{width:28px;height:28px;border-radius:50%;display:block}
.m-menu-btn{display:inline-flex;align-items:center;gap:10px;min-width:44px;min-height:44px;padding:0 12px;
  background:transparent;color:var(--ivoire);border:1px solid var(--laiton);border-radius:0;
  font:600 14px/1 var(--capitales);letter-spacing:.16em;cursor:pointer}
.m-menu-btn__trait{position:relative;width:16px;height:1px;background:currentColor}
.m-menu-btn__trait::before,.m-menu-btn__trait::after{content:"";position:absolute;left:0;width:16px;height:1px;background:currentColor}
.m-menu-btn__trait::before{top:-5px}.m-menu-btn__trait::after{top:5px}
.m-menu-btn[aria-expanded="true"] .m-menu-btn__trait{background:transparent}
.m-menu-btn[aria-expanded="true"] .m-menu-btn__trait::before{top:0;transform:rotate(45deg)}
.m-menu-btn[aria-expanded="true"] .m-menu-btn__trait::after{top:0;transform:rotate(-45deg)}
.m-entete .m-entete__appel{display:none}
.m-langue.m-entete__langue-haut{display:none}

/* Tiroir (téléphone et tablette) */
.m-nav{display:none}
.tiroir-ouvert .m-nav{display:flex;flex-direction:column;position:fixed;inset:57px 0 0 0;background:var(--ebene);
  overflow-y:auto;padding:8px 0 32px;z-index:49}
.tiroir-ouvert{overflow:hidden}
.m-nav ul{list-style:none;margin:0;padding:0}
.m-nav li{border-bottom:1px solid var(--filet)}
.m-nav a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 var(--gouttiere);
  text-decoration:none;color:var(--ivoire);font:500 17px/1.2 var(--capitales);letter-spacing:.1em}
.m-nav a small{font:italic 400 15px/1.2 var(--serif);letter-spacing:0;color:var(--ivoire-doux);text-align:right}
.m-nav a[aria-current="page"]{box-shadow:inset 2px 0 0 var(--ambre)}
.m-nav__pied{padding:24px var(--gouttiere) 0;display:flex;flex-direction:column;gap:18px;align-items:stretch}
.m-nav__pied .btn{width:100%;justify-content:center;min-height:48px;padding:10px 22px;color:var(--ebene);
  font:600 var(--t-bouton)/1.2 var(--capitales);letter-spacing:.16em}
.m-nav .m-langue a{min-height:44px;padding:12px 6px;font:500 15px/1 var(--capitales);letter-spacing:.14em;color:var(--ivoire-doux)}
.m-nav .m-langue a[aria-current="true"]{color:var(--ambre);font-weight:600}
.m-langue span{align-self:center}
.m-entete--statique{position:static}

/* Sélecteur de langue */
.m-langue{display:flex;justify-content:center;gap:.6em;font:500 14px/1 var(--capitales);letter-spacing:.14em;color:var(--ivoire-doux)}
.m-langue a{text-decoration:none;color:var(--ivoire-doux);padding:12px 4px;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}
.m-langue a[aria-current="true"]{color:var(--ambre);font-weight:600}

/* Bureau : bandeau titre + rangée de navigation */
@media (min-width:960px){
  .m-entete{position:static}
  .m-entete__bande{height:72px;display:grid;grid-template-columns:1fr auto 1fr;padding:0 var(--gouttiere)}
  .m-langue.m-entete__langue-haut{display:flex;justify-content:flex-start}
  .m-marque{font-size:19px;gap:14px;justify-self:center}
  .m-marque img{width:36px;height:36px}
  .m-menu-btn{display:none}
  .m-entete .m-entete__appel{display:inline-flex;justify-self:end;min-height:44px;padding:8px 16px;font-size:13px}
  .m-nav,.tiroir-ouvert .m-nav{display:block;position:static;padding:0;border-top:1px solid var(--filet);overflow:visible}
  .m-nav ul{display:flex;justify-content:center;gap:34px}
  .m-nav li{border:0}
  .m-nav a{min-height:48px;padding:0;font-size:var(--t-nav);letter-spacing:.1em;color:rgb(245 237 208 / .88);border-bottom:1px solid transparent}
  .m-nav a small,.m-nav__pied{display:none}
  .m-nav a:hover{color:var(--ivoire)}
  .m-nav a[aria-current="page"]{box-shadow:none;color:var(--ivoire);border-bottom-color:var(--ambre)}
}

/* Fil d'Ariane (toutes les pages sauf l'accueil) */
.m-ariane{padding:10px var(--gouttiere);border-bottom:1px solid rgb(132 100 19 / .25);background:var(--ebene)}
.m-ariane ol{list-style:none;margin:0 auto;padding:0;max-width:var(--large);display:flex;flex-wrap:wrap;gap:.35em .6em;
  font:500 13px/1.4 var(--capitales);letter-spacing:.12em;color:var(--ivoire-doux)}
.m-ariane li+li::before{content:"›";margin-right:.6em;color:var(--ambre)}
.m-ariane a{text-decoration:none;color:var(--ivoire-doux)}
.m-ariane [aria-current="page"]{color:var(--ivoire)}

/* ---------- 5. Pied de page unique ---------- */
.m-pied{background:var(--ebene);color:var(--ivoire);border-top:1px solid var(--filet);padding:48px var(--gouttiere) 28px}
.m-pied__grille{max-width:var(--large);margin:0 auto;display:grid;grid-template-columns:1fr;gap:32px}
@media (min-width:700px){.m-pied__grille{grid-template-columns:repeat(2,1fr)}}
@media (min-width:960px){.m-pied__grille{grid-template-columns:repeat(4,1fr)}}
.m-pied h2{font:600 var(--t-surtitre)/1.4 var(--capitales);letter-spacing:.2em;color:var(--ambre);margin:0 0 14px}
.m-pied ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.m-pied li a,.m-pied li button{display:inline-flex;align-items:center;min-height:36px;text-decoration:none;color:var(--ivoire);
  font:400 16px/1.3 var(--serif);background:none;border:0;padding:0;cursor:pointer}
.m-pied li a:hover{color:var(--ambre)}
.m-pied__bas{max-width:var(--large);margin:40px auto 0;padding-top:24px;border-top:1px solid var(--filet);
  display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between}
.m-pied__sceau{display:flex;align-items:center;gap:12px;font:600 14px/1 var(--capitales);letter-spacing:.18em}
.m-pied__sceau img{width:32px;height:32px;border-radius:50%}
.m-pied__devise{font:italic 400 16px/1.3 var(--serif);color:var(--ambre)}
.m-pied__droits{font-size:15px;color:var(--ivoire-doux)}

/* ---------- 6. Premier écran de l'accueil ---------- */
.m-ouverture{padding:12px var(--gouttiere) 28px;max-width:var(--large);margin:0 auto}
.m-ouverture__image{display:block;width:100%;height:200px;object-fit:cover;object-position:50% 50%}
.m-ouverture__texte{text-align:center;padding-top:16px}
.m-ouverture__texte .devise{margin-top:6px}
.m-ouverture__qui{font:400 var(--t-chapo)/1.5 var(--serif);margin:10px auto 0;max-width:34em}
.m-ouverture__actions{margin-top:16px;display:flex;flex-direction:column;gap:12px}
.m-ouverture__actions .btn{width:100%}
.m-decouvrir{margin-top:18px}
.m-decouvrir .surtitre{text-align:center;margin-bottom:10px}
.m-cartes{display:grid;grid-template-columns:1fr;gap:12px}
.m-carte{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border:1px solid var(--laiton);text-decoration:none;color:var(--ivoire);
  text-align:left;min-height:84px;transition:border-color .2s,background-color .2s}
.m-carte:hover{border-color:var(--ambre);background:rgb(212 134 10 / .06)}
.m-carte__nom{font:600 var(--t-surtitre)/1.4 var(--capitales);letter-spacing:.16em;color:var(--ambre)}
.m-carte__titre{font:500 19px/1.25 var(--serif)}
.m-carte__action{font:italic 400 16px/1.3 var(--serif);color:var(--ivoire-doux);margin-top:auto}
@media (min-width:600px){.m-cartes{grid-template-columns:1fr 1fr}}
@media (min-width:960px){
  .m-ouverture{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center;padding:40px var(--gouttiere) 56px}
  .m-ouverture__image{height:auto;aspect-ratio:1200/770}
  .m-ouverture__texte{text-align:left;padding-top:0}
  .m-ouverture__qui{margin-left:0}
  .m-ouverture__actions{flex-direction:row}
  .m-ouverture__actions .btn{width:auto}
  .m-decouvrir .surtitre{text-align:left}
}

.m-pied__bas p{margin:0}

/* ---------- 7. Lot 2b (11/10/2026) ---------- */
/* Pied de page : liens de 44 px de haut au minimum */
.m-pied li a,.m-pied li button{min-height:44px}
/* Sommaires des carnets : l'article prend la largeur de l'ecran (le feuilleteur s'y ajuste) */
.ct-article{width:100%;min-width:0}

/* ---------- 8. Lot 2b : jetons dans le corps des pages (Acta, La Maison, Registre, Expeditions, Bibliotheque, Carnet) ---------- */
/* Contraste du texte courant >= 4,5:1 : les teintes hors palette ou trop faibles prennent le jeton le plus proche.
   Pages claires : Laiton #846413, Cuivre #AA4F18 ou Ebene adoucie sur Ivoire (fond clair garde). Pages sombres : Ambre ou Ivoire adouci. */
span.acta-kicker,
#acta-optin-form div:not(.consent) > label > span,
.ct-section dt,
div.ct-separator,
#mesure-audience a,
p.registre-section-title,
p.registre-allocation-label,
.rgpd-notice a,
span.ct-kicker,
button.carnet-lang-btn:not([aria-pressed="true"]){color:#D4860A !important}
.lm-back span,
p.lm-header__eyebrow,
.lm-person__role span,
.lm-disclaimer span,
p.lm-footer__brand,
p.carnet-mention-permanente,
p.carnet-section-title,
p.carnet-entry-meta,
.carnet-entry-meta time,
p.carnet-entry-signature{color:#846413 !important}
.lm-header__subtitle span,
p.lm-footer__ornament{color:#AA4F18 !important}
.consent-label a,
.form-btn span{color:rgb(245 237 208 / .72) !important}
p.carnet-axes-title{color:rgb(28 20 16 / .72) !important}
/* Polices : deux familles. Cormorant Garamond et Petit Formal Script cedent la place a EB Garamond (auto-heberge) */
.lm-header__title,.lm-header__subtitle,.lm-frame__plate,.lm-person__name,.lm-disclaimer,
.lm-header__title span,.lm-header__subtitle span,.lm-frame__plate span,.lm-person__name span,.lm-disclaimer span{font-family:"Maison Garamond","EB Garamond",Garamond,Georgia,serif !important}
.fiche-expedition__texte span{font-family:"Maison Garamond","EB Garamond",Garamond,Georgia,serif !important;font-style:italic}
/* Fil d'Ariane interne des carnets : remplace par celui de l'en-tete commun */
.ct-breadcrumb{display:none !important}