/**
 * Pied de page des Épavistes + barre d'appel mobile.
 *
 * Maquette validée par Akim le 11/09/2026 : output/maquettes-validees/05-pied-de-page.html
 * (md5 7503c473b270185160344e6dc6bdd758). Un seul balisage pour les deux largeurs : mobile
 * d'abord, bureau en @media (min-width:981px) — rupture Divi. La maquette juxtaposait
 * .lep-pied--bureau / .lep-pied--mobile posées par un script de démonstration : sur le site,
 * ce script n'existe pas, la rupture se fait ici, en CSS pur.
 */
/* Local à ce composant (contrôle DA ticket 36, 11/09/2026) : les enveloppes Divi du modèle footer-2
   (section, rangée, colonne, module Code) n'ont plus de rôle visuel. Sans boîte, elles ne bornent plus
   le pied de page (bande pleine largeur, règle nº6) et ne confinent plus la barre d'appel : son
   position:sticky s'appuie alors sur le conteneur de la page entière, comme dans la maquette. */
.et-l--footer,.et-l--footer>.et_builder_inner_content,.et-l--footer .et_pb_section,.et-l--footer .et_pb_row,
.et-l--footer .et_pb_column,.et-l--footer .et_pb_code,.et-l--footer .et_pb_code_inner{display:contents}
/* hérités du corps de page Divi (18 px, graisse 500, interligne 1,7) : on rend ceux du document de la maquette */
.lep-pied,.lep-barre{font-size:16px;font-weight:400;line-height:normal;letter-spacing:normal;text-align:left;-webkit-font-smoothing:antialiased}
.lep-pied{color:#fff;font-family:"Plus Jakarta Sans",Helvetica,Arial,sans-serif;background-color:#001C47;
  background-image:linear-gradient(180deg,rgba(13,87,203,.24) 0,rgba(0,28,71,0) 380px),
                   repeating-linear-gradient(135deg,rgba(255,255,255,.022) 0 1px,transparent 1px 7px)}
/* Ticket 48 (11/09/2026) : la planche 05 déclare Outfit en 100-900 et Plus Jakarta Sans en 200-800 ; le site déclare
   des graisses fixes (400/700), et une demande de 600 ou 800 y tombe sur la face 700 (intitulés de plis 1,8 px plus
   larges à 1366 sur les pages non refondues). Mêmes fichiers, déclarés en variable, zéro octet en plus. */
@font-face{font-family:"LEP Outfit";font-weight:100 900;font-display:swap;src:url(polices/fonts/outfit-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2190-2193}
@font-face{font-family:"LEP Outfit";font-weight:100 900;font-display:swap;src:url(polices/fonts/outfit-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:"LEP Jakarta";font-weight:200 800;font-display:swap;src:url(polices/fonts/plus-jakarta-sans-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2190-2193}
@font-face{font-family:"LEP Jakarta";font-weight:200 800;font-display:swap;src:url(polices/fonts/plus-jakarta-sans-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF}
.lep-pied a{color:inherit}
.lep-pied p{padding:0}
.lep-pied .lep-sur{display:block;margin:0 0 6px;font-family:"Outfit",Helvetica,Arial,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#F4C709}
.lep-pied__logo{display:inline-flex;align-items:center;min-height:44px;margin:0 0 20px}
.lep-pied__logo img{display:block;width:170px;height:auto}
.lep-pied__gratuit{margin:0 0 14px;font-family:"Outfit",Helvetica,Arial,sans-serif;font-weight:700;line-height:1;letter-spacing:-.02em;font-size:38px}
.lep-pied__promesse{margin:0;font-size:15px;line-height:1.6;color:#DCE5F2}
.lep-pied__tel{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:"Outfit",Helvetica,Arial,sans-serif;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;min-height:48px;font-size:22px;color:#fff}
.lep-pied__tel svg{flex:none;width:20px;height:20px;color:#F4C709}
.lep-pied__tel:focus-visible{outline:2px solid #fff;outline-offset:3px}
.lep-pied__horaires{margin:4px 0 0;font-size:15px;line-height:1.5;color:#DCE5F2}
.lep-pied__horaires b{display:inline;margin-right:6px;font-weight:700;color:#fff}
.lep-pied__adresse{margin:0 0 6px;font-size:15px;line-height:1.55;color:#DCE5F2}
.lep-pied__carte{display:inline-flex;align-items:center;min-height:44px;color:#DCE5F2;text-underline-offset:3px}
/* blanc : dans la maquette, le Siret est un lien et hérite du blanc de .lep-pied a */
.lep-pied__siret{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#fff}
.lep-pied__carte:focus-visible,.lep-pied__logo:focus-visible{outline:2px solid #F4C709;outline-offset:2px}
/* Pages refondues (gabarits ville et département, maquette refonte/12-gabarit-ville-v3.html, commun-v3.css l. 385-386) :
   survol = soulignement jaune ; focus = anneau jaune qui suit les lignes du texte, comme le lien en ligne du dessin.
   Local à ces gabarits : la planche 05 (pages non refondues) ne dessine ni l'un ni l'autre. DA ticket 48, 11/09/2026. */
.lep-refonte-ville .lep-pied__carte:hover,.lep-refonte-departement .lep-pied__carte:hover{text-decoration-color:#F4C709}
.lep-refonte-ville .lep-pied__carte:focus-visible,.lep-refonte-departement .lep-pied__carte:focus-visible{outline:none}
.lep-refonte-ville .lep-pied__carte:focus-visible .lep-pied__lien,.lep-refonte-departement .lep-pied__carte:focus-visible .lep-pied__lien{outline:2px solid #F4C709;outline-offset:2px}
.lep-pied__agrement{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;padding:0 16px 0 14px;
  border:1px solid rgba(255,255,255,.42);border-left:3px solid #F4C709;border-radius:3px;
  font-family:"Outfit",Helvetica,Arial,sans-serif;font-size:14.5px;font-weight:700;letter-spacing:.01em}

/* les groupes de liens : <details> natif, repliable sans script en mobile, toujours ouvert en bureau */
.lep-pied .lep-pli>summary{list-style:none;display:flex;align-items:center;gap:10px;font-family:"LEP Outfit","Outfit",Helvetica,Arial,sans-serif;font-weight:600;color:#fff}
.lep-pied .lep-pli>summary::-webkit-details-marker{display:none}
.lep-pied .lep-pli>summary::before{content:"";flex:none;width:12px;height:3px;background:#F4C709}
.lep-pli__nb{display:inline-grid;place-items:center;min-width:26px;height:21px;padding:0 5px;border-radius:2px;margin-left:auto;
  background:#0D57CB;font-family:"Outfit",Helvetica,Arial,sans-serif;font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums}
.lep-pli__chevron{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.09);transition:transform .2s ease}
.lep-pli__chevron svg{width:14px;height:14px}
.lep-pied .lep-pli[open] .lep-pli__chevron{transform:rotate(180deg);background:#F4C709;color:#001C47}
.lep-pied .lep-pli>summary:focus-visible{outline:2px solid #F4C709;outline-offset:2px}
.lep-pied .lep-liste{list-style:none;margin:0!important;padding:0!important;line-height:normal}
.lep-pied .lep-liste>li{margin:0;padding:0;line-height:normal}
.lep-lien{display:flex;align-items:center;min-height:44px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.09);
  font-size:15px;line-height:1.35;color:#DCE5F2;text-decoration:none}
.lep-lien:hover{color:#fff;text-decoration:underline;text-decoration-color:#F4C709;text-underline-offset:4px}
.lep-lien:focus-visible{outline:2px solid #F4C709;outline-offset:1px}
.lep-pied__bas{display:flex;align-items:center;justify-content:center;min-height:64px;border-top:1px solid rgba(255,255,255,.14);font-size:13.5px;color:#AFC0D8}
.lep-pied__bas p{margin:0}

/* ---------- MOBILE (par défaut) ---------- */
.lep-pied__cadre{display:flex;flex-direction:column;padding:0 20px}
.lep-pied__marque{padding:30px 0 22px}
.lep-pied__rdv{padding:0 0 22px}
.lep-pied__plis{order:3;margin:0 -20px;border-bottom:1px solid rgba(255,255,255,.14)}
.lep-pli{border-top:1px solid rgba(255,255,255,.14)}
.lep-pied .lep-pli>summary{min-height:56px;padding:0 16px 0 20px;font-size:18px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.lep-pied .lep-pli>summary:active{background:rgba(255,255,255,.05)}
.lep-pli__corps{padding:0 20px 14px}
.lep-pied__contacts{order:4;padding:26px 0 26px}
.lep-pied__bas{order:5;margin:0 -20px}

/* ---------- BUREAU (≥ 981 px sur le site) ---------- */
@media (min-width:981px){
  .lep-pied__cadre{width:1170px;margin:0 auto;display:grid;grid-template-columns:470px 300px 1fr;column-gap:50px;padding:0}
  .lep-pied__marque{grid-column:1;grid-row:1;padding:52px 0 44px}
  .lep-pied__rdv{grid-column:2;grid-row:1;padding:116px 0 44px}
  .lep-pied__contacts{grid-column:3;grid-row:1;padding:116px 0 44px;order:initial}
  .lep-pied__gratuit{font-size:46px}
  .lep-pied .lep-pied__tel{min-height:64px;padding:0 18px 0 14px;border-radius:4px;background:#F4C709;color:#001C47;font-size:29px}
  .lep-pied__tel svg{width:24px;height:24px;color:#001C47}
  .lep-pied__tel:hover{box-shadow:0 12px 24px -14px rgba(244,199,9,.9)}
  .lep-pied__plis{order:initial;grid-column:1 / 4;grid-row:2;display:grid;grid-template-columns:620px 290px 1fr;column-gap:40px;
    padding:38px 0 40px;border-top:1px solid rgba(255,255,255,.14);border-bottom:0;margin:0}
  .lep-pli{border-top:0}
  .lep-pied .lep-pli>summary{font-size:17px;min-height:34px;margin:0 0 6px;padding:0;pointer-events:none;cursor:default}
  .lep-pli__nb,.lep-pli__chevron{display:none}
  .lep-pli__corps{padding:0}
  /* toujours ouvert en bureau, sans script : le contenu d'un <details> fermé vit dans ::details-content */
  .lep-pied .lep-pli::details-content{content-visibility:visible;display:contents}
  .lep-pied__horaires{margin-top:14px}
  .lep-pied__horaires b{display:block;margin-right:0}
  .lep-liste--secteurs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(9,auto);grid-auto-flow:column;column-gap:28px}
  .lep-lien{white-space:nowrap;font-size:14.5px}
  .lep-liste--guides .lep-lien{white-space:normal}
  .lep-pied__bas{grid-column:1 / 4;grid-row:3;order:initial;justify-content:space-between;margin:0}
}
@media (prefers-reduced-motion:reduce){.lep-pli__chevron{transition:none}}

/* ===================== la barre d'appel mobile, amarrée en tête du pied de page ===================== */
.lep-barre{position:sticky;bottom:0;z-index:9000;display:grid;grid-template-columns:112px minmax(0,1fr);min-height:64px;color:#0B1526;
  background-color:#001C47;
  background-image:linear-gradient(180deg,rgba(13,87,203,.30) 0,rgba(0,28,71,0) 70%),
                   repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 1px,transparent 1px 7px);
  box-shadow:0 -14px 28px -18px rgba(0,28,71,.6)}
.lep-barre__ecrire{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;color:#fff;text-decoration:none;font-size:13px;font-weight:700}
.lep-barre__ecrire svg{width:21px;height:21px}
.lep-barre__appel{display:flex;align-items:center;gap:11px;min-height:64px;padding:0 12px 0 30px;background:#F4C709;color:#001C47;text-decoration:none;clip-path:polygon(16px 0,100% 0,100% 100%,0 100%)}
.lep-barre__rond{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#001C47;color:#F4C709}
.lep-barre__rond svg{width:18px;height:18px}
.lep-barre__txt{display:flex;flex-direction:column;line-height:1.05}
.lep-barre__sur{font-family:"LEP Jakarta","Plus Jakarta Sans",Helvetica,Arial,sans-serif;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.lep-barre__num{font-family:"Outfit",Helvetica,Arial,sans-serif;font-size:23px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (min-width:981px){.lep-barre{display:none}}