/* ==================================================================
   Ruban Pro — socle
   ------------------------------------------------------------------
   Ce que WordPress attend de tout thème (texte réservé aux lecteurs
   d'écran, lien d'évitement, alignements, légendes), plus une remise à
   zéro volontairement courte : maison.css habille tout le reste.
   ================================================================== */

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: 110px; }
@media (max-width: 1180px) { html { scroll-padding-top: 20px; } }

/* Spécificité nulle (:where) : ces valeurs ne doivent jamais l'emporter
   sur une règle de maison.css. */
:where(.m-page) main { display: block; }
/* Les images de WordPress portent width et height : la hauteur suit la
   largeur, sauf là où maison.css en décide autrement. */
:where(.m-page) img { max-width: 100%; height: auto; }
:where(.m-page) :where(button, input, select, textarea) { font-family: inherit; }
/* Sans script, les panneaux masqués (onglets, volets du menu) restent lisibles. */
.js .m-page [hidden], .m-pastille[hidden] { display: none !important; }

/* Texte lu par les lecteurs d'écran, invisible à l'œil. */
.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.screen-reader-text:focus { clip-path: none; }

/* Lien d'évitement : visible dès qu'il reçoit le focus clavier. */
.m-eviter {
  position: absolute;
  left: 12px;
  top: -80px;
  z-index: 100;
  padding: .8rem 1.2rem;
  border-radius: 7px;
  background: var(--m-noir, #131313);
  color: #fff !important;
  font: 500 14px/1 var(--m-sans, sans-serif);
  text-decoration: none;
}
.m-eviter:focus { top: 12px; }

/* Classes produites par l'éditeur. */
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block; margin-inline: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text, .gallery-caption { font-size: 12.5px; color: var(--m-gris, #6f6a63); }
.sticky, .bypostauthor { /* Classes requises, sans style propre. */ }
.has-text-align-center { text-align: center; }
.has-text-align-right { text-align: right; }