/*
Theme Name: twenty child
Theme URI: 
Author: Xav
Author URI: 
Description: Thème enfant de twenty five
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: twenty-child
Tags: 
*/
@media (max-width: 782px) {
  /*
    On cible le conteneur des boutons et on lui ajoute
    un pseudo-élément ::before pour afficher l'image.
  */
  .wp-block-navigation__responsive-container-content .wp-block-buttons::before {
    /* Propriété obligatoire pour que le pseudo-élément s'affiche */
    content: "";

    /* Affiche l'élément comme un bloc pour lui donner des dimensions */
    display: block;

    /* --- À PERSONNALISER --- */
    /* Dimensions de votre image/logo */
    width: 150px;
    height: 80px;
    /* Espace entre l'image et le premier bouton */
    margin-bottom: 2rem;
    /* --- FIN DE LA PERSONNALISATION --- */

    /* URL de votre image */
    background-image: url('https://agence-sf.fr/wp-content/uploads/2025/10/logo-SF-crop-site-icon.webp');

    /* Styles pour que l'image s'affiche correctement */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  /* --- Votre code précédent (à conserver) --- */

  .wp-block-navigation__responsive-container-content .wp-block-buttons {
    flex-direction: column;
    align-items: center;
  }

  .wp-block-navigation__responsive-container-content .wp-block-button {
    width: 100%;
    margin-bottom: 1rem;
  }

  .wp-block-navigation__responsive-container-content .wp-block-button .wp-block-button__link {
    width: 100%;
  }
}
@media (max-width: 1000px) { 
  .wp-block-navigation__responsive-container:not(.is-menu-open) { 
    display: none !important; 
  } 
  .wp-block-navigation__responsive-container-open { 
    display: block !important; 
  } 
} 

@media (min-width: 1001px) { 
  .wp-block-navigation__responsive-container { 
    display: block !important; 
  } 
  .wp-block-navigation__responsive-container-open { 
    display: none !important; 
  } 
}

@media (max-width: 767px) {
  .galerie-4-colonnes-mobile .wp-block-image {
    width: calc(25% - 12px) !important;
    margin: 6px;
  }
}
.groupescroll {
	scroll-margin-top: 100px;
}
.uppage {
	scroll-margin-top: 400px;
}
html {
  scroll-behavior: smooth;
}
.btnplay {
	z-index: 9;
}
@media (max-width: 767px) {
	.wp-container-core-group-is-layout-5d4cddef {
		justify-content: center !important;
	}
}
@media (max-width: 782px) {
	.rangeemobilecentree {
		justify-content: center;
	}
}

/* Dans la page de contact, le groupe contenant l'image plume est sticky, ces réglages permettent de régler le zindex et la distance du bord
 * du haut de la page lors du défilement */ 
.stickygroupplume {
	z-index: 1;
	top: 150px;
}

.filtresticky {
	z-index: 1 !important;
}