/* =====================================================================
   V3.008 — PAGES LÉGALES, À PROPOS ET CENTRE DE CONFIANCE
   =====================================================================
   L'archétype de l'application V3 : même police (DM Sans), même fond
   gris-bleu, mêmes cartes blanches arrondies que l'accueil.
   - En-tête clair et fixe : retour rond, marque, nom de la page.
   - Titre sur le fond de la page, pas de bandeau sombre.
   - Le sommaire devient une rangée de pastilles qui défile et reste
     sous l'en-tête : on saute d'un article à l'autre sans remonter.
   - Chaque article est une carte ; son numéro, une petite pastille.
   - Le contact : trois lignes claires, une icône de couleur chacune.
   Remplace legal-v2058.css (les !important répondent à ceux des
   anciennes feuilles encore chargées par ces pages). */

html body.yfl{
  --l-fond:#eef3f7;--l-surface:#fff;--l-surface-2:#f5f8fb;--l-ligne:#e3eaf0;
  --l-encre:#0f2234;--l-forte:#071a2e;--l-doux:#56677a;--l-texte:#33475b;
  --l-marque:#2272b7;--l-marque-fond:#eaf4fb;--l-ombre:0 4px 18px rgba(15,35,52,.06);
  --l-police:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  background:var(--l-fond)!important;color:var(--l-encre)!important;
  font-family:var(--l-police)!important;-webkit-font-smoothing:antialiased
}
html[data-theme="nuit"] body.yfl{
  --l-fond:#06131f;--l-surface:#0d1f30;--l-surface-2:#112638;--l-ligne:rgba(255,255,255,.1);
  --l-encre:#eef4f9;--l-forte:#fff;--l-doux:rgba(238,244,249,.66);--l-texte:rgba(238,244,249,.84);
  --l-marque:#5fb4f2;--l-marque-fond:rgba(95,180,242,.12);--l-ombre:0 4px 18px rgba(0,0,0,.25)
}
html body.yfl :where(h1,h2,h3,h4,p,li,a,span,strong,b,small,th,td,button,nav,footer,summary,label){font-family:var(--l-police)!important;text-transform:none!important}

/* En-tête */
html body.yfl .yi-legal-topbar{display:none!important}
html body.yfl .yi-legal-header{display:block!important;position:sticky!important;top:0;z-index:50;padding:0!important;background:var(--l-fond)!important;border:0!important;box-shadow:none!important}
html body.yfl .yi-legal-nav{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px;max-width:760px;height:64px;margin:0 auto;padding:0 16px!important}
html body.yfl .yi-legal-back{order:-1;flex:none;display:grid!important;width:42px!important;height:42px!important;padding:0!important;border-radius:50%!important;border:1px solid var(--l-ligne)!important;background:var(--l-surface)!important;color:var(--l-encre)!important;display:grid!important;place-items:center;box-shadow:var(--l-ombre)!important;text-decoration:none}
html body.yfl .yi-legal-back::after{content:none!important}
html body.yfl .yi-legal-back span{display:none!important}
html body.yfl .yi-legal-back :is(i,svg){width:18px;height:18px;font-size:16px;color:inherit!important}
html body.yfl .yi-legal-brand{display:flex!important;align-items:center;gap:10px;min-width:0;color:var(--l-forte)!important;font:800 17px/1.15 var(--l-police)!important;text-decoration:none}
html body.yfl .yi-legal-brand-mark{flex:none;width:34px;height:34px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:#071a2e}
html body.yfl .yi-legal-brand-mark img{width:100%;height:100%;object-fit:cover}
html body.yfl .yi-legal-brand>span:last-child{display:flex;flex-direction:column;min-width:0}
html body.yfl .yi-legal-brand small{display:block;text-transform:none!important;letter-spacing:0!important;font:500 12.5px/1.2 var(--l-police)!important;color:var(--l-doux)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Titre */
html body.yfl .yi-legal-hero{padding:14px 16px 6px!important;margin:0!important;background:none!important;color:var(--l-encre)!important;text-align:left!important;min-height:0!important}
html body.yfl .yi-legal-hero::before,html body.yfl .yi-legal-hero::after,html body.yfl .yi-legal-hero-inner::before{display:none!important;content:none!important}
html body.yfl .yi-legal-hero-inner{max-width:728px;margin:0 auto;padding:0!important;text-align:left!important}
html body.yfl .yi-legal-kicker{display:none!important}
html body.yfl .yi-legal-hero h1{margin:0!important;font:800 30px/1.15 var(--l-police)!important;letter-spacing:-.02em;color:var(--l-forte)!important;text-align:left!important}
html body.yfl .yi-legal-hero p{margin:10px 0 0!important;max-width:60ch;font:400 15px/1.6 var(--l-police)!important;color:var(--l-doux)!important;text-align:left!important}
html body.yfl .yi-legal-meta{display:flex!important;flex-wrap:wrap;gap:6px;justify-content:flex-start!important;margin:14px 0 0!important}
html body.yfl .yi-legal-meta span{display:inline-flex;align-items:center;height:30px;padding:0 12px!important;border-radius:15px!important;border:1px solid var(--l-ligne)!important;background:var(--l-surface)!important;font:600 12.5px var(--l-police)!important;color:var(--l-doux)!important}
html body.yfl .yi-legal-meta :is(i,svg){display:none!important}

/* Mise en page */
html body.yfl .yi-legal-wrap{display:block!important;max-width:760px;margin:0 auto!important;padding:0 16px!important;background:none!important}
html body.yfl .yi-legal-content{display:block!important}

/* Sommaire : pastilles qui défilent, collées sous l'en-tête */
html body.yfl .yi-legal-toc{position:sticky!important;top:64px;z-index:40;margin:8px -16px 4px!important;padding:8px 0!important;border:0!important;border-radius:0!important;background:var(--l-fond)!important;box-shadow:none!important;counter-reset:yfl}
html body.yfl .yi-legal-toc h2{display:none!important}
html body.yfl .yi-legal-toc nav{display:flex!important;gap:8px;overflow-x:auto;padding:0 16px;scrollbar-width:none;scroll-padding-inline:16px}
html body.yfl .yi-legal-toc nav::-webkit-scrollbar{display:none}
html body.yfl .yi-legal-toc a{counter-increment:yfl;flex:none;display:inline-flex!important;align-items:center;gap:7px;height:38px;padding:0 14px!important;margin:0!important;border:1px solid var(--l-ligne)!important;border-radius:19px!important;background:var(--l-surface)!important;color:var(--l-encre)!important;font:600 13.5px var(--l-police)!important;white-space:nowrap;text-decoration:none}
html body.yfl .yi-legal-toc a::before{content:counter(yfl);font:700 12px var(--l-police);color:var(--l-marque)}
html body.yfl .yi-legal-toc a:hover{border-color:var(--l-marque)!important}

/* Articles */
html body.yfl .yi-legal-card{margin:12px 0 0!important;padding:22px 18px!important;border:1px solid var(--l-ligne)!important;border-radius:22px!important;background:var(--l-surface)!important;box-shadow:var(--l-ombre)!important;scroll-margin-top:124px}
html body.yfl .yi-legal-card h2{display:block!important;margin:0 0 10px!important;font:800 19px/1.3 var(--l-police)!important;letter-spacing:-.01em;color:var(--l-forte)!important}
html body.yfl .yi-legal-number{display:inline-flex!important;align-items:center;gap:4px;width:auto!important;height:24px!important;margin:0 0 10px!important;padding:0 10px!important;border:0!important;border-radius:12px!important;background:var(--l-marque-fond)!important;font:700 12px var(--l-police)!important;color:var(--l-marque)!important;vertical-align:middle}
html body.yfl .yi-legal-card h2 .yi-legal-number{display:flex!important;width:max-content!important}
html body.yfl.yfl-doc .yi-legal-number::before{content:"Article "}
html body.yfl .yi-legal-card :is(p,li){font:400 15px/1.7 var(--l-police)!important;color:var(--l-texte)!important;opacity:1}
html body.yfl .yi-legal-card p+p{margin-top:10px}
html body.yfl .yi-legal-card ul{padding-left:18px}
html body.yfl .yi-legal-card li+li{margin-top:4px}
html body.yfl .yi-legal-card :is(strong,b){color:var(--l-encre)!important;font-weight:700}
html body.yfl .yi-legal-card a{color:var(--l-marque)!important}
html body.yfl .yi-legal-card :is(i,svg){color:var(--l-marque)!important}
html body.yfl :is(.yi-legal-note,.yi-legal-grid>div,.yi-legal-card article,.yi-legal-card .yi-legal-doc,.yi-info-box){margin-top:12px;padding:14px 16px!important;border-radius:16px!important;border:0!important;background:var(--l-surface-2)!important;box-shadow:none!important;color:var(--l-encre)!important}
html body.yfl .yi-legal-grid{display:grid!important;gap:10px;margin-top:12px}
@media(min-width:700px){html body.yfl .yi-legal-grid{grid-template-columns:1fr 1fr}}

/* Tableaux : des lignes fines, le libellé au-dessus de la valeur */
html body.yfl .yi-legal-table,html body.yfl .yi-legal-table tbody{display:block!important;width:100%!important;margin:12px 0 0!important;border:0!important;border-spacing:0!important;background:none!important}
html body.yfl .yi-legal-table tr{display:flex!important;flex-direction:column!important;gap:2px!important;padding:12px 0!important;border-top:1px solid var(--l-ligne)!important;background:none!important}
html body.yfl .yi-legal-table :is(th,td){display:block!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;text-align:left!important}
html body.yfl .yi-legal-table th{font:600 12.5px var(--l-police)!important;color:var(--l-doux)!important;letter-spacing:0!important;text-transform:none!important}
html body.yfl .yi-legal-table td{font:500 15px/1.55 var(--l-police)!important;color:var(--l-encre)!important}
@media(min-width:700px){html body.yfl .yi-legal-table tr{flex-direction:row!important;gap:20px!important}html body.yfl .yi-legal-table th{flex:0 0 180px;padding-top:2px!important}}

/* Centre de confiance */
html body.yfl .yi-trust-grid{display:grid!important;gap:10px;margin-top:12px}
@media(min-width:700px){html body.yfl .yi-trust-grid{grid-template-columns:1fr 1fr}}
html body.yfl .yi-trust-card{padding:16px!important;border-radius:18px!important;border:1px solid var(--l-ligne)!important;background:var(--l-surface-2)!important;box-shadow:none!important;color:var(--l-encre)!important}
html body.yfl .yi-trust-card h3{margin:10px 0 4px!important;font:700 15.5px var(--l-police)!important;color:var(--l-forte)!important;-webkit-text-fill-color:currentColor!important}
html body.yfl .yi-trust-card p{font:400 14px/1.55 var(--l-police)!important;color:var(--l-doux)!important;-webkit-text-fill-color:currentColor!important}
html body.yfl .yi-trust-card>:is(i,svg){width:40px!important;height:40px!important;padding:10px;border-radius:12px!important;background:var(--l-marque-fond)!important;color:var(--l-marque)!important}

/* Le contact : trois lignes claires */
html body.yfl :is(.yi-legal-actions,.yf-support-actions){margin:18px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;display:grid!important;gap:8px}
html body.yfl .yf-support-action{display:flex!important;align-items:center;gap:14px;min-height:66px!important;padding:10px 14px!important;border-radius:18px!important;border:1px solid var(--l-ligne)!important;background:var(--l-surface)!important;box-shadow:none!important;color:var(--l-encre)!important;text-decoration:none!important}
html body.yfl .yf-support-action:first-child{background:var(--l-surface)!important;border-color:var(--l-ligne)!important;color:var(--l-encre)!important}
html body.yfl .yf-support-action:first-child *{color:inherit!important}
html body.yfl .yf-support-ico{flex:none;width:44px!important;height:44px!important;border-radius:14px!important;display:grid!important;place-items:center;box-shadow:none!important;font-size:19px}
html body.yfl .yf-support-ico :is(i,svg){width:20px;height:20px;color:inherit!important}
html body.yfl .yf-support-call .yf-support-ico{background:#071a2e!important;color:#fff!important}
html body.yfl .yf-support-call .yf-support-ico *{color:#fff!important}
html body.yfl .yf-support-wa .yf-support-ico{background:#e5f8ed!important;color:#128c4a!important}
html body.yfl .yf-support-wa .yf-support-ico *{color:#128c4a!important}
html body.yfl .yf-support-mail .yf-support-ico{background:var(--l-marque-fond)!important;color:var(--l-marque)!important}
html body.yfl .yf-support-mail .yf-support-ico *{color:var(--l-marque)!important}
html body.yfl .yf-support-text{flex:1;min-width:0;display:flex!important;flex-direction:column;gap:1px}
html body.yfl .yf-support-text b{font:700 15px/1.3 var(--l-police)!important;color:var(--l-forte)!important;-webkit-text-fill-color:currentColor!important}
html body.yfl .yf-support-text small{font:400 13px/1.35 var(--l-police)!important;color:var(--l-doux)!important;-webkit-text-fill-color:currentColor!important}
html body.yfl .yf-support-go{flex:none;width:16px;height:16px;color:var(--l-doux)!important}
html[data-theme="nuit"] body.yfl .yf-support-call .yf-support-ico{background:#eef4f9!important}
html[data-theme="nuit"] body.yfl .yf-support-call .yf-support-ico *{color:#071a2e!important}
html[data-theme="nuit"] body.yfl .yf-support-wa .yf-support-ico{background:rgba(95,214,156,.14)!important}
html[data-theme="nuit"] body.yfl .yf-support-wa .yf-support-ico *{color:#5fd69c!important}

/* Pied de page */
html body.yfl :is(.yi-legal-footer,footer){max-width:760px;margin:28px auto 0!important;padding:22px 16px calc(28px + env(safe-area-inset-bottom))!important;border-top:1px solid var(--l-ligne)!important;background:none!important;color:var(--l-doux)!important;font:400 13px var(--l-police)!important;text-align:center}
html body.yfl .yi-legal-footer nav{display:flex!important;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:14px}
html body.yfl .yi-legal-footer nav a{display:inline-flex;align-items:center;height:34px;padding:0 13px;border-radius:17px;border:1px solid var(--l-ligne);background:var(--l-surface);color:var(--l-encre)!important;font:600 13px var(--l-police)!important;text-decoration:none}

@media(min-width:900px){
  html body.yfl .yi-legal-hero{padding-top:28px!important}
  html body.yfl .yi-legal-hero h1{font-size:38px!important}
  html body.yfl .yi-legal-card{padding:28px 30px!important}
}

/* Le bandeau des cookies et la fenêtre des conditions, en nuit. */
html[data-theme="nuit"] body #yiCookieBanner{background:#0d1f30!important;border-color:rgba(255,255,255,.12)!important;color:#eef4f9!important}
html[data-theme="nuit"] body #yiCookieBanner :is(strong,p){color:#eef4f9!important}
html[data-theme="nuit"] body #yiCookieBanner p{opacity:.75}
html[data-theme="nuit"] body #yiCookieBanner a{color:#8fd3ff!important}
html[data-theme="nuit"] body #yiCookieBanner .yi-cookie-btn{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.14)!important;color:#eef4f9!important}
html[data-theme="nuit"] body #yiCookieBanner .yi-cookie-btn.primary{background:#eef4f9!important;border-color:#eef4f9!important;color:#071a2e!important}
html[data-theme="nuit"] body .yf-cgu-sheet{background:#0d1f30!important;color:#eef4f9!important}
html[data-theme="nuit"] body .yf-cgu-sheet :is(h2,h3,b,strong,p,li,label,span){color:inherit!important}