/* Sticky blocs sur desktop */
.is-position-sticky {
    top: 100px;   /* hauteur header PC */
    z-index: 1000;
}

/* Sticky blocs sur mobile */
@media (max-width: 768px) {
    .is-position-sticky {
        top: 110px; /* hauteur header mobile */
    }
}

/* Header fixe en haut avec fond 100% transparent */
.gapless-group {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    box-sizing: border-box;
    z-index: 9999;
    transition: background-color 0.3s ease, color 0.25s ease, box-shadow 0.25s ease;
    /* variables pour faciliter le switch */
    --header-bg: transparent;
    --link-color: inherit;
    background-color: var(--header-bg);
}

/* état après scroll — fond gris et liens blancs */
.gapless-group.scrolled {
    --header-bg: #D3D3D3;  /* couleur de fond grise */
    --link-color: #fff;     /* couleur des liens */
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}

/* liens / textes du header suivent la variable */
.gapless-group a,
.gapless-group .menu-item {
    color: var(--link-color);
    transition: color 0.25s ease;
}

/* Cacher le titre uniquement sur les pages */
body.page .wp-block-post-title,
body.page .wp-block-page-title {
    display: none;
}


/* Contenu collé au top de la page */
.wp-site-blocks {
	margin-top: -30px !important;
	padding-top: 0 !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
	.gapless-group {
		width: 100vw;
	/* largeur exacte de l'écran */
	}
}

.alg_back_button_input {
    font-size: 20px !important;               /* Taille du texte */
    height: 50px !important;                  /* Hauteur du bouton */
    width: auto !important;                   /* Largeur automatique selon le texte */
    padding: 0 25px !important;               /* Padding horizontal */
    background-color: #0693e3 !important;     /* Bleu souhaité */
    color: white !important;                  /* Texte blanc */
    border: none !important;                  /* Pas de bordure */
    border-radius: 8px !important;            /* Coins arrondis */
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    cursor: pointer;
    position: fixed !important;               /* Flottant */
    bottom: 20px !important;                  /* Position verticale */
    left: 20px !important;                    /* Position horizontale à gauche */
    z-index: 999 !important;
}

/* Optionnel : réduire légèrement la taille sur mobile */
@media screen and (max-width: 768px) {
    .alg_back_button_input {
        font-size: 16px !important;
        height: 45px !important;
        padding: 0 20px !important;
        bottom: 15px !important;
        left: 15px !important;
    }
}


/* Corrige l'affichage des blocs en grande largeur sur mobile */
@media (max-width: 768px) {
  .alignwide {
    max-width: 90% !important;   /* garde des marges */
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 768px) {
  .wp-block-navigation__responsive-container-open {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    text-align: center !important;
  }
}

/* Masquer les flèches du diaporama */
.wp-block-jetpack-slideshow .swiper-button-prev,
.wp-block-jetpack-slideshow .swiper-button-next {
  display: none !important;
}

/* Masquer les petits points de navigation */
.wp-block-jetpack-slideshow .swiper-pagination {
  display: none !important;
}

/* Masquer le bouton pause/lecture du diaporama Jetpack */
.wp-block-jetpack-slideshow_button-pause {
  display: none !important;
}



.wp-block-cover.has-parallax {
  position: relative;
  overflow: hidden;
}

.wp-block-cover.has-parallax .wp-block-cover__image-background {
  position: absolute;
  top: -30%;          /* décale le haut pour laisser de la marge */
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  width: auto;
  height: 160%;       /* dépassement comme sur PC */
  min-width: 100%;
  will-change: transform;
}