/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

a.lien-bg-bleu {color:#ffffff!important;}
a.lien-bg-bleu:hover {color:#E0C46B!important;}
#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {max-width:100%!important;}

.wave-container {
  position: relative;
  width: 100%; /* Prend toute la largeur disponible */
  height: 150px; /* Ajustez selon la hauteur désirée */
  overflow: hidden;
}

.wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; /* S'adapte dynamiquement à la largeur */
  height: 150px; /* Même hauteur que .wave-container */
}

.wave path {animation: wave-animation 6s ease-in-out infinite;}
.wave2 path {animation-delay: -2s;}
.wave3 path {animation-delay: -4s;}
.wave4 path {animation-delay: -6s;}

@keyframes wave-animation {
  0%, 100% {
    transform: translateY(0); /* Point de départ */
  }
  50% {
    transform: translateY(-10px); /* Amplitude */
  }
}
}




/* Centrer les icônes du widget des réseaux sociaux */
.ct-socials-block {
    display: flex; /* Active Flexbox */
    justify-content: center; /* Centre les icônes horizontalement */
    align-items: center; /* Centre les icônes verticalement si nécessaire */
    gap: 15px; /* Ajoute un espacement entre les icônes (ajustable) */
}

/* Assurez-vous que les icônes ne débordent pas */
.ct-social-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Centrer uniquement le titre dans le conteneur #block-18 */
#block-18 .widget-title {
    text-align: center!important;
    margin: 0 auto;
}

@media (max-width: 768px) {
    #block-18 .widget-title {
        text-align: center;
    }
}

/* Styles pour le bloc d'actualités */
/* Styles spécifiques au bloc d'actualités */

/* 1. Couleurs pour la date et l'extrait */
.elementor-element-4cdc6ad .ct-posts-shortcode .entry-meta,
.elementor-element-4cdc6ad .ct-posts-shortcode .entry-excerpt {
    color: white !important; /* Forcer en blanc */
    font-size: 0.9em; /* Taille de police ajustée (modifiable si nécessaire) */
    line-height: 1.5; /* Meilleure lisibilité */
}

/* 2. Styles pour le titre du bloc */
.elementor-element-4cdc6ad .ct-posts-shortcode .entry-title {
    font-size: var(--e-global-typography-h2-font-size) !important; /* Taille des H2 globaux */
    font-family: var(--e-global-typography-h2-font-family) !important; /* Police globale des H2 */
    font-weight: var(--e-global-typography-h2-font-weight) !important; /* Poids des H2 */
    line-height: var(--e-global-typography-h2-line-height) !important; /* Interligne des H2 */
    color: var(--theme-palette-color-6) !important; /* Couleur par défaut */
}

/* 3. Couleurs pour les liens dans le titre */
.elementor-element-4cdc6ad .ct-posts-shortcode .entry-title a {
    color: var(--theme-palette-color-6) !important; /* Couleur par défaut */
    text-decoration: none; /* Pas de soulignement */
}

.elementor-element-4cdc6ad .ct-posts-shortcode .entry-title a:hover,
.elementor-element-4cdc6ad .ct-posts-shortcode .entry-title a:active {
    color: var(--theme-palette-color-8) !important; /* Couleur au survol ou actif */
}

/* 4. Liens généraux du bloc */
.elementor-element-4cdc6ad .ct-posts-shortcode a {
    color: white !important; /* Forcer les liens en blanc */
    text-decoration: none; /* Supprimer les soulignements */
}

.elementor-element-4cdc6ad .ct-posts-shortcode a:hover,
.elementor-element-4cdc6ad .ct-posts-shortcode a:active {
    color: var(--theme-palette-color-8) !important; /* Couleur des liens au survol ou actif */
}

/* Applique la police "Parisienne" et les styles souhaités */
.elementor-element-4cdc6ad .ct-posts-shortcode .entry-title a {
    font-family: 'Parisienne', cursive !important; /* Police Parisienne */
    font-size: 2.4rem !important; /* Taille de la police adaptée à vos H2 (ajustable si nécessaire) */
    line-height: 1.2 !important; /* Interligne pour une meilleure lisibilité */
    font-weight: normal !important; /* Poids correspondant à "Parisienne" */
    color: var(--theme-palette-color-6) !important; /* Couleur par défaut */
    text-decoration: none; /* Supprime les soulignements */
}

/* Couleur au survol et actif */
.elementor-element-4cdc6ad .ct-posts-shortcode .entry-title a:hover,
.elementor-element-4cdc6ad .ct-posts-shortcode .entry-title a:active {
    color: var(--theme-palette-color-8) !important; /* Couleur au survol */
}

/* Bouton "Découvrir" dans le bloc d'actualités */

/* Style par défaut : texte blanc */
.elementor-element-4cdc6ad .ct-posts-shortcode .entry-button {
    background-color: transparent !important; /* Fond transparent */
    color: white !important; /* Texte blanc */
    border: none !important; /* Pas de bordure */
    padding: 0; /* Supprime le padding pour un style similaire à un lien */
    text-align: left; /* Alignement à gauche */
    text-decoration: none; /* Pas de soulignement */
    font-family: inherit; /* Utilise la même police que le titre */
    font-size: inherit; /* Taille identique au titre */
    line-height: inherit; /* Interligne identique au titre */
    transition: color 0.3s ease; /* Transition fluide pour la couleur */
}

/* Style au survol : texte jaune */
.elementor-element-4cdc6ad .ct-posts-shortcode .entry-button:hover {
    color: var(--theme-palette-color-6) !important; /* Texte jaune */
    background-color: transparent !important; /* Fond reste transparent */
    text-decoration: underline; /* Facultatif : ajoute un soulignement au survol */
}


#wpforms-1762-field_5 {
    list-style: none; /* Supprime le style des puces */
    padding-left: 0;  /* Supprime l'espace à gauche si nécessaire */
}

/* Apparence par défaut seulement si la case n'est PAS cochée */
.wpforms-field-gdpr-checkbox input[type="checkbox"]:not(:checked) {
    appearance: checkbox;
    opacity: 1 !important;
    visibility: visible !important;
    background-color: white !important;
    border: 1px solid #ccc !important;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    vertical-align: middle;
}

/* État en erreur (case oubliée) : ajouter un outline rouge */
.wpforms-field-gdpr-checkbox ul.wpforms-error input[type="checkbox"]:not(:checked) {
    outline: 2px solid red !important;
}

#wpforms-submit-1762 {
    margin-top: 30px;
}