/*
Theme Name: Musée des mômes
Theme URI: 
Author: Maxime Lorentz
Author URI: 
Description: Premiere version du thème Musée des mômes
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
Text Domain: musee-des-momes
Tags: 
*/

:root {
    --arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='33' viewBox='0 0 32 33' fill='none'%3E%3Cpath d='M8.88374 11.5645C8.79828 11.479 8.66631 11.4681 8.56929 11.5322L8.53023 11.5645L8.17671 11.918C8.09129 12.0034 8.08043 12.1354 8.14449 12.2324L8.17671 12.2715L15.8232 19.918C15.9086 20.0034 16.0406 20.0143 16.1376 19.9502L16.1767 19.918L23.8232 12.2715C23.9086 12.186 23.9195 12.0541 23.8554 11.957L23.8232 11.918L23.4697 11.5645C23.3843 11.479 23.2523 11.4682 23.1552 11.5322L23.1162 11.5645L16 18.6807L8.88374 11.5645Z' fill='%23303030' stroke='%23303030'/%3E%3C/svg%3E");
  }


body {
    margin: 0 1.25rem 1.25rem;
    overflow-x: hidden;
}

:where(.wp-site-blocks) header + div, :where(.wp-site-blocks) header + main {
    margin-block-start: 0;
  }


.has-texture-papier {
    position: relative;
}


.has-texture-papier > *{
    z-index: 1;
    position: relative;
}


.has-texture-papier:after {
    content:"";
    position: absolute;
    background-image: url(assets/img/texture/texture-papier.webp);
    background-blend-mode: darken, normal;
    background-size: 600px 600px;
    background-position: 0 0;
    z-index: 0;
    opacity: 0.4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.has-texture-tache {
    position: relative;
}

.has-texture-tache > *{
    z-index: 1;
    position: relative;
}


.has-texture-tache:after {
    content:"";
    position: absolute;
    background-image: url(assets/img/texture/texture-tache.webp);
    background-blend-mode: luminosity;
    background-position: 50% 50%, 0% 0%;
    opacity: 0.2;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.has-multiple-bg-img-visite {
    background-image: url(assets/img/bg/tache.svg), url(assets/img/bg/green-seed.svg), url(assets/img/bg/crown-2.svg);
    background-position: top right, bottom right, bottom left;
    background-repeat: no-repeat;
}

.has-multiple-bg-img-anniversaire {
    background-image: url(assets/img/bg/star-1.svg), url(assets/img/bg/star-2.svg), url(assets/img/bg/flower.svg);
    background-position: 0% 0%, 55% 85%, 85% 45%;
    background-repeat: no-repeat;
}

.has-multiple-bg-img-atelier {
    background-image: url(assets/img/bg/blitz.svg), url(assets/img/bg/blitz-1.svg);
    background-position: 70% 12%, 75% 75%;
    background-repeat: no-repeat;
}

.has-multiple-bg-reservation {
    background-image: url(assets/img/bg/reservation/algue.svg),url(assets/img/bg/reservation/bird-blue.svg),url(assets/img/bg/reservation/flower-purple.svg),url(assets/img/bg/reservation/herbe.svg),url(assets/img/bg/reservation/ligne-jaune.svg),url(assets/img/bg/reservation/ligne.svg),url(assets/img/bg/reservation/montain.svg),url(assets/img/bg/reservation/top-right.svg);
    background-position: 95% 100%, 15% 45%, 45% 98%, 95% 10%, 0% 0%, 100% 90%, 0% 100%,0% 0%;
    background-repeat: no-repeat;
}

.has-multiple-bg-comment {
    background-image: url(assets/img/bg/bg-comment.svg), url(assets/img/bg/gribouille-comment.png);
    background-blend-mode:color-burn,screen;
    background-position: 100% 100%, 0% 0%;
    background-repeat: no-repeat;
}

.has-bg-multiple-1 {
    background-image: url(assets/img/bg//multiple/path01.svg), url(assets/img/bg//multiple/path02.svg), url(assets/img/bg//multiple/path03.svg), url(assets/img/bg//multiple/path04.svg);
    background-position: 100% 13%, 0% 17%, 0% 70%, 100% 66%;
    background-repeat: no-repeat;

}
.has-bg-multiple-2 {
    background-image: url(assets/img/bg//multiple/path05.svg), url(assets/img/bg//multiple/path06.svg), url(assets/img/bg//multiple/path07.svg);
    background-position: 100% 12%, 0% 30%, 100% 39%;
    background-repeat: no-repeat;
}
.has-bg-multiple-3 {
    background-image: url(assets/img/bg//multiple/path06.svg), url(assets/img/bg//multiple/path07.svg), url(assets/img/bg//multiple/path08.svg);
    background-position: 0% 25%, 100% 36%, 0% 60%;
    background-repeat: no-repeat;
}
.has-bg-multiple-4, .post-template-single-category-artistes {
    background-image: url(assets/img/bg//multiple/path09.svg), url(assets/img/bg//multiple/path10.svg), url(assets/img/bg//multiple/path11.svg), url(assets/img/bg//multiple/path12.png);
    background-position: 0% 25%, 100% 36%, 100% 65%, 0% 55%;
    background-repeat: no-repeat;
}

.has-bg-createur {
    background-image: url(assets/img/bg/multiple/path13.svg), url(assets/img/bg/multiple/path14.png), url(assets/img/bg/multiple/path15.png);
    background-position: 100% 3%, 100% 100%, 0% 0%;
    background-size: cover, auto, auto;
    background-repeat: no-repeat;
}

.has-multiple-bg-salle-noire {
    background-image: url(assets/img/bg/multiple/salle-n-01.svg), url(assets/img/bg/multiple/salle-n-02.svg), url(assets/img/bg/multiple/salle-n-03.svg);
    background-position: 5% 90%, 90% 15%, 80% 90%;
    background-size: auto, auto, auto;
    background-repeat: no-repeat;
}


.has-multiple-bg-img-snoezelen {
    background-image: url(assets/img/bg/multiple/snoezelen-01.svg), url(assets/img/bg/multiple/snoezelen-02.svg);
    background-position: 50% 90%, 100% 0%;
    background-size: auto, auto;
    background-repeat: no-repeat;
}

.has-bg-espace-atelier {
    background-image: url(assets/img/bg/multiple/espace-02.png), url(assets/img/bg/multiple/espace-01.svg);
    background-position: 100% 100%, 100% 100%;
    background-size: auto, auto;
    background-repeat: no-repeat;
}

.has-multiple-bg-img-bebe {
    background-image: url(assets/img/bg/multiple/espace-bebe-01.png);
    background-position: 0% 100%;
    background-size: auto;
    background-repeat: no-repeat;
}



/* Styles pour les différents backgrounds */
.bg-blue {
    background-color: #e0f7ff;
}

.bg-green {
    background-color: #e9f9e9;
}

.bg-red {
    background-color: #ffeded;
}




.has-texture-white, .has-texture-white span{
    background-image: url(assets/img/texture/texture-white.png);
}


.wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container {
    z-index: 1000;
}


.rotate-minus-5 {
    transform: rotate(-5deg);
}

.rotate-plus-5 {
    transform: rotate(5deg);
}

.rotate-plus-10 {
    transform: translate(50px,0px)rotate(10deg);
}

.img-top-right-atelier {
    position: relative;
    transform: translate(50px,-65px) rotate(-5deg);
    z-index: 1;
}


.img-middle-right-atelier {
    position: relative;
    transform: translate(45px,-65px) rotate(5deg);
}

.img-offset-right-40 {
    transform: translateX(40px) rotate(5deg);;
}

/* Navigation */
.wp-block-navigation:not(.menu-footer) .wp-block-navigation-item {
    display: flex;
    flex-direction: column;
    transition: all ease-in-out 150ms;
}

.wp-block-navigation:not(.menu-footer) .wp-block-navigation-item .wp-block-navigation__submenu-icon {
    display: none;
}

.wp-block-navigation:not(.menu-footer) > .wp-block-navigation-item:hover {
    color:var(--wp--preset--color--rouge-rose);
}



.wp-block-navigation:not(.menu-footer) > .wp-block-navigation-item:after {
    content:"";
    transition: all ease-in-out 150ms;
    margin-top: 0.5rem;
    width: 0;
    height: 5px;
    background-image:url(./assets/img/bg/underline.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
}

.wp-block-navigation:not(.menu-footer) > .wp-block-navigation-item:hover:after,
.wp-block-navigation:not(.menu-footer) > .wp-block-navigation-item.current-menu-ancestor:after,
.wp-block-navigation:not(.menu-footer) > .wp-block-navigation-item.current-menu-item:after {
    width: 100%; 
}

.wp-block-navigation:not(.menu-footer) > .wp-block-navigation-item.current-menu-ancestor,
.wp-block-navigation:not(.menu-footer) > .wp-block-navigation-item.current-menu-item {
    color:var(--wp--preset--color--rouge-rose);
}


.wp-block-navigation:not(.menu-footer) .has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container, .wp-block-navigation:not(.menu-footer) .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container, .wp-block-navigation:not(.menu-footer) .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
    min-width: 300px;
}

.wp-block-navigation:not(.has-background):not(.menu-footer) .wp-block-navigation__submenu-container {
    background-color: var(--wp--preset--color--bg-creme-pale);
    border-radius: 1rem;
    padding: 1rem;
    box-shadow: 0px 32px 64px -12px rgba(0, 0, 0, 0.14);
    align-items: flex-start;
}

.wp-block-navigation:not(.has-background):not(.menu-footer) .wp-block-navigation__submenu-container .wp-block-navigation-item {

}

.wp-block-navigation:not(.has-background):not(.menu-footer) .wp-block-navigation__submenu-container .wp-block-navigation-item:hover {
    color:var(--wp--preset--color--vermillon);
    font-weight: bold;
}


.wp-block-navigation:not(.has-background):not(.menu-footer) .wp-block-navigation__submenu-container .wp-block-navigation-item a {
    transition: all ease-in-out 150ms;
}


.wp-block-navigation:not(.has-background):not(.menu-footer) .wp-block-navigation__submenu-container .wp-block-navigation-item:hover a {
   border-left: 3px solid var(--wp--preset--color--vermillon);
   padding-left: 15px;

}






/* FAQ */ 
.schema-faq > div.schema-faq-section {
    padding: 1.25rem 0;
    border-top:1px solid var(--wp--preset--color--text-color);
    cursor: pointer;
}

.schema-faq > div.schema-faq-section .schema-faq-question {
    display: block;
    position: relative;
}

.schema-faq > div.schema-faq-section .schema-faq-question:after {
    content:"";
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-image: var(--arrow-down);
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    position: absolute;
    right: 0;
    top: -4px;
    transition: all ease-in 200ms;
}

.schema-faq > div.schema-faq-section.open .schema-faq-question:after {
    transform: rotate(-180deg);
}


.schema-faq > div.schema-faq-section .schema-faq-answer {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out, padding 0.3s ease-in-out;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}

.schema-faq > div.schema-faq-section.open .schema-faq-answer {
    max-height: 1000px; /* Ajustez cette valeur selon la taille maximale possible de votre contenu */
    opacity: 1;
    padding-top: 10px;
    padding-bottom: 10px;
}


/* Table style */

.wp-block-table table {
    border-collapse:separate;
border:1px solid  var(--wp--preset--color--text-color)!important;
}

.wp-block-table table td {
border:none!important;
padding: 1rem 1rem ;
}

.wp-block-table table tr:not(:first-child) td{
    border-top: 1px solid var(--wp--preset--color--text-color)!important;
}

/* Form */
/* Styles pour formulaire Contact Form 7 */

/* Conteneur principal du formulaire */
.wpcf7-form {
    max-width: 800px;
    margin: 0 auto;
  }
  
  /* Style général pour tous les labels */
  .wpcf7-form label {
    display: block;
    margin-bottom: 10px;
    color: var(--wp--preset--color--neutral--dark);
  }
  
  /* Styles de base pour tous les champs */
  .wpcf7-form input[type="text"],
  .wpcf7-form input[type="email"],
  .wpcf7-form input[type="tel"],
  .wpcf7-form select,
  .wpcf7-form textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid var(--wp--preset--color--neutral);
    border-radius: 10px;
    background-color: transparent;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
    font-size: 16px;
    color: #444;
    transition: all 0.3s ease;
    box-sizing: border-box;
  }
  
  /* États au survol pour les champs */
  .wpcf7-form input[type="text"]:hover,
  .wpcf7-form input[type="email"]:hover,
  .wpcf7-form select:hover,
  .wpcf7-form input[type="tel"]:hover,
  .wpcf7-form textarea:hover {
    border-color: var(--wp--preset--color--neutral);
  }
  
  /* États au focus pour les champs */
  .wpcf7-form input[type="text"]:focus,
  .wpcf7-form input[type="email"]:focus,
  .wpcf7-form select:focus,
  .wpcf7-form input[type="tel"]:focus,
  .wpcf7-form textarea:focus {
    background-color: var(--wp--preset--color--bg-creme-pale);
    border-color: var(--wp--preset--color--neutral--dark);
    box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.2);
    outline: none;
  }
  
  /* Style spécifique pour les champs textarea */
  .wpcf7-form textarea {
    height: 150px;
    resize: vertical;
    line-height: 1.5;
  }
  
  /* Style pour le champ select */
  .wpcf7-form select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="6" viewBox="0 0 12 6"><path fill="%23444" d="M0 0l6 6 6-6z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 15px center;
    padding-right: 30px;
  }
  
  /* Style pour le champ de téléchargement de fichier */
  .wpcf7-form input[type="file"] {
    width: 100%;
    padding: 10px 0;
    font-size: 14px;
  }
  
  /* Conteneur personnalisé pour l'upload de fichier */
  .wpcf7-form .file-upload-wrapper {
    position: relative;
    padding: 12px;
    border: 1px dashed #ccc;
    border-radius: 4px;
    text-align: center;
    background-color: #f9f9f9;
    margin-top: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  
  .wpcf7-form .file-upload-wrapper:hover {
    border-color: #0073aa;
    background-color: #f5f5f5;
  }
  
  /* Style pour la case à cocher */
  .wpcf7-checkbox {
    margin: 5px 0;
  }
  
  .wpcf7-checkbox .wpcf7-list-item {
    margin: 0;
    display: flex;
    align-items: flex-start;
  }
  
  .wpcf7-checkbox .wpcf7-list-item-label {
    font-size: 14px;
    padding-left: 8px;
    line-height: 1.4;
  }
  
  .wpcf7-checkbox input[type="checkbox"] {
    margin-top: 3px;
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #ccc;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
  }
  
  .wpcf7-checkbox input[type="checkbox"]:checked {
    background-color: #0073aa;
    border-color: #0073aa;
  }
  
  .wpcf7-checkbox input[type="checkbox"]:checked::before {
    content: "✓";
    position: absolute;
    color: white;
    font-size: 14px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  /* Style pour le bouton d'envoi */
  .wpcf7-submit {
    background-image: url(assets/img/bg/send.svg);
    background-repeat: no-repeat;
    background-position: 15px 10px;
    background-color: var(--wp--preset--color--rouge-rose);
    color: white;
    border: none;
    border-radius: 25px;
    padding: 12px 30px 12px 45px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: inline-block;
    margin-top: 10px;
    text-align: center;
  }
  
  .wpcf7-submit:hover {
    background-color: var(--wp--preset--color--rouge-rose);
  }
  
  /* Disposition en deux colonnes (responsive) */
  .form-row {
    margin-bottom: 20px;
  }
  
  .form-row.two-columns {
    display: flex;
    gap: 20px;
  }
  
  .form-row.two-columns > div {
    flex: 1;
  }
  
  /* Message d'erreur et de validation */
  /* Message d'erreur sous les champs */
  .wpcf7-not-valid-tip {
    background-color: rgba(255, 255, 255, 0.7);
    color: #dc3545;
    font-size: 13px;
    padding: 8px 12px;
    margin-top: 5px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    font-weight: 500;
    line-height: 1.4;
    border-left: 3px solid #dc3545;
  }
  
  /* Ajout de l'icône de croix */
  .wpcf7-not-valid-tip::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23dc3545' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='15' y1='9' x2='9' y2='15'%3E%3C/line%3E%3Cline x1='9' y1='9' x2='15' y2='15'%3E%3C/line%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-repeat: no-repeat;
    display: inline-block;
    flex-shrink: 0;
  }
  
  /* Style des champs avec erreur */
  .wpcf7-form .wpcf7-not-valid {
    border-color: #dc3545;
    background-color: rgba(255, 255, 255, 0.9);
  }
  
  /* Focus sur les champs avec erreur */
  .wpcf7-form .wpcf7-not-valid:focus {
    box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.15);
  }
  
  /* Message d'erreur général */
  .wpcf7 form.invalid .wpcf7-response-output {
    background-color: rgba(255, 255, 255, 0.7);
    border: none !important;
    border-left: 4px solid #dc3545 !important;
    color: #dc3545;
    padding: 12px 15px 12px 40px !important;
    border-radius: 4px;
    position: relative;
    font-weight: 500;
    margin-top: 25px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
  }
  
  /* Ajout d'une icône plus grande pour le message général */
  .wpcf7 form.invalid .wpcf7-response-output::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23dc3545' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='15' y1='9' x2='9' y2='15'%3E%3C/line%3E%3Cline x1='9' y1='9' x2='15' y2='15'%3E%3C/line%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
  }
  
  /* Animation subtile pour les messages d'erreur */
  @keyframes errorShake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-4px); }
    75% { transform: translateX(4px); }
  }
  
  .wpcf7-not-valid-tip, 
  .wpcf7 form.invalid .wpcf7-response-output {
    animation: errorShake 0.5s ease-in-out;
  }
  
  
  
  /* Section d'informations (RGPD et délai de réponse) */
  .form-info {
    margin-top: 25px;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.6); /* Votre couleur white-60% */
    border-left: 3px solid #0073aa;
    font-size: 14px;
    color: #666;
    line-height: 1.5;
  }
  
  .form-info .response-time {
    font-weight: 600;
    margin-bottom: 10px;
    color: #333;
  }
  
  /* Adaptation mobile */
  @media (max-width: 767px) {
    .form-row.two-columns {
      flex-direction: column;
      gap: 20px;
    }
    
    .wpcf7-form input[type="text"],
    .wpcf7-form input[type="email"],
    .wpcf7-form input[type="tel"],
    .wpcf7-form select,
    .wpcf7-form textarea {
      font-size: 15px;
      padding: 10px 12px;
    }
    
    .wpcf7-submit {
      width: 100%;
      padding: 1.5rem;
      font-size: 1.2rem;
    }
  }
  
  
  /* Styles améliorés pour l'input file dans Contact Form 7 */
  
  /* Cacher l'input file natif */
  .wpcf7-form input[type="file"] {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
  }
  
  /* Conteneur personnalisé pour l'upload */
  .file-upload-container {
    position: relative;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  
  /* Style du label qui servira de bouton visuel */
  .wpcf7-form .file-upload-label {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa;
    color: #495057;
    border: 2px dashed #ced4da;
    border-radius: 8px;
    padding: 18px 15px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: normal;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  
  /* Icône d'upload */
  .file-upload-label::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3Cpolyline points='17 8 12 3 7 8'%3E%3C/polyline%3E%3Cline x1='12' y1='3' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-repeat: no-repeat;
    display: inline-block;
  }
  
  /* Effet au survol */
  .wpcf7-form .file-upload-label:hover {
    background-color: #e9ecef;
    border-color: #0073aa;
    color: #0073aa;
  }
  
  .wpcf7-form .file-upload-label:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230073aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3Cpolyline points='17 8 12 3 7 8'%3E%3C/polyline%3E%3Cline x1='12' y1='3' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E");
  }
  
  /* Zone affichant le nom du fichier sélectionné */
  .file-name-display {
    margin-top: 8px;
    font-size: 14px;
    color: #495057;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 5px 10px;
    border-radius: 4px;
    display: none;
    word-break: break-all;
  }
  
  /* Style pour les erreurs */
  .wpcf7-form .file-upload-container .wpcf7-not-valid-tip {
    margin-top: 8px;
  }
  
  /* Animation de l'état actif */
  .wpcf7-form .file-upload-label:active {
    transform: translateY(1px);
  }

  .text-center p {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .text-center p input {
    width: auto;
  }
  
  /* Script JavaScript à ajouter à la page */