/* Riad Jona — css/common.css : règles PARTAGÉES par toutes les pages (créé le 05/07/2026, audit P2-C9).
   Chargé AVANT css/page-*.css sur les 36 pages. Toute nouvelle règle commune va ici (1 seul fichier à éditer).
   NB : la déduplication des ~200 règles historiques dupliquées dans page-*.css est volontairement reportée
   (règles entrelacées, ordre de cascade non prouvable sans refonte). */

/* ===== readability-textwrap ===== */
/* Lisibilité : retours à la ligne plus propres — sans changer police, couleur ni alignement */
p, li, .dp-sub, .dayp-sub, .promo-sub, .intro p, blockquote { text-wrap: pretty; }
h1, h2, h3, h4, .section-title, .intro-title, .subtitle, .intro-subtitle { text-wrap: balance; }

/* ===== Skip-link — audit 05/07 (A1, WCAG 2.4.1) ===== */
.skip-link{position:absolute;left:-9999px;top:0;z-index:4000;background:#1a1613;color:#fff;padding:10px 18px;font-size:0.875rem;text-decoration:none}
.skip-link:focus{left:0}
#contenu:focus{outline:none}

/* ===== Sélecteur de langue : liens (P1) ===== */
.lang-switch{ position:relative; }
.lang-switch .lang-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  min-width:132px;
  background:#fff;
  border:1px solid #ececec;
  border-radius:10px;
  box-shadow:0 16px 34px rgba(0,0,0,0.16);
  padding:6px;
  display:none;
  flex-direction:column;
  z-index:1200 !important;
}
.lang-switch.open .lang-menu{ display:flex; }
.lang-switch .lang-menu a{
  display:block;
  background:none;
  border:none;
  text-align:left;
  padding:9px 14px;
  font-family:inherit;
  font-size:13px;
  color:#4a4640;
  cursor:pointer;
  border-radius:6px;
  letter-spacing:0.02em;
  line-height:1.25;
  white-space:nowrap;
  text-decoration:none;
  transition:background .2s,color .2s;
}
.lang-switch .lang-menu a:hover,
.lang-switch .lang-menu a:focus-visible{
  background:#faf8f4;
  color:var(--accent);
}
.lang-switch .lang-menu a[aria-current="true"],
html[lang^="fr"] .lang-switch .lang-menu a[data-lang="fr"],
html[lang^="en"] .lang-switch .lang-menu a[data-lang="en"],
html[lang^="it"] .lang-switch .lang-menu a[data-lang="it"],
html[lang^="es"] .lang-switch .lang-menu a[data-lang="es"]{
  color:var(--accent);
  font-weight:bold;
}
@media (max-width:1180px){ .lang-switch .lang-menu{ right:auto; left:0; } }