/* =========================================================================
   PIED DE PAGE INGEO - styles portes par .if-footer
   -------------------------------------------------------------------------
   Une seule bande anthracite, grille de 4 colonnes alignees sur un conteneur
   centre, ligne legale sous un filet fin. Rouge INGEO en accent uniquement
   (bouton, survols). Une seule taille de texte (--taille).

   Regles GLOBALES du site neutralisees ici (Simple Custom CSS / Everest) :
   - `a{color:#e42313;text-decoration:none!important}`
   - `.rappelAccueil{width:210px;font-size:24px!important}`
   - `.rappelTelephonique input{width:150px!important}`
   - `.rappelTelephonique:before` (gros combine vert dashicons)
   - marges des champs Everest Forms
   ========================================================================= */
.if-footer{
  --rouge:#E31C17; --rouge-fonce:#B8140F; --fond:#2A353B;
  --texte:rgba(255,255,255,.68); --texte-fort:#fff; --filet:rgba(255,255,255,.12);
  --corps:"Barlow","Segoe UI",Arial,sans-serif;
  --taille:.875rem;
  display:block;width:100%;clear:both;margin:0;
  background:var(--fond);color:var(--texte);font-family:var(--corps);font-size:var(--taille);line-height:1.6;text-align:left
}
.if-footer *,.if-footer *::before,.if-footer *::after{box-sizing:border-box}
.if-footer p,.if-footer ul,.if-footer li{margin:0;padding:0;font-size:var(--taille)}
.if-footer.if-footer ul{list-style:none;margin:0;padding:0}
.if-footer .if-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}

.if-footer.if-footer a{color:var(--texte);text-decoration:none;transition:color .15s}
.if-footer.if-footer a:hover{color:var(--texte-fort)}
.if-footer a:focus-visible,.if-footer button:focus-visible,.if-footer input:focus-visible{outline:2px solid var(--rouge);outline-offset:2px}

/* ---- Grille principale ---- */
.if-haut{display:grid;grid-template-columns:1.25fr 1.1fr .8fr 1.25fr;gap:40px;padding:44px 0 36px}
.if-titre{color:var(--texte-fort);font-weight:600;letter-spacing:.02em;margin-bottom:14px !important}
.if-col > p + p,.if-col > p + ul{margin-top:0}
.if-presentation p:not(.if-titre){max-width:34ch}

/* Meme rythme vertical pour Contact et Navigation : elements en bloc (pas inline-flex,
   dont la ligne de base ajoutait quelques pixels), meme interligne, meme ecart */
.if-liste li{line-height:1.6}
.if-liste li + li{margin-top:8px}
.if-footer.if-footer .if-liste a,.if-liste span{display:flex;align-items:flex-start;gap:10px}
.if-liste i{width:14px;line-height:inherit;font-size:.8rem;color:var(--rouge);text-align:center;flex:none}

.if-reseaux{display:flex;gap:8px;margin-top:18px !important}
.if-footer.if-footer .if-reseaux a{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--filet);border-radius:50%;
  color:var(--texte-fort);font-size:.8rem;transition:background .15s,border-color .15s}
.if-footer.if-footer .if-reseaux a:hover{background:var(--rouge);border-color:var(--rouge);color:#fff}

/* ---- Rappel (Everest Forms) : champ et bouton soudes ---- */
.if-rappel > p:not(.if-titre){margin-bottom:12px !important}
.if-footer .if-rappel .everest-forms,.if-footer .if-rappel .evf-container{margin:0 !important;padding:0 !important}
.if-footer .if-rappel form{display:flex;flex-wrap:wrap;align-items:stretch;margin:0}
/* Everest met `padding:0 15px` sur le conteneur de champs : c'est ce qui decalait le champ de 15 px */
.if-footer .if-rappel .evf-field-container{flex:1 1 0;min-width:0;padding:0 !important;margin:0 !important}
.if-footer .if-rappel .evf-field-container .evf-frontend-row,
.if-footer .if-rappel .evf-field-container .evf-frontend-grid,
.if-footer .if-rappel .evf-field-container .evf-field{margin:0 !important;padding:0 !important;width:100% !important;float:none}
.if-footer .if-rappel .evf-submit-container{display:contents}
.if-footer .if-rappel .everest-forms-field-limit-text,.if-footer .if-rappel .evf-label-hide{display:none !important}
.if-footer.if-footer .if-rappel .rappelTelephonique::before{content:none;display:none}

.if-footer.if-footer .if-rappel input.input-text{width:100% !important;height:42px;margin:0;padding:0 14px;
  border:1px solid var(--filet);border-right:0;border-radius:6px 0 0 6px;background:rgba(255,255,255,.06);
  color:#fff;font:500 var(--taille) var(--corps);box-shadow:none}
.if-footer.if-footer .if-rappel input.input-text::placeholder{color:rgba(255,255,255,.45)}
.if-footer.if-footer .if-rappel input.input-text:focus{outline:none;border-color:var(--rouge);background:rgba(255,255,255,.1)}
.if-footer.if-footer .if-rappel button.evf-submit{flex:none;width:auto;height:42px;margin:0;padding:0 18px;border:0;border-radius:0 6px 6px 0;
  background:var(--rouge);color:#fff;font:600 var(--taille)/1 var(--corps) !important;letter-spacing:0;text-transform:none;
  cursor:pointer;white-space:nowrap;transition:background .15s}
.if-footer.if-footer .if-rappel button.evf-submit:hover{background:var(--rouge-fonce)}

.if-footer.if-footer .if-rappel .ingeo-rappel-horaires{flex-basis:100%;margin:10px 0 0;text-align:left;font-size:.8rem;color:rgba(255,255,255,.5)}
/* Un creneau par ligne (pas de coupure au milieu d'une plage horaire), le « i » au bout de la 2e */
.if-footer.if-footer .if-rappel .ingeo-rappel-creneau{display:block}
.if-footer.if-footer .if-rappel .ingeo-rappel-creneau + .ingeo-rappel-creneau{display:inline}
.if-footer.if-footer .if-rappel .ingeo-rappel-info{background:rgba(255,255,255,.18);color:#fff}
.if-footer.if-footer .if-rappel .ingeo-rappel-bulle{background:#fff;color:#2A353B}
.if-footer.if-footer .if-rappel .ingeo-rappel-bulle::after{border-top-color:#fff}
.if-footer .if-rappel .everest-forms-notice{flex-basis:100%;margin:0 0 8px;padding:8px 12px;font-size:var(--taille);border-radius:6px}

/* ---- Ligne legale ---- */
.if-bas{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;border-top:1px solid var(--filet);padding:16px 0 20px;font-size:.8rem;color:rgba(255,255,255,.45)}
.if-footer .if-bas p,.if-footer .if-bas li{font-size:.8rem}
.if-bas ul{display:flex;gap:20px}
.if-footer.if-footer .if-bas a{color:rgba(255,255,255,.55)}
.if-footer.if-footer .if-bas a:hover{color:#fff}

/* ---- Responsive ---- */
@media (max-width:1024px){
  .if-haut{grid-template-columns:1fr 1fr;gap:32px 40px}
}
@media (max-width:600px){
  .if-footer .if-wrap{padding:0 16px}
  .if-haut{grid-template-columns:1fr;gap:28px;padding:36px 0 28px}
  .if-bas{flex-direction:column}
}