.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#185064;--e-global-color-b6eddaf:#D2207E;--e-global-color-72ef706:#E7238A;--e-global-typography-primary-font-family:"Lexend";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Lexend";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Lexend";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Lexend";--e-global-typography-accent-font-weight:500;background-color:#FFFCF9;color:#185064;font-family:"Lexend", Sans-serif;font-size:20px;font-weight:300;line-height:32px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#E7238A;font-family:"Lexend", Sans-serif;font-size:20px;font-weight:700;color:#FFFFFF;border-radius:8px 8px 8px 8px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#D2207E;color:#FFFFFF;border-radius:8px 8px 8px 8px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:4px;}.elementor-kit-6 a:hover{color:var( --e-global-color-b6eddaf );}.elementor-kit-6 h1{color:#185064;font-family:"Lexend", Sans-serif;font-size:48px;font-weight:700;line-height:60px;}.elementor-kit-6 h2{color:#185064;font-family:"Lexend", Sans-serif;font-size:40px;font-weight:700;line-height:45px;}.elementor-kit-6 h3{color:#185064;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{line-height:32px;--e-page-transition-entrance-animation:e-page-transition-fade-out-down;--e-page-transition-exit-animation:e-page-transition-fade-in-up;}.elementor-kit-6 p{margin-block-end:4px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================================
   BADGE CLASSE ÉNERGÉTIQUE (largeur fixe 50px)
   ================================ */
.energy-tag {
  display: inline-flex;        
  align-items: center;
  justify-content: center;

  /* Dimensions fixes : on conserve les px pour éviter une mise à l’échelle involontaire */
  width: 58px !important;
  height: 36px !important;

  /* Rayon qui peut suivre l’échelle typographique */
  border-radius: 0.25rem; /* 4px */

  color: #fff;
  font-family: 'Lexend', sans-serif;
  font-weight: 700;

  /* Typo en rem pour respecter la taille racine */
  font-size: 1rem; /* 16px */

  text-align: center;
  background: #2ea043;

  /* Offsets liés à la forme : on garde les px */
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);

  /* Ombre subtile : px pour un rendu constant */
  box-shadow: 0 1px 2px rgba(0,0,0,.1);

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  /* Pas de padding pour conserver la largeur exacte */
  padding: 0;
}


/* Couleurs dynamiques */
.energy-tag[data-energy="A"],
.energy-tag[data-energy="A\+"],
.energy-tag[data-energy="A\+\+"],
.energy-tag[data-energy="A\+\+\+"] { background: #2ea043 !important; }
.energy-tag[data-energy="B"] { background: #22a559 !important; }
.energy-tag[data-energy="C"] { background: #7cc217 !important; }
.energy-tag[data-energy="D"] { background: #e0b20a !important; }
.energy-tag[data-energy="E"] { background: #f59e0b !important; }
.energy-tag[data-energy="F"] { background: #f97316 !important; }
.energy-tag[data-energy="G"] { background: #ef4444 !important; }

/* "Référence :" à côté */
.ref-label {
  margin-left: 0.625rem; /* 10px */
  font-family: 'Lexend', sans-serif;
  font-weight: 700;
  font-size: 1rem;       /* 16px */
  line-height: 2.25rem;  /* 36px */
  color: #134e63;
}

/* ================================
   Période
   ================================ */
.periode {
  color: #0C4F67;
  text-align: right;
  font-family: Lexend, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

/* Tablette et mobile */
@media (max-width: 1024px) {
  .periode {
    font-size: 14px !important;
    margin-top: 4px !important;
     line-height: 22px !important;
  }
}

/* ================================
   Bloc date
   ================================ */
.card-date {
  display: inline-flex !important;       /* largeur = contenu */
  width: fit-content !important;         /* moderne */
  width: -moz-fit-content !important;    /* compat Firefox */
  flex: 0 0 auto !important;             /* empêche l’étirement */
  background-color: #97E1FA !important;  /* ton bleu */
  padding: 4px 24px !important;          /* haut/bas = 4px | gauche/droite = 24px */
  border-radius: 12px !important;        /* arrondi type "pilule" */
}

/* ================================
   Marques
   ================================ */
.marque-style {
  color: #0C4F67;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; /* 120% */
}

/* ================================
   Icône + texte (Elementor)
   ================================ */
.elementor-element-c9dab87 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.elementor-element-c9dab87 p {
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 2px !important;
}

.elementor-element-c9dab87 .elementor-icon-wrapper {
  display: flex !important;
  align-items: center !important;
}

.elementor-element-c9dab87 .elementor-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;   /* évite le décalage baseline */
  width: 20px !important;      
  height: 20px !important;
  padding: 0 !important;       
}

.elementor-element-c9dab87 .elementor-icon svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}

/* ================================
   Texte date de fin
   ================================ */
.date-fin-style {
  font-family: "Lexend", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #FDB82A !important;
  line-height: 20px !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* Smartphone (max 767px par exemple) */
@media (max-width: 767px) {
  .date-fin-style {
    font-size: 12px !important;
    line-height: 18px !important;
  }
}

/* ===========================
   Gravity Forms – Multi Upload (FINAL CORRECTED)
   =========================== */

/* Couleurs */
:root {
  --gf-txt: #185064;          /* bleu thème */
  --gf-hover: #D2207E;        /* rose foncé */
  --gf-bg-hover-btn: #F4D0E1; /* rose clair (hover bouton) */
}

/* ----- Conteneur upload ----- */
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload {
  background: transparent;
  border: 2px dashed var(--gf-txt);
  color: var(--gf-txt);
  border-radius: 8px;
  padding: 16px;
  transition: border-color .2s ease, color .2s ease, box-shadow .2s ease;
}
body .gform_wrapper .ginput_container_fileupload .gform_drop_area {
  background: transparent;
  border: none;
  color: inherit;
  transition: color .2s ease;
}

/* Icône upload (framework GF) */
.gform-theme--framework
.gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload)
.gform_drop_area::before {
  color: var(--gf-txt) !important;
  transition: color .2s ease;
}
body .gform_wrapper .gform_body .gform_fields .gfield
.ginput_container_fileupload:hover .gform_drop_area::before {
  color: var(--gf-hover) !important;
}

/* Icônes éventuelles (SVG / <i>) */
body .gform_wrapper .ginput_container_fileupload svg,
body .gform_wrapper .ginput_container_fileupload i {
  color: var(--gf-txt);
  fill: var(--gf-txt);
  transition: color .2s ease, fill .2s ease;
}
body .gform_wrapper .ginput_container_fileupload:hover svg,
body .gform_wrapper .ginput_container_fileupload:hover i {
  color: var(--gf-hover);
  fill: var(--gf-hover);
}

/* Textes explicatifs */
body .gform_wrapper .ginput_container_fileupload .gform_drop_instructions,
body .gform_wrapper .ginput_container_fileupload .gform_drop_text,
body .gform_wrapper .ginput_container_fileupload .gform_fileupload_rules {
  color: var(--gf-txt);
  transition: color .2s ease;
}

/* Bouton fichiers */
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_button_select_files,
body .gform_wrapper .ginput_container_fileupload .button {
  background: #fff;
  border: 1px solid var(--gf-hover);
  color: var(--gf-hover);
  border-radius: 6px;
  padding: 8px 12px;
  cursor: pointer;
  transition: all .2s ease;
  box-shadow: none;
}
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_button_select_files:hover,
body .gform_wrapper .ginput_container_fileupload .button:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload:hover .gform_button_select_files,
body .gform_wrapper .ginput_container_fileupload:hover .button {
  background: var(--gf-bg-hover-btn);
  border-color: var(--gf-hover);
  color: var(--gf-hover);
  box-shadow: 0 0 8px rgba(210, 32, 126, 0.6);
}

/* Hover global bloc */
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload:hover {
  border-color: var(--gf-hover);
  color: var(--gf-hover);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--gf-hover) 20%, transparent);
}
body .gform_wrapper .ginput_container_fileupload:hover .gform_drop_instructions,
body .gform_wrapper .ginput_container_fileupload:hover .gform_drop_text {
  color: var(--gf-hover);
}

/* ===========================
   Liste des fichiers (grille + align poubelle)
   =========================== */
#gform_preview_5_12 .ginput_preview {
  width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr auto; /* contenu | actions */
  grid-template-rows: auto auto auto;
  column-gap: 12px;
  row-gap: 8px;
  align-items: start;
  padding: 12px 0;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

/* Nom sur 2 lignes max */
#gform_preview_5_12 .gfield_fileupload_filename {
  grid-column: 1;
  grid-row: 1;
  display: -webkit-box;
  -webkit-line-clamp: 2;      /* 2 lignes max */
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  color: var(--gf-txt) !important;
  font-weight: 500;
  line-height: 1.35;
}

/* Taille du fichier */
#gform_preview_5_12 .gfield_fileupload_filesize {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  font-size: 13px;
  color: #555;
}

/* Poubelle : proche du nom */
#gform_preview_5_12 .gform_delete_file {
  grid-column: 2;
  grid-row: 1;
  align-self: start;
  justify-self: end;
  color: #9AA0A6;
  background: none;
  border: 0;
  padding: 2px;
  line-height: 1;
  cursor: pointer;
  transition: transform .15s ease, color .15s ease;
}
#gform_preview_5_12 .gform_delete_file:hover {
  color: var(--gf-hover);
  transform: scale(1.06);
}

/* ===========================
   Barre de progression + %
   =========================== */
#gform_preview_5_12 .gfield_fileupload_progress {
  grid-column: 1 / span 2;
  grid-row: 3;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

/* Barre vide */
#gform_preview_5_12 .gfield_fileupload_progressbar {
  flex: 1;
  height: 10px;
  border-radius: 9999px;
  background: rgba(210, 32, 126, 0.2) !important;
  overflow: hidden;
}

/* Barre remplie */
#gform_preview_5_12 .gfield_fileupload_progressbar_progress {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #D2207E, #c61c70) !important;
  border-radius: inherit;
  transition: width .3s ease;
}

/* Badge % toujours au-dessus de la barre */
#gform_preview_5_12 .gfield_fileupload_percent {
  position: absolute !important;
  left: 50% !important;
  bottom: 100% !important;             /* toujours au-dessus */
  transform: translateX(-50%) translateY(-6px) !important; 
  min-width: 44px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: var(--gf-hover);
  background: #fff;
  border: 1px solid var(--gf-hover);
  border-radius: 9999px;
  padding: 3px 10px;
  line-height: 1;
  box-shadow: 0 2px 6px rgba(210, 32, 126, 0.2);
  z-index: 2;
}

/* Conserver le rose quand upload terminé */
#gform_preview_5_12 .gfield_fileupload_progress_complete .gfield_fileupload_progressbar_progress {
  background: linear-gradient(90deg, #D2207E, #c61c70) !important;
}

/* ===========================
   Zoom formulaire en responsive
   =========================== */

/* Empêche le zoom iOS/Android UNIQUEMENT dans Gravity Forms */
@media (max-width: 1024px) {
  .gform_wrapper input,
  .gform_wrapper select,
  .gform_wrapper textarea,
  .gform_wrapper .gform_button,
  .gform_wrapper .button {
    font-size: 16px !important; /* seuil anti-zoom iOS */
    line-height: 1.4;
  }
}/* End custom CSS */