/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Description: Thème enfant de GeneratePress
Author: Igloups
Template: generatepress
Version: 1.0.1
Text Domain: generatepress-child

Changelog:
- 2025-08-17 : Nettoyage typographie H1 + hero, suppression des forçages 44px, unification .hero-compact
*/

/* ================================
   1. VARIABLES GLOBALES
================================ */
:root{
  --grid-line:#111;
  --page-bg:#fff;
  --accent-yellow:#F7D677;
}

/* ================================
   2. WRAPPER GLOBAL (header + contenu + footer)
================================ */
.igloups-frame{
  background:var(--grid-line);
  padding:1px;
  margin:24px auto !important;
}
.igloups-frame__inner{ background:var(--page-bg); }

/* Pas d'espace vertical par défaut */
.site-header{ margin-bottom:0 !important; border:0 !important; }
.site-content{ margin-top:0 !important; }
.site-footer{ margin-top:0 !important; }

/* Un SEUL trait noir sous le menu */
.site-header{ border-bottom:1px solid var(--grid-line) !important; }

/* Supprimer tout trait/bordure auto de la nav */
.main-navigation{ border:0 !important; box-shadow:none !important; }
.main-navigation::before,
.main-navigation::after{ display:none !important; }
.inside-header{ border:0 !important; }

/* Le wrapper n'ajoute PAS de trait interne supplémentaire */
.igloups-frame__inner > * + *{ border-top:0 !important; }

/* ================================
   3. NETTOYAGE DES HÉRITAGES / VIEUX STYLES
================================ */
.site-main,
.site-content,
.content-area,
.inside-article,
.entry-content,
.entry-content .wp-block-group,
.entry-content .wp-block-columns,
.entry-content .wp-block-cover,
.entry-content [style*="background-color"],
.wp-block-columns,
.wp-block-group{
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  background:transparent !important;
}

#page,
body > .site{
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  margin:0 auto !important;
  padding:0 !important;
  background:transparent !important;
}

.main-navigation .menu > .menu-item-auth,
.main-navigation .menu > .menu-item-auth-login{ margin-left:.5rem; }

/* ================================
   4. GRILLES "TRAITS NOIRS" RÉUTILISABLES
================================ */
.grid-lined-2,
.grid-lined-3{
  display:grid;
  gap:1px;
  background:var(--grid-line);
}
.grid-lined-2 > *,
.grid-lined-3 > *{
  background:var(--page-bg);
  padding:16px;
}

.grid-lined-2{ grid-template-columns:1fr 1fr; }
@media (max-width:900px){ .grid-lined-2{ grid-template-columns:1fr; } }

.grid-lined-3{ grid-template-columns:1fr 1fr 1fr; }
@media (max-width:1100px){ .grid-lined-3{ grid-template-columns:1fr 1fr; } }
@media (max-width:700px){ .grid-lined-3{ grid-template-columns:1fr; } }

.block-lined{ background:var(--page-bg); border-top:1px solid var(--grid-line); padding:16px; }

/* ================================
   5. CARTES STYLE DANOIS
================================ */
.igloups-card{
  border:1px solid var(--grid-line);
  background:var(--page-bg);
  margin:0 0 24px 0;
  border-radius:0 !important;
}
.igloups-card > h2,
.igloups-card > h3{
  margin:0 !important;
  padding:14px 16px;
  border-bottom:1px solid var(--grid-line);
  background:var(--page-bg);
  color:#111 !important;
  font-weight:700;
  letter-spacing:.02em;
  display:flex; align-items:center; justify-content:space-between;
  line-height:1.2;
}
.igloups-card--accent > h1,
.igloups-card--accent > h2,
.igloups-card--accent > h3{ background-color:var(--accent-yellow) !important; }
.igloups-card > h2 + *,
.igloups-card > h3 + *{ padding:16px; }
.igloups-card--with-arrow > h2::after,
.igloups-card--with-arrow > h3::after{ content:"→"; font-weight:700; margin-left:12px; }

/* ================================
   6. RELEVÉS RÉCENTS
================================ */
.igloups-recent-releves > h3{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;
  font-size:1.75rem !important;
  font-weight:600 !important;
  color:#111 !important;
  line-height:1.3 !important;
  letter-spacing:-0.02em !important;
  margin:0 !important;
  padding:12px 16px !important;
}
.igloups-releves-list{ padding:16px !important; margin:0 !important; border:none !important; background:transparent !important; }
.igloups-releve-item{
  padding:1rem 0 !important; margin:1rem 0 0 0 !important; border:none !important;
  border-left:2px solid #007bff !important; border-radius:0 !important; background:transparent !important;
  width:100% !important; box-sizing:border-box !important; position:relative; padding-left:1rem !important;
  transition:all .2s ease;
}
.igloups-releve-item:first-child{ margin-top:0 !important; }
.igloups-releve-item:hover{ background:#f8f9fa !important; border-left-color:#0056b3 !important; }
.igloups-releve-main-line{ display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:.5rem; }
.igloups-releve-temp-section{ display:flex; align-items:center; gap:.5rem; }
.igloups-releve-temp-value{ font-size:1.25rem; font-weight:700; color:#007bff; }
.igloups-releve-location{ color:#495057; font-weight:500; flex:1; }
.igloups-releve-time{ color:#6c757d; font-size:.875rem; }
.igloups-releve-meta-line{ display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.igloups-releve-user{ color:#6c757d; font-size:.875rem; }
.igloups-releve-detail-link{ color:#007bff; text-decoration:none; font-size:.875rem; font-weight:500; transition:all .2s ease; box-shadow:none !important; }
.igloups-releve-detail-link:hover{ color:#0056b3; text-decoration:underline; box-shadow:none !important; }
.igloups-releves-cta{ margin:0 !important; padding:16px !important; border:none !important; }
.igloups-btn-add-releve{
  display:block; width:100%; padding:1rem 1.5rem; background:#6c757d; color:#fff;
  text-decoration:none; font-weight:600; font-size:1.1rem; text-align:center; border:none;
  border-radius:0; transition:all .3s ease; cursor:pointer; box-shadow:none !important;
}
.igloups-btn-add-releve:hover{ background:#5a6268; color:#fff; text-decoration:none; transform:translateY(-1px); box-shadow:none !important; }
.igloups-card,
.igloups-releve-item,
.igloups-releve-item *,
.igloups-releve-main-line,
.igloups-releve-meta-line,
.igloups-btn-add-releve,
.igloups-releves-cta{
  border-top:none !important; border-right:none !important; border-bottom:none !important;
  box-shadow:none !important; border-radius:0 !important; outline:none !important;
  -webkit-box-shadow:none !important; -moz-box-shadow:none !important;
}
.igloups-recent-releves{ border:1px solid var(--grid-line) !important; box-shadow:none !important; }
.igloups-releve-item .igloups-text-muted{ color:#6c757d !important; font-size:.875rem; }

@media (max-width:768px){
  .igloups-releve-main-line{ flex-direction:column; align-items:flex-start; gap:.5rem; margin-bottom:.75rem; }
  .igloups-releve-temp-section, .igloups-releve-location, .igloups-releve-time{ width:100%; }
  .igloups-releve-meta-line{ flex-direction:column; align-items:flex-start; gap:.5rem; }
  .igloups-releve-detail-link{ align-self:flex-end; }
}

/* ================================
   7. BOUTONS SECONDARY (OUTLINE)
================================ */
.wp-block-button.is-style-outline .wp-block-button__link{
  background-color:transparent !important; color:#6c757d !important; border:2px solid #6c757d !important;
  font-weight:500 !important; transition:all .3s ease !important; text-decoration:none !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover{
  background-color:#6c757d !important; color:#fff !important; border-color:#6c757d !important; text-decoration:none !important;
}
@media (max-width:768px){
  .wp-block-button.is-style-outline .wp-block-button__link{ padding:10px 20px !important; font-size:.9rem !important; }
}

/* ================================
   8. HERO COMPACT - CONTENEUR PRINCIPAL
================================ */
.hero-compact{
  display:flow-root;
  text-align:center;
  padding-block-start:clamp(6px, 1.2vh, 14px);
  padding-block-end:clamp(14px, 2.5vh, 22px);
}

/* Rythme vertical unifié à l'intérieur du hero */
.entry-content .hero-compact{ --hero-gap:.5rem; }
.entry-content .hero-compact > *{ margin:0 !important; }
.entry-content .hero-compact > * + *{ margin-top:var(--hero-gap) !important; }

/* Boutons du hero : même rythme que le reste */
.hero-compact .wp-block-buttons{ margin-top:var(--hero-gap) !important; }
.hero-compact .wp-block-button__link{ padding:.75rem 1rem; border-radius:10px; font-weight:600; }

/* ================================
   9. TYPOGRAPHIE ET HIÉRARCHIE VISUELLE
================================ */

/* H1 - Optimisé pour impact et 1 ligne */
.site-content h1 {
  font-size: clamp(32px, 3.4vw, 40px) !important;
  line-height: 0.95 !important;
  letter-spacing: -0.02em !important;
  word-spacing: -0.08em !important;
  font-weight: 800 !important;
  color: #111 !important;
  margin: 0 auto !important;
  padding: 0 2px !important;
  text-align: center !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  transform: scaleX(0.97) !important;
  transform-origin: center !important;
}

/* Sous-titre - Plus discret et différencié */
.has-text-align-center.has-large-font-size {
  margin: .75rem auto 0 !important;
  font-size: clamp(17px, 1.1vw + .2rem, 20px) !important;
  line-height: 1.45 !important;
  color: #555 !important;
  font-weight: 400 !important;
  opacity: 0.9 !important;
}

/* ================================
   10. "EN SAVOIR PLUS" - VERSION DISCRÈTE ET INTÉGRÉE
================================ */
.wp-block-details {
  margin: .5rem auto .8rem auto !important; /* Plus d'espace en bas */
  text-align: center !important;
}

.wp-block-details summary {
  font-size: 17px !important; /* Juste un peu plus gros que 16px */
  font-weight: 500 !important; /* Pas trop gras */
  color: #0073aa !important;
  padding: 4px 8px !important; /* Padding minimal */
  background: none !important; /* Pas de fond */
  border: none !important; /* Pas de bordure */
  border-radius: 0 !important; /* Pas d'arrondi */
  margin: 0 auto !important;
  display: inline-block !important;
  cursor: pointer !important;
  text-decoration: underline !important; /* Soulignement pour montrer que c'est cliquable */
  transition: all 0.3s ease !important;
  position: relative;
  padding-left: 1.2em !important;
  list-style: none !important;
}

.wp-block-details summary:hover {
  color: #005a87 !important; /* Juste un bleu plus foncé */
  background: none !important; /* PAS de fond au hover */
  text-decoration: underline !important;
}

/* Flèche CSS personnalisée */
.wp-block-details summary::-webkit-details-marker { display: none; }

.wp-block-details summary::before {
  content: "▸";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: .9em;
  line-height: 1;
  transition: transform 0.3s ease;
}

.wp-block-details[open] summary::before {
  content: "▾";
  transform: translateY(-50%) rotate(0deg);
}

/* Contenu ouvert */
.wp-block-details[open] p {
  margin-top: .7rem !important;
  padding-top: .7rem !important;
  border-top: 1px solid #e5e5e5 !important;
  text-align: left !important;
  color: #444 !important;
  line-height: 1.6 !important;
  max-width: 65ch !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ================================
   11. ESPACEMENTS BOUTONS ET SECTIONS
================================ */

/* Masquer les séparateurs */
.wp-block-separator {
  display: none !important;
}

/* BEAUCOUP plus d'espace entre "Ajouter un relevé" et "Centrer la carte" */
.hero-compact + .wp-block-buttons {
  margin-top: 3.5rem !important; /* Augmenté : 2.5rem → 3.5rem */
}

/* Espace entre bouton carte et carte */
.wp-block-buttons + .wp-block-shortcode {
  margin-top: 1.5rem !important;
}

/* Espace entre carte et bouton liste */
.wp-block-shortcode + .wp-block-buttons {
  margin-top: 1.5rem !important;
}
/* ================================
   11.5. CORRECTION ESPACEMENT WP-BLOCK-GROUP
================================ */

/* Problème résolu : .wp-block-group utilisait les marges par défaut WordPress */
.hero-compact + .wp-block-group {
  margin-top: 0.5rem !important;    /* Espace contrôlé après le hero */
  margin-bottom: 0.5rem !important; /* Espace contrôlé avant les boutons */
}

/* Réduire aussi les marges internes du details comme demandé */
.wp-block-group .wp-block-details {
  margin: 0.25rem auto 0.25rem auto !important; /* Réduit de moitié */
}
/* ================================
   12. ESPACEMENTS HOME & CARTE
================================ */
.home .inside-article{ padding-top:0 !important; }
.home .entry-content > *:first-child{ margin-top:0 !important; }

.entry-content .wp-block-shortcode{ margin:.35rem 0 !important; }

/* ================================
   13. RESPONSIVE HEADER/ESPACES
================================ */
@media (max-width:768px){
  .site-header, .inside-header{ padding-top:.25rem !important; padding-bottom:.25rem !important; }
}

/* ================================
   14. RESPONSIVE MOBILE
================================ */
@media (max-width: 768px) {
  /* H1 mobile */
  .site-content h1 {
    font-size: clamp(28px, 5vw, 36px) !important;
    font-weight: 700 !important;
    word-spacing: -0.05em !important;
    transform: scaleX(0.98) !important;
  }
  
  /* Sous-titre mobile */
  .has-text-align-center.has-large-font-size {
    font-size: clamp(16px, 1.2vw + .1rem, 18px) !important;
    margin: .5rem auto 0 !important;
    color: #666 !important;
  }
  
  /* En savoir plus mobile */
  .wp-block-details {
    margin: .4rem auto .6rem auto !important;
  }
  
  .wp-block-details summary {
    font-size: 16px !important;
    padding: 3px 6px !important;
    padding-left: 1.1em !important;
  }
  
  /* Espacements mobiles réduits */
  .hero-compact + .wp-block-buttons {
    margin-top: 2.5rem !important;
  }
  
  .wp-block-buttons + .wp-block-shortcode,
  .wp-block-shortcode + .wp-block-buttons {
    margin-top: 1.2rem !important;
  }
}

/* ================================
   15. DIVERS
================================ */
.igloups-wrapper #igloups-mini-map{
  height:300px; width:100%; border:1px solid #ddd; border-radius:8px; margin-top:20px;
}

/* ================================
   16. AJUSTEMENTS CIBLÉS PAS À PAS
================================ */

/* SEULEMENT les H3 avec wp-block-heading (pas le H1) */
h3.wp-block-heading {
  font-size: clamp(20px, 2vw, 24px) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.01em !important;
  font-weight: 700 !important;
  color: #111 !important;
  margin: 0 0 1.2rem 0 !important;
  text-align: left !important;
}

/* H3 "Actualités" centré */
h3.has-text-align-center.wp-block-heading {
  text-align: center !important;
}

/* ================================
   17. CORRECTIONS FORMULAIRE ET TEXTE (SÉLECTEURS DYNAMIQUES)
================================ */

/* SUPPRIMER la bordure du formulaire sondage */
.forminator-custom-form[data-form-id="345"] {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Texte de la page plus foncé (sans être noir) */
body .entry-content p,
body .site-content p,
body .entry-content li,
body .site-content li {
  color: #333 !important;
}

/* Titres des questions du sondage EN GRAS - sélecteurs dynamiques */
span[id^="forminator-radiogroup-radio-"].forminator-label,
label[id^="forminator-field-textarea-"].forminator-label {
  font-weight: 700 !important;
  color: #222 !important;
  font-size: 16px !important;
  display: block !important;
  margin-bottom: 8px !important;
}

/* ================================
   18. FONCER ENCORE PLUS LE TEXTE
================================ */

/* Texte encore plus foncé */
body .entry-content p,
body .site-content p,
body .entry-content li,
body .site-content li,
.wp-block-column p,
.wp-block-columns p {
  color: #222 !important; /* Plus foncé que #333 */
}

/* Texte descriptif du sondage aussi plus foncé */
.forminator-custom-form[data-form-id="345"] .forminator-description {
  color: #222 !important;
}

/* ================================
   19. RETRAIT FORMULAIRE, TAILLE TEXTE ET CORRECTIONS
================================ */

/* SUPPRIMER définitivement la bordure du formulaire - sélecteurs renforcés */
.forminator-custom-form-345,
.forminator-custom-form[data-form-id="345"],
form#forminator-module-345 {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* Retrait sur les radio buttons */
.forminator-custom-form[data-form-id="345"] .forminator-radio {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

/* Retrait sur le textarea sans débordement */
.forminator-custom-form[data-form-id="345"] .forminator-textarea {
  margin-left: 20px !important;
  margin-right: 20px !important;
  width: calc(100% - 40px) !important;
  max-width: calc(100% - 40px) !important;
  box-sizing: border-box !important;
}

/* Légèrement augmenter la taille du paragraphe d'introduction */
.wp-block-column h3.wp-block-heading + p {
  font-size: 1.05em !important;
  line-height: 1.5 !important;
}

/* ================================
   20. STYLE BOUTON SONDAGE OUTLINE
================================ */

/* Bouton du sondage en style outline comme "Voir la liste" */
.forminator-custom-form[data-form-id="345"] .forminator-button-submit {
  background-color: transparent !important;
  color: #6c757d !important;
  border: 2px solid #6c757d !important;
  padding: 12px 24px !important;
  border-radius: 25px !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  text-decoration: none !important;
  display: block !important;
  margin: 20px auto 0 auto !important;
  width: auto !important;
}

.forminator-custom-form[data-form-id="345"] .forminator-button-submit:hover {
  background-color: #6c757d !important;
  color: #fff !important;
  border-color: #6c757d !important;
  text-decoration: none !important;
}

/* ================================
   21. RÉDUIRE ESPACE TEXTAREA - VERSION RESPONSIVE
================================ */

/* Réduire l'espace entre "Autres fonctionnalités" et l'input */
.forminator-custom-form[data-form-id="345"] .forminator-field-textarea .forminator-label {
  margin-bottom: 5px !important;
}

/* Compteur "0/500" à gauche - VERSION SIMPLE */
.forminator-custom-form[data-form-id="345"] .forminator-field-textarea .forminator-description {
  text-align: left !important;
  margin-left: 20px !important; /* Même décalage que le textarea */
  margin-top: 5px !important;
  margin-bottom: 0 !important;
  font-size: 0.9em !important;
  color: #666 !important;
}

/* ================================
   22. FORMULAIRE NEWSLETTER - STYLE UNIFIÉ
================================ */

/* Bouton "Je m'abonne !" avec le même style que le sondage */
.mailpoet_form input[type="submit"],
.mailpoet_submit,
button[data-automation-id="subscribe"],
.mailpoet_form .mailpoet_submit {
  background-color: transparent !important;
  color: #6c757d !important;
  border: 2px solid #6c757d !important;
  padding: 12px 24px !important;
  border-radius: 25px !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  text-decoration: none !important;
  display: block !important;
  margin: 20px auto 0 auto !important;
  width: auto !important;
  min-width: 150px !important;
}

.mailpoet_form input[type="submit"]:hover,
.mailpoet_submit:hover,
button[data-automation-id="subscribe"]:hover,
.mailpoet_form .mailpoet_submit:hover {
  background-color: #6c757d !important;
  color: #fff !important;
  border-color: #6c757d !important;
  text-decoration: none !important;
}

/* Styles des champs du formulaire newsletter */
.mailpoet_form input[type="email"],
.mailpoet_form input[type="text"],
.mailpoet_text,
.mailpoet_textarea {
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  padding: 10px 12px !important;
  font-size: 1rem !important;
  transition: border-color 0.3s ease !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.mailpoet_form input[type="email"]:focus,
.mailpoet_form input[type="text"]:focus,
.mailpoet_text:focus,
.mailpoet_textarea:focus {
  border-color: #6c757d !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(108, 117, 125, 0.2) !important;
}

/* Checkbox personnalisée */
.mailpoet_checkbox {
  margin: 15px 0 !important;
}

.mailpoet_form .mailpoet_checkbox_label {
  font-size: 0.9rem !important;
  color: #666 !important;
  margin-left: 8px !important;
}

/* Nettoyage du formulaire newsletter */
.igloups-newsletter-wrapper .mailpoet_form {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Responsive pour mobile */
@media (max-width: 768px) {
  .mailpoet_form input[type="submit"],
  .mailpoet_submit {
    padding: 10px 20px !important;
    font-size: 0.9rem !important;
    width: 100% !important;
  }
}

/* ================================
   23. LIENS "EN SAVOIR PLUS" - STYLE UNIFIÉ
================================ */

/* Appliquer le même style que le wp-block-details summary */
a[href*="savoir-plus"], 
.en-savoir-plus,
a[title*="savoir plus"],
a[title*="En savoir plus"] {
  font-size: 17px !important;
  font-weight: 500 !important;
  color: #0073aa !important;
  padding: 4px 8px !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 0 auto !important;
  display: inline-block !important;
  cursor: pointer !important;
  text-decoration: underline !important;
  transition: all 0.3s ease !important;
  position: relative;
  padding-left: 1.2em !important;
  list-style: none !important;
}

a[href*="savoir-plus"]:hover,
.en-savoir-plus:hover,
a[title*="savoir plus"]:hover,
a[title*="En savoir plus"]:hover {
  color: #005a87 !important;
  background: none !important;
  text-decoration: underline !important;
}

/* Flèche CSS pour les liens "En savoir plus" */
a[href*="savoir-plus"]::before,
.en-savoir-plus::before,
a[title*="savoir plus"]::before,
a[title*="En savoir plus"]::before {
  content: "▸";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.9em;
  line-height: 1;
  transition: transform 0.3s ease;
}

/* Sélecteurs spécifiques si nécessaire */
#en-savoir-plus-footer,
.footer-savoir-plus,
.privacy-note a[href*="politique-de-confidentialite"] {
  font-size: 17px !important;
  font-weight: 500 !important;
  color: #0073aa !important;
  text-decoration: underline !important;
  padding-left: 1.2em !important;
  position: relative;
}

#en-savoir-plus-footer::before,
.footer-savoir-plus::before,
.privacy-note a[href*="politique-de-confidentialite"]::before {
  content: "▸";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.9em;
}

.privacy-note a[href*="politique-de-confidentialite"]:hover {
  color: #005a87 !important;
  background: none !important;
  text-decoration: underline !important;
}

/* Version mobile pour les liens */
@media (max-width: 768px) {
  a[href*="savoir-plus"],
  .en-savoir-plus,
  a[title*="savoir plus"],
  a[title*="En savoir plus"] {
    font-size: 16px !important;
    padding: 3px 6px !important;
    padding-left: 1.1em !important;
  }
}

/* ================================
   24. ESPACEMENTS UNIFORMISÉS - "EN SAVOIR PLUS" ET BOUTONS
================================ */

/* Problème résolu : .is-layout-constrained de WordPress/Gutenberg appliquait des paddings excessifs */
.is-layout-constrained {
  padding: 0 !important;
}


/* ================================
   ÉQUILIBRER LES ESPACEMENTS - Ajustement précis
================================ */

/* 1. AUGMENTER "En savoir plus" (manque encore un peu) */
details.wp-block-details {
  margin: 2rem auto !important; /* Augmenté de 1.5rem → 2rem */
  padding: 20px !important; /* Augmenté de 15px → 20px */
  text-align: center !important;
}

/* 2. RÉDUIRE le bouton "Centrer la carte" (trop d'espace) */
.wp-block-buttons.is-style-outline,
.wp-block-button.is-style-outline {
  margin: 1rem auto !important; /* Réduit de 1.5rem → 1rem */
}

/* 3. Ou cibler spécifiquement le deuxième bouton s'il a une règle particulière */
.wp-block-buttons + .wp-block-buttons {
  margin-top: 0.75rem !important; /* Réduire l'espace entre les boutons */
}

/* 4. Alternative : ajuster individuellement */
/* Premier bouton "Ajouter" - garder normal */
.wp-block-buttons:first-of-type {
  margin: 1.2rem auto !important;
}

/* Deuxième bouton "Centrer" - réduire */
.wp-block-buttons:nth-of-type(2) {
  margin: 0.8rem auto !important; /* Moins d'espace */
}

/* 5. Bouton après la carte "Voir la liste" - garder normal */
.wp-block-shortcode + .wp-block-buttons {
  margin-top: 1.2rem !important;
  margin-bottom: 1.2rem !important;
}
/* ================================
   CORRIGER SPÉCIFIQUEMENT "EN SAVOIR PLUS"
================================ */

/* ================================
   DIAGNOSTIC COMPLET - MARGES ET PADDINGS VISIBLES
================================ */

/* Afficher les marges ET les paddings de tous les éléments */



/* 1. D'ABORD corriger votre valeur pour qu'elle soit identique */
/* IDENTIQUE : 0.5rem dessus ET dessous 
.wp-block-details {
  margin: 0.5rem auto 0.5rem auto !important; 
  text-align: center !important;
}
*/
/* 2. Si la règle ci-dessus ne fonctionne pas, utiliser une spécificité plus forte  
.entry-content .wp-block-details {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
*/
/* 3. Ou cibler encore plus précisément si besoin 
  margin: 0.9rem auto !important;
}
*/
/*
details.wp-block-details {
  margin: 0.9rem auto !important;
  text-align: center !important;
}
  */
/* 4. Vérifier que ce n'est pas le conteneur parent qui pose problème 
.wp-block-group .wp-block-details {
  margin: 0.5rem auto !important;
}
*/
/* 5. En dernier recours, sélecteur très spécifique 
details.wp-block-details {
  margin: 0.5rem auto !important;
  display: block !important;
} */
/* Uniformiser les espacements des boutons outline */
.wp-block-buttons.is-style-outline,
.wp-block-button.is-style-outline {
  margin: 1.5rem auto !important;
}

/* Bouton "Voir la liste" après la carte */
.wp-block-shortcode + .wp-block-buttons {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

/* Bouton "Centrer" avant la carte */
.wp-block-buttons + .wp-block-shortcode {
  margin-top: 1.5rem !important;
}

/* Espace entre les deux boutons principaux */
.wp-block-buttons + .wp-block-buttons {
  margin-top: 1rem !important;
}

/* Maintenir les paddings nécessaires des boutons */
.wp-block-button__link {
  padding: 0.75rem 1rem !important;
}

/* Version mobile - espacements ajustés */
@media (max-width: 768px) {
  .wp-block-buttons.is-style-outline,
  .wp-block-button.is-style-outline,
  .wp-block-shortcode + .wp-block-buttons,
  .wp-block-buttons + .wp-block-shortcode {
    margin: 1.2rem auto !important;
  }
  
  .wp-block-buttons + .wp-block-buttons {
    margin-top: 0.8rem !important;
  }
  
  .wp-block-details {
    margin: 0.2rem auto 0.3rem auto !important;
  }
}
/* ================================
   25. FORMULAIRE NEWSLETTER - VERSION FINALE PROPRE
================================ */

/* Agrandir la police de "J'accepte de recevoir la newsletter" */
.mailpoet_form .mailpoet_checkbox_label,
.mailpoet_checkbox_label,
label[for*="mailpoet_checkbox"] {
  font-size: 1.1rem !important; 
  color: #333 !important; 
  margin-left: 8px !important;
  font-weight: 500 !important; 
}

/* Réduire l'espace entre tous les paragraphes */
.mailpoet_form .mailpoet_paragraph {
  margin-bottom: 3px !important;
  margin-top: 3px !important;
}

/* Le paragraphe qui suit la checkbox - alignement en ligne */
.mailpoet_paragraph:has(input[type="checkbox"]) + .mailpoet_paragraph {
  font-size: 0.8rem !important;
  color: #666 !important;
  line-height: 1.3 !important;
  margin-top: 2px !important;
  
  /* Forcer l'alignement en ligne */
  display: flex !important;
  align-items: baseline !important;
  gap: 4px !important;
  flex-wrap: wrap !important;
}

/* Forcer tous les éléments enfants à être en ligne */
.mailpoet_paragraph:has(input[type="checkbox"]) + .mailpoet_paragraph * {
  display: inline !important;
  vertical-align: baseline !important;
  margin: 0 !important;
  padding: 0 2px 0 0 !important;
}

/* Style spécifique du lien "En savoir plus" */
.mailpoet_paragraph:has(input[type="checkbox"]) + .mailpoet_paragraph a {
  font-size: 0.8rem !important; 
  color: #0073aa !important;
  text-decoration: underline !important;
  white-space: nowrap !important;
  display: inline !important;
  vertical-align: baseline !important;
  margin-left: 2px !important;
}

/* Pas de flèche sur les liens du formulaire */
.mailpoet_form a::before {
  display: none !important;
  content: none !important;
}

/* Réduire l'espace entre la checkbox et le texte de confidentialité */
.mailpoet_checkbox {
  margin: 5px 0 2px 0 !important; 
}

/* Supprimer les retours à la ligne forcés */
.mailpoet_paragraph:has(input[type="checkbox"]) + .mailpoet_paragraph br {
  display: none !important;
}

/* ================================
   26. SÉLECTEURS ALTERNATIFS NEWSLETTER
================================ */

/* Alternative pour le texte de confidentialité */
/*
.mailpoet_form p:last-of-type,
.mailpoet_form div:last-child p {
  font-size: 0.8rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 5px !important;
}
*/

/* Alternative pour le label checkbox */
/*
.mailpoet_form label:has(input[type="checkbox"]) {
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  color: #333 !important;
}
*/

/* ================================
   27. RESPONSIVE NEWSLETTER MOBILE
================================ */

@media (max-width: 768px) {
  /* Checkbox label reste lisible sur mobile */
  .mailpoet_form .mailpoet_checkbox_label {
    font-size: 1rem !important;
  }
  
  /* Texte de confidentialité encore plus petit sur mobile */
  .privacy-note,
  .newsletter-disclaimer {
    font-size: 0.75rem !important;
    flex-direction: column !important; /* Retour à la ligne sur mobile si nécessaire */
    align-items: flex-start !important;
    gap: 3px !important;
  }
  
  .privacy-note a,
  .newsletter-disclaimer a {
    font-size: 0.75rem !important;
  }
}