/*
  global.css — Serre-Chevalier Escalade FSE
  Uniquement ce que theme.json ne peut pas exprimer.
  Mobile first.
*/

/* ===========================
   VARIABLES LOCALES
=========================== */
:root {
  --sce-creme:       var(--wp--preset--color--creme,       #FCF9D9);
  --sce-noir:        var(--wp--preset--color--noir,        #1a1a1a);
  --sce-blanc:       var(--wp--preset--color--blanc,       #ffffff);
  --sce-vert-carte:  var(--wp--preset--color--vert-carte,  #c8d8c0);
  --sce-mauve-carte: var(--wp--preset--color--mauve-carte, #d8c8c8);
}

/* ===========================
   BASE
=========================== */
*, *::before, *::after { box-sizing: border-box; }
a { color: inherit; text-decoration: none; }

/* ===========================
   HEADER STICKY
=========================== */
.wp-block-template-part[data-area="header"] {
  position: sticky;
  top: 0;
  z-index: 100;
}

/* ===========================
   BOUTONS
=========================== */
.wp-element-button {
  border-radius: 0;
  letter-spacing: 0.02em;
  font-weight: 600;
  transition: background 0.2s, color 0.2s;
}

/* ===========================
   GALERIE HERO — grille 2×2 carrée
=========================== */
.wp-block-gallery.columns-2 .wp-block-image img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  width: 100%;
}

/* ===========================
   CARTES ACTIVITÉS
   Underline sur H3 dans les cartes
=========================== */
.wp-block-group[id="via-ferrata"] h3,
.wp-block-group[id="cours"] h3,
.wp-block-group article h3 {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ===========================
   UTILITAIRES
=========================== */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
}