/*
 Theme Name:   Extendable Child
 Theme URI:    http://www.les-darons.fr
 Description:  Thème enfant de Mon Thème
 Author:       Loïc TEZENAS
 Author URI:   http://www.xy-music.fr
 Template:     extendable
 Version:      1.0.0
*/



/* ===============================
   Reset des espaces automatiques WP
   sur la page d'accueil
   =============================== */
body.home .wp-site-blocks {
  /* On neutralise les variables d'espacement */
  --wp--custom--spacing--large: 0 !important;
  --wp--custom--spacing--medium: 0 !important;
  --wp--custom--spacing--small: 0 !important;
  --wp--custom--spacing--x-small: 0 !important;

  /* Et on force les paddings/marges classiques */
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Optionnel : un petit "air" au-dessus et en dessous */
body.home .wp-site-blocks.with-padding {
  --wp--custom--spacing--large: 1rem !important;
  --wp--custom--spacing--medium: 1rem !important;
  --wp--custom--spacing--small: 0.5rem !important;
}


/* ---------------------------
   Vidéo Hero
---------------------------- */
.hero-video {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #fff; /* fond blanc pour masquer bandes noires */
}

.hero-video video {
    display: block;
    width: 100% !important;
    height: auto !important;
    object-fit: contain;
}


/* ---------------------------
   Header Sticky + Scroll (en fondu)
---------------------------- */
/* Header: invisible au chargement, apparait en fondu au scroll */
header.wp-block-template-part {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  background: #fff;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.45s ease, box-shadow 0.3s ease;
}

/* Visible après scroll */
header.wp-block-template-part.scrolled {
  opacity: 1;
  pointer-events: auto;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

/* (Tes autres règles existantes restent identiques) */
.logo-responsive img { max-width:100%; height:auto; }
.hero-video { width:100%; overflow:hidden; background:#fff; }
.hero-video video { display:block; width:100% !important; height:auto !important; object-fit:contain; }