/* ==============================================================
   layout.css — Structure & mise en page globale
   ==============================================================

   SOMMAIRE
   1) Header (sticky, z-index, ombres)
   2) Conteneurs globaux (site / blocs)
   3) Gestion du scroll (états dynamiques)
   4) Responsive — layout
   ============================================================== */


/* --------------------------------------------------------------
   1) HEADER — Sticky / superposition
-------------------------------------------------------------- */

/* Header sticky */
header.wp-block-template-part {
  position: sticky;
  top: 0;
  z-index: 9999;
}

/* Empêche les sauts d’image lors du scroll */
header.wp-block-template-part > .wp-block-group {
  background-attachment: scroll;
}


/* --------------------------------------------------------------
   2) HEADER — Ombres & hiérarchie visuelle
-------------------------------------------------------------- */

/* Ombre permanente (fallback) */
.wp-site-blocks > header.wp-block-template-part {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
}

/* Ombre conditionnelle au scroll (si body.scrolled est présent) */
:root:has(body.scrolled) header.wp-block-template-part {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
}


/* --------------------------------------------------------------
   3) CONTENEURS GLOBAUX
-------------------------------------------------------------- */
/* (Réservé pour :
   - largeurs max (1280 / 900)
   - alignfull / alignwide
   - wrappers globaux
) */


/* --------------------------------------------------------------
   4) RESPONSIVE — Layout mobile
-------------------------------------------------------------- */

@media (max-width: 768px) {

  /* Padding horizontal global
     (à compléter si besoin)
  */

}