/* Masquer le titre de la page, l'icône jaune, et autres éléments similaires */
.page .entry-title,
.page .entry-title::before,
.page .is-layout-flex.wp-block-group.has-border-color.has-white-border-color {
    display: none !important;
}


.container {
    max-width: 1200px; /* Ajustez la largeur maximale selon vos besoins */
    margin: 20px auto; /* Centre le conteneur */
    padding: 20px; /* Ajoute du rembourrage à l'intérieur */
}

.text-content {
    width: 100%; /* Utilise toute la largeur disponible */
    padding: 20px; /* Ajoute du rembourrage à l'intérieur du texte */
}

.image-content {
    width: 100%; /* Utilise toute la largeur disponible */
    margin: 40px 0; /* Ajoute de la marge en haut et en bas de l'image */
}

/* remove page icon, background circle, and border before title on single posts and pages | #XXXXXX-hc/zen */
.is-singular .entry-inner:before,
.is-singular .entry-inner:after,
.is-singular .entry-content:before {
    display: none;
}

/* Exemple pour que "Accueil" ait un style différent sur la page d'accueil */
.page-id-1918 .faire un don{
    background-color: #FFD700;
    color: #FFFFFF;
    font-weight: bold;
}

/* 8977540-zd | Adding background color for a specific menu item | Sabbir A */

#site-navigation ul li#menu-item-1920 {
  background-color: #d02d2d;
  padding: 4px 10px;
	font-weight: bold;
	font-size: 18px;
	border-radius: 20px;
}

.wp-block-button__link {
  text-decoration: none !important; /* Supprime le soulignement */
  color: #ffffff !important; /* Couleur blanche */
}

.hover-effect {
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Animation douce */
}

.hover-effect:hover {
  transform: scale(1.1); /* Agrandit légèrement l'image */
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2); /* Ajoute une ombre portée */
}

.center-video {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0; /* Optionnel : Ajoute un espace autour de la vidéo */
}

.video-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px auto; /* Centre horizontalement et ajoute un espace */
  max-width: 100%; /* Assure que la vidéo ne déborde pas */
}

.video-wrapper video {
  width: auto; /* S'ajuste automatiquement selon l'espace disponible */
  height: auto; /* Conserve les proportions de la vidéo */
  max-width: 100%; /* Limite la largeur au conteneur */
}

/* Styles pour rendre la pop-up responsive */
.pum-overlay {
  overflow-y: auto; /* Ajoute un scroll si la pop-up est longue */
}

.pum-container {
  max-width: 90%; /* Largeur max sur mobile */
  width: auto; /* S'adapte au contenu */
  max-height: 90%; /* Hauteur max pour éviter les débordements */
  overflow: auto; /* Scroll interne si nécessaire */
  border-radius: 10px; /* Coins arrondis pour un design plus moderne */
}

@media screen and (max-width: 480px) {
  .pum-container {
    max-width: 95%; /* Largeur légèrement ajustée sur petits écrans */
    padding: 10px; /* Réduction des marges internes */
  }

  .pum-close {
    font-size: 18px; /* Icône de fermeture adaptée */
    top: 10px;
    right: 10px;
  }
}

@media screen and (max-width: 768px) {
  .main-navigation a {
    color: #ffffff !important; /* Change la couleur du texte en blanc */
  }

  .main-navigation a:hover {
    color: #ffcc00 !important; /* Couleur au survol (exemple : jaune) */
  }

  .menu-toggle {
    color: #ffffff !important; /* Icône du menu hamburger en blanc */
  }
}

/* Conteneur de l'image */
.popup-image-container {
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Image par défaut */
.popup-image {
  width: 100%;
  transition: transform 0.3s ease; /* Animation pour l'effet de zoom */
  display: block;
}

/* Cacher l'input checkbox */
.image-toggle {
  display: none;
}

/* Agrandissement de l'image au clic (lorsque l'input est coché) */
.image-toggle:checked + label .popup-image {
  transform: scale(1.5); /* Agrandir l'image à 150% */
  z-index: 10;
}

/* Optionnel : Fond sombre derrière l'image agrandie */
.image-toggle:checked + label {
  background: rgba(0, 0, 0, 0.7); /* Fond sombre */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
}

.load-more-container {
  text-align: center;
  margin: 20px 0;
}

.load-more-button {
  padding: 10px 20px;
  font-size: 16px;
  color: #fff;
  background-color: #d02d2d;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

.load-more-button:hover {
  background-color: #030303;
}

.boutons-boutique {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.boutons-boutique a {
    width: 48%;
    margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
    .page-id-56774 .wp-block-columns {
        display: flex;
        flex-wrap: nowrap; /* Empêche les éléments de passer à la ligne */
        justify-content: center; /* Centre les éléments horizontalement */
        gap: 10px; /* Espacement entre les colonnes */
    }

    .page-id-56774 .wp-block-column {
        flex: 1 1 45%; /* Ajuste la largeur pour qu'ils tiennent à deux */
        max-width: 45%;
    }

    .page-id-56774 .wp-block-jetpack-slideshow {
        width: 100%; /* Pour que chaque diapo occupe toute sa colonne */
    }
}

.wpforms-submit.wpforms-style-bouton {
  background-color: #2f2f2f;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  border: none;
  border-radius: 50px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

/* Au survol */
.wpforms-submit.wpforms-style-bouton:hover {
  background-color: #1a1a1a;
  transform: scale(1.03);
}

/* Centrage dans son conteneur */
div.wpforms-submit-container {
  text-align: center;
}

a, a:hover, a:focus, a:active {
    text-decoration: none !important;
}