/* ==========================================================================
   Parislimo v1.31 — Couche UX / accessibilité additive
   Chargée APRÈS site.css : aucune règle existante n'est supprimée.
   Les images, animations (.reveal, hover, dégradés) et layouts restent intacts.
   ========================================================================== */

/* 1. Ancres : les titres ciblés par le sommaire ne passent plus sous le header fixe */
html{scroll-padding-top:110px}
.prose h3{scroll-margin-top:110px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* 2. Focus clavier visible (WCAG 2.4.7) sans toucher au rendu souris */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid #d6ad5c;outline-offset:3px;border-radius:4px
}
.footer :where(a):focus-visible,.mag-hero :where(a,button,input):focus-visible{outline-color:#efd083}

/* 3. Lisibilité des articles : longueur de ligne et interlignage confortables */
.story-prose p,.story-prose li{max-width:72ch}
.story-prose ul,.story-prose ol{margin:0 0 1.2em}
.story-prose li{margin:.35em 0}
.story-prose strong{color:#0a1b2c}

/* 4. Tableaux éventuels dans les guides : défilement horizontal sur mobile */
.story-prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:1.4em 0;font-size:.95em}
.story-prose th,.story-prose td{border:1px solid #e6ddcf;padding:10px 12px;text-align:left;vertical-align:top}
.story-prose th{background:#faf6ef;color:#0a1b2c}

/* 5. Footer : tailles de texte lisibles sur mobile (≥ 12 px) et zones tactiles */
.global-site-footer a,.global-site-footer span{font-size:12px}
.global-site-footer .footer-brand p{font-size:12.5px}
.global-site-footer .footer-bottom a,.global-site-footer .footer-bottom span{font-size:11px}
.global-site-footer .site-credit{font-size:11px}

/* 6. Bloc « Nos partenaires » (piloté depuis l'admin) */
.footer-partners{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
.footer-partners h4{margin:0 0 10px}
.footer-partners ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px}
.footer-partners li{margin:0}
.global-site-footer .footer-partners a{
  display:inline-flex!important;align-items:center;margin:0;padding:6px 12px;min-height:32px;
  border:1px solid rgba(239,207,131,.22);border-radius:999px;color:#c9d1d8;font-size:12px;
  transition:color .2s ease,border-color .2s ease,background-color .2s ease
}
.global-site-footer .footer-partners a:hover{color:#f0d28f;border-color:rgba(239,207,131,.6);background:rgba(239,207,131,.06)}

@media (max-width:760px){
  /* Zones tactiles ≥ 40 px pour les liens du footer (recommandation mobile Google) */
  .global-site-footer .footer-grid a{padding:6px 0;margin:2px 0}
  .global-site-footer .socials a{width:40px;height:40px}
  .story-prose p,.story-prose li{max-width:none}
}

/* 7. Respect du réglage système « réduire les animations » */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}