/* favicon Google */
@import url("https://pergo-pose.fr/wp-content/uploads/2026/01/android-chrome-512x512-1.png");
@import url("https://pergo-pose.fr/wp-content/uploads/2026/01/favicon-32x32-1.png");

/* Utiliser le header mobile (menu burger) jusqu'à 1024px de large */
@media (max-width: 1024px) {
  /* Cacher le header desktop */
  .ct-header [data-device="desktop"] {
    display: none !important;
  }

  /* Afficher le header mobile (avec le burger) */
  .ct-header [data-device="mobile"] {
    display: block !important;
  }
}

/* 100px de marge interne à gauche/droite dans la row du header (desktop seulement) */
@media (min-width: 1025px) {
  header#header [data-device="desktop"] [data-row="middle"] > .ct-container-fluid {
    padding-left: 100px;
    padding-right: 100px;
    box-sizing: border-box;
  }
}

/* Footer pleine largeur + marges de 100px sur desktop */
@media (min-width: 1024px) {
  #footer {
    width: 100%;
  }

  #footer .ct-container {
    max-width: none;           /* on enlève la largeur max du thème */
    margin-left: 100px;        /* marge gauche */
    margin-right: 100px;       /* marge droite */
  }
}

.ct-socials-block .ct-icon-container svg {
    width: 40px;
    height: 40px;
}

/* Bloc d'alerte général (en haut du formulaire) */
#forminator-module-1599 .forminator-response-message.forminator-error {
    background-color: transparent !important;
    color: #C90A0A !important;
    border: none !important;
    box-shadow: none !important;
}

/* Petits messages d’erreur sous chaque champ */
#forminator-module-1599 .forminator-error-message {
    background-color: transparent !important;
    color: #C90A0A !important;
    border: none !important;
    box-shadow: none !important;
}

/* Couleur des labels du formulaire */
#forminator-module-1599 .forminator-label {
    color: #3E4952 !important;
}

/* Messages d'erreur sous les champs */
#forminator-module-1599 .forminator-error-message {
    font-size: 0.9em !important;
}

/* Message d'erreur global en haut du formulaire */
#forminator-module-1599 .forminator-response-message.forminator-error {
    font-size: 0.9em !important;
}

/* Centrer le bouton dans son conteneur */
#forminator-module-1599 .forminator-row-last .forminator-field {
    text-align: center;
}

/* Bouton "Envoyer ma demande" */
#forminator-module-1599 .forminator-button.forminator-button-submit {
    background-color: #C90A0A !important;
    border-color: #C90A0A !important;
    color: #FFFFFF !important;
    border-radius: 10px;          /* bords arrondis de 10px */
    padding: 12px 30px;
    box-shadow: none;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* Effet au survol (hover) */
#forminator-module-1599 .forminator-button.forminator-button-submit:hover,
#forminator-module-1599 .forminator-button.forminator-button-submit:focus {
    background-color: #AF0000 !important;
    border-color: #AF0000 !important;
}

/* Texte d'information juste avant le bouton */
#forminator-module-1599 #html-1 {
    margin-bottom: 0 !important;  /* on annule la marge sous le texte */
}

/* Ligne qui contient le bouton "Envoyer ma demande" */
#forminator-module-1599 .forminator-row-last {
    margin-top: 30px !important;  /* bouton placé à 30px sous le texte */
}

/* Formulaire devis Pergopose – réduire l’espace des 2 lignes avant le bouton */
#forminator-module-1599 #html-1,
#forminator-module-1599 #html-2 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

#forminator-module-1599 #html-1 .forminator-field,
#forminator-module-1599 #html-2 .forminator-field {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Supprimer les marges des paragraphes internes */
#forminator-module-1599 #html-1 p,
#forminator-module-1599 #html-2 p {
  margin: 0 !important;
}

/* Sur les galeries qui ont la classe .galerie-1-vignette,
   on n'affiche que la première image */
.galerie-1-vignette .elementor-gallery__item:nth-child(n+2),
.galerie-1-vignette .elementor-gallery-item:nth-child(n+2),
.galerie-1-vignette .gallery-item:nth-child(n+2) {
  display: none;
}