/* Location Madden — utilitaires design (MASTER.md).
   Les tokens (couleurs, espacements, tailles) viennent de theme.json.
   Ici : la signature typographique + a11y que theme.json ne couvre pas. */

:root {
  --madden-r-sm: 2px;
  --madden-r-md: 4px;
}

/* Signature : titre condense italique (font-stretch variable) ------------- */
.madden-display,
.wp-block-heading.is-style-display {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-style: italic;
  font-stretch: 80%;
  line-height: 0.98;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}

/* Logo : condense encore plus serre */
.madden-logo {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 800;
  font-style: italic;
  font-stretch: 75%;
  text-transform: uppercase;
  letter-spacing: -0.01em;
}

/* Label : sur-titre espace ---------------------------------------------- */
.madden-label,
.is-style-label {
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-weight: 600;
  font-size: 0.72rem;
  color: var(--wp--preset--color--texte-muted);
}

/* Filets 1px de la grille categories (gap:1px sur fond bordure) ---------- */
.madden-grid-hairline {
  display: grid;
  gap: 1px;
  background: var(--wp--preset--color--bordure);
}
.madden-grid-hairline > * {
  background: var(--wp--preset--color--bg);
}

/* Accessibilite — plancher non negociable (MASTER.md §7) ---------------- */
:where(a, button, input, select, textarea, .wp-block-button__link):focus-visible {
  outline: 3px solid var(--wp--preset--color--action);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}