.elementor-1171401 .elementor-element.elementor-element-afd1240{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1171401 .elementor-element.elementor-element-ba380d5 .elementor-menu-toggle{margin-right:auto;border-width:0px;}.elementor-1171401 .elementor-element.elementor-element-ba380d5 .elementor-nav--main a.elementor-item{font-size:1px;}.elementor-1171401 .elementor-element.elementor-element-ba380d5 .elementor-nav--dropdown{font-weight:700;background-color:#185EAB;}.elementor-1171401 .elementor-element.elementor-element-ba380d5 .elementor-nav--dropdown a:not(#e), .elementor-1171401 .elementor-element.elementor-element-ba380d5 .elementor-menu-toggle{color:#FFFFFF;}.elementor-1171401 .elementor-element.elementor-element-ba380d5 .elementor-nav--dropdown a.elementor-item-active:not(#e){color:#FFFFFF;}.elementor-1171401 .elementor-element.elementor-element-ba380d5 .elementor-nav--dropdown a.elementor-item-active{background-color:#F16423;}.elementor-1171401 .elementor-element.elementor-element-ba380d5 .elementor-nav--dropdown a{padding-top:4px;padding-bottom:4px;}.elementor-1171401 .elementor-element.elementor-element-ba380d5 .elementor-nav--dropdown li:not(:last-child){border-style:groove;}.elementor-1171401 .elementor-element.elementor-element-0a99542 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-1171401 .elementor-element.elementor-element-6116575 .elementor-nav--dropdown a{padding-top:3px;padding-bottom:3px;}#header{box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}@media(min-width:768px){.elementor-1171401 .elementor-element.elementor-element-88fd673{width:15.024%;}.elementor-1171401 .elementor-element.elementor-element-df34447{width:45.031%;}.elementor-1171401 .elementor-element.elementor-element-bc00d4a{width:15.196%;}.elementor-1171401 .elementor-element.elementor-element-cb45a0d{width:16.203%;}.elementor-1171401 .elementor-element.elementor-element-63e1003{width:8.523%;}}@media(max-width:767px){.elementor-1171401 .elementor-element.elementor-element-afd1240{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1171401 .elementor-element.elementor-element-88fd673{width:100%;}.elementor-1171401 .elementor-element.elementor-element-88fd673 > .elementor-element-populated{padding:5px 5px 5px 5px;}.elementor-1171401 .elementor-element.elementor-element-df34447{width:17%;}.elementor-1171401 .elementor-element.elementor-element-df34447 > .elementor-column-wrap > .elementor-widget-wrap{row-gap:0px;}.elementor-1171401 .elementor-element.elementor-element-df34447 > .elementor-element-populated{margin:0px 5px 0px 0px;}.elementor-1171401 .elementor-element.elementor-element-ba380d5 .elementor-nav--main a.elementor-item{font-size:1px;}.elementor-1171401 .elementor-element.elementor-element-ba380d5 .elementor-nav--dropdown{font-size:20px;}.elementor-1171401 .elementor-element.elementor-element-ba380d5 .elementor-nav--dropdown a{padding-top:10px;padding-bottom:10px;}.elementor-1171401 .elementor-element.elementor-element-ba380d5{width:auto;}.elementor-1171401 .elementor-element.elementor-element-bc00d4a{width:17%;}.elementor-1171401 .elementor-element.elementor-element-bc00d4a > .elementor-element-populated{margin:0px 5px 0px 0px;}.elementor-1171401 .elementor-element.elementor-element-13d8246{width:auto;}.elementor-1171401 .elementor-element.elementor-element-cb45a0d{width:17%;}.elementor-1171401 .elementor-element.elementor-element-cb45a0d > .elementor-element-populated{margin:0px 5px 0px 0px;}.elementor-1171401 .elementor-element.elementor-element-0a99542{width:auto;}.elementor-1171401 .elementor-element.elementor-element-63e1003{width:17%;}}/* Start custom CSS for html, class: .elementor-element-13d8246 *//* =========================================
   CEILINGO - Redesign Téléphone Premium
   ========================================= */

/* --- VARIABLES DE COULEURS (Harmonie Logo Ceilingo) --- */
:root {
  /* Un dégradé très léger basé sur le bleu de votre logo pour garder l'effet premium */
  --premium-phone-bg: linear-gradient(135deg, #155CAE 0%, #1A74D4 100%); 
  --premium-phone-text: #ffffff;
  
  /* La pastille de l'icône prend l'orange de votre logo (effet d'appel à l'action garanti !) */
  --premium-icon-bg: #F36523; 
  --premium-icon-color: #ffffff;
}

/* --- 1. CENTRAGE GENERAL DU HEADER --- */
#header .header-top,
#header .header-top .container,
#header .header-top .row,
#header .header-nav,
#header .header-nav .container,
#header .header-nav .row {
  display: flex !important;
  align-items: center !important;
}

#header [id^="_desktop_"] {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}

/* --- 2. CONTENEUR DU BOUTON (LI) ET NETTOYAGE --- */
#header li.ceilingo-phone {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  border: none !important;       /* Supprime les bordures parasites */
  box-shadow: none !important;   /* Supprime les ombres parasites */
  background: transparent !important;
}

/* Nettoyage des puces et pseudo-éléments du thème */
#header li.ceilingo-phone::marker { content: "" !important; }
#header li.ceilingo-phone::before,
#header li.ceilingo-phone::after { 
  display: none !important; 
  content: none !important; 
}

/* --- 3. LE BOUTON PILULE (A) --- */
#header a.ceilingo-phone__link {
  display: inline-flex !important;
  align-items: center !important;
  background: var(--premium-phone-bg) !important;
  color: var(--premium-phone-text) !important;
  text-decoration: none !important;
  padding: 6px 20px 6px 6px !important; 
  border-radius: 50px !important; 
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  position: relative !important;
  top: 0 !important;
  margin: 0 !important;
  
  /* Sécurité contre les traits parasites (artefacts du thème) */
  border: none !important;
  outline: none !important;
  background-repeat: no-repeat !important;
}

/* Nettoyage des effets de soulignement/séparation sur le lien */
#header a.ceilingo-phone__link::before,
#header a.ceilingo-phone__link::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
}

/* Effet au survol */
#header a.ceilingo-phone__link:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
  filter: brightness(1.05) !important;
}

/* --- 4. LA PASTILLE ICONE --- */
#header .ceilingo-phone__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: var(--premium-icon-bg) !important;
  color: var(--premium-icon-color) !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  margin-right: 12px !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
  transition: transform 0.3s ease !important;
}

/* Animation icône au survol du bouton */
#header a.ceilingo-phone__link:hover .ceilingo-phone__icon {
  transform: scale(1.08) rotate(8deg) !important;
}

/* Taille et couleur de l'icône SVG */
#header .ceilingo-phone__icon svg {
  width: 16px !important;
  height: 16px !important;
  fill: currentColor !important;
}

/* --- 5. LE TEXTE DU NUMERO --- */
#header .ceilingo-phone__text {
  letter-spacing: 0.5px !important;
  white-space: nowrap !important;
  font-family: inherit !important;
}

/* --- 6. RESPONSIVE MOBILE (ICONE SEULE) --- */
@media (max-width: 768px) {
  #header a.ceilingo-phone__link {
    padding: 6px !important; 
    justify-content: center !important;
  }
  
  #header .ceilingo-phone__text {
    display: none !important; 
  }
  
  #header .ceilingo-phone__icon {
    margin-right: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0a99542 *//* =========================================
   CEILINGO - Redesign Bouton "Nous contacter" (Harmonie Logo)
   ========================================= */

/* 1. Le bouton "Ghost" (Contour élégant) - HAUTEUR CORRIGÉE ET COULEURS LOGO */
#header a[href*="nous-contacter"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: transparent !important;
  color: #155CAE !important; /* Bleu Ceilingo */
  border: 2px solid #155CAE !important; /* Bleu Ceilingo */
  
  /* --- CORRECTIONS D'ALIGNEMENT --- */
  height: 44px !important; /* Même hauteur exacte que le bouton téléphone */
  box-sizing: border-box !important; /* Inclut la bordure de 2px dans les 44px */
  padding: 0 24px !important; /* On retire le padding vertical, flexbox va centrer le texte */
  margin: 0 !important; /* Annule toute marge de décalage */
  vertical-align: middle !important;
  /* -------------------------------- */
  
  border-radius: 50px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-transform: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  line-height: 1 !important;
}

/* Sécurité supplémentaire : alignement du widget Creative Elements lui-même */
.elementor-widget-button {
  margin-bottom: 0 !important; 
}

/* 2. Annuler les styles parasites de Creative Elements sur les éléments internes */
#header a[href*="nous-contacter"] .elementor-button-text,
#header a[href*="nous-contacter"] .elementor-button-icon {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 3. L'icône (enveloppe) à l'intérieur */
#header a[href*="nous-contacter"] i,
#header a[href*="nous-contacter"] svg {
  margin-right: 8px !important;
  font-size: 16px !important;
  fill: currentColor !important;
  transition: transform 0.3s ease !important;
}

/* 4. Effet "Premium" au survol de la souris - AUX COULEURS DU LOGO */
#header a[href*="nous-contacter"]:hover {
  background-color: #155CAE !important; /* Le fond devient bleu Ceilingo */
  color: #ffffff !important; /* Le texte devient blanc */
  border-color: #155CAE !important; /* Assure que la bordure reste bleue */
  transform: translateY(-2px) !important; /* Léger soulèvement */
  box-shadow: 0 8px 20px rgba(21, 92, 174, 0.2) !important; /* Ombre douce ajustée au nouveau bleu */
}

/* Animation de l'icône au survol */
#header a[href*="nous-contacter"]:hover i,
#header a[href*="nous-contacter"]:hover svg {
  transform: scale(1.15) rotate(-5deg) !important;
}

/* 5. Ajustement Mobile (Icône enveloppe seule pour alignement parfait) */
@media (max-width: 768px) {
  #header a[href*="nous-contacter"] {
    padding: 0 !important; /* On enlève l'espace latéral */
    width: 44px !important; /* On force une forme carrée/ronde parfaite (44x44) */
    justify-content: center !important;
  }
  
  /* On masque le texte "Nous contacter" sur téléphone */
  #header a[href*="nous-contacter"] .elementor-button-text {
    display: none !important; 
  }
  
  /* On centre l'icône enveloppe en supprimant sa marge droite */
  #header a[href*="nous-contacter"] i,
  #header a[href*="nous-contacter"] svg {
    margin-right: 0 !important;
    font-size: 20px !important; /* On grossit très légèrement l'icône */
  }
}/* End custom CSS */
/* Start custom CSS for page-settings *//* =========================================
   HEADER COMPLET CEILINGO - MEGA-MENU ULTIME + BADGES SÉCURISÉS
   ========================================= */

/* =========================================
   1. VARIABLES & BOUTONS
   ========================================= */
:root {
  --premium-phone-bg: linear-gradient(135deg, #155CAE 0%, #1A74D4 100%);
  --premium-phone-text: #ffffff;
  --premium-icon-bg: #F36523;
  --premium-icon-color: #ffffff;
}

#header .header-top, #header .header-top .container, #header .header-top .row,
#header .header-nav, #header .header-nav .container, #header .header-nav .row,
#header [id^="_desktop_"] { display: flex !important; align-items: center !important; }

#header li.ceilingo-phone { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; }
#header a.ceilingo-phone__link { display: inline-flex !important; align-items: center !important; background: var(--premium-phone-bg) !important; color: var(--premium-phone-text) !important; padding: 6px 20px 6px 6px !important; border-radius: 50px !important; font-weight: 600 !important; font-size: 15px !important; transition: all 0.3s ease !important; border: none !important; text-decoration: none !important; }
#header a.ceilingo-phone__link:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important; }
#header .ceilingo-phone__icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; background-color: var(--premium-icon-bg) !important; color: var(--premium-icon-color) !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; margin-right: 12px !important; transition: transform 0.3s ease !important; }
#header a.ceilingo-phone__link:hover .ceilingo-phone__icon { transform: scale(1.08) rotate(8deg) !important; }
#header .ceilingo-phone__icon svg { width: 16px !important; height: 16px !important; fill: currentColor !important; }

#header a[href*="nous-contacter"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; background-color: transparent !important; color: #155CAE !important; border: 2px solid #155CAE !important; height: 44px !important; padding: 0 24px !important; border-radius: 50px !important; font-weight: 600 !important; font-size: 15px !important; transition: all 0.3s ease !important; text-decoration: none !important; }
#header a[href*="nous-contacter"] i, #header a[href*="nous-contacter"] svg { margin-right: 8px !important; transition: transform 0.3s ease !important; }
#header a[href*="nous-contacter"]:hover { background-color: #155CAE !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(21, 92, 174, 0.2) !important; }

/* =========================================
   2. MENU PC (GHOST NEON)
   ========================================= */
@media (min-width: 1025px) {
  #header .elementor-nav-menu .elementor-item::before, #header .elementor-nav-menu .elementor-item::after { display: none !important; content: none !important; }
  #header .elementor-nav-menu .elementor-item { position: relative !important; color: #1A2980 !important; font-weight: 700 !important; font-size: 16px !important; letter-spacing: 0.3px !important; padding: 10px 22px !important; margin: 0 2px !important; border-radius: 50px !important; background: transparent !important; border: 1px solid transparent !important; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; z-index: 1 !important; }
  #header .elementor-nav-menu .elementor-item:hover { color: #155CAE !important; background: rgba(81, 166, 245, 0.04) !important; border-color: rgba(81, 166, 245, 0.5) !important; transform: translateY(-2px) !important; box-shadow: 0 8px 15px rgba(81, 166, 245, 0.15), 0 0 12px rgba(81, 166, 245, 0.3), inset 0 0 8px rgba(81, 166, 245, 0.15) !important; }
  #header .elementor-nav-menu .elementor-item.elementor-item-active, #header .elementor-nav-menu .current-menu-item > a { color: #F36523 !important; background: transparent !important; border-color: rgba(243, 101, 35, 0.3) !important; transform: translateY(0) !important; box-shadow: inset 0 0 10px rgba(243, 101, 35, 0.05) !important; }

  /* =========================================
     3. MEGA-MENU PC : TITRES, SOUS-TITRES & BADGES
     ========================================= */
  
  /* La plaque de verre */
  #header .elementor-nav-menu--dropdown, #header .elementor-nav-menu .sub-menu, #header .top-menu .popover {
    opacity: 0 !important; transform-origin: top center !important; transform: translateY(20px) rotateX(-15deg) !important; transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important; pointer-events: none !important; visibility: hidden !important; display: block !important;
    background: rgba(17, 17, 17, 0.85) !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 16px !important; padding: 15px !important; box-shadow: 0 40px 60px rgba(0, 0, 0, 0.4), 0 0 20px rgba(77, 166, 245, 0.1) !important; margin-top: 15px !important; position: absolute !important;
    min-width: 420px !important;
  }
  
  #header .elementor-item.has-submenu:hover + .elementor-nav-menu--dropdown, #header .elementor-nav-menu--dropdown:hover, #header .elementor-item:hover ~ .sub-menu, #header .sub-menu:hover, li:hover > .popover, li:hover > .sub-menu { opacity: 1 !important; transform: translateY(0) rotateX(0) !important; pointer-events: auto !important; visibility: visible !important; }
  
  #header .elementor-nav-menu--dropdown li, #header .elementor-nav-menu .sub-menu li, #header .top-menu .popover li { background: transparent !important; border: none !important; padding: 0 !important; margin: 0 0 5px 0 !important; position: relative !important; }
  #header .elementor-nav-menu--dropdown li:last-child, #header .elementor-nav-menu .sub-menu li:last-child, #header .top-menu .popover li:last-child { margin-bottom: 0 !important; }

  /* La puce lumineuse sur la gauche */
  #header .elementor-nav-menu--dropdown li::before, #header .elementor-nav-menu .sub-menu li::before, #header .top-menu .popover li::before {
    content: ''; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 4px; height: 0; background: #4da6ff; border-radius: 10px; transition: height 0.3s ease, background 0.3s ease; box-shadow: 0 0 8px rgba(77, 166, 245, 0.8); z-index: 5; pointer-events: none;
  }
  #header .elementor-nav-menu--dropdown li:hover::before, #header .elementor-nav-menu .sub-menu li:hover::before, #header .top-menu .popover li:hover::before { height: 60%; }

  /* --- LE DESIGN DU LIEN (TITRE 18px) + MUR ANTI-CHEVAUCHEMENT DE 95PX --- */
  #header .elementor-nav-menu--dropdown a, #header .elementor-nav-menu .sub-menu a, #header .top-menu .popover a {
    background: transparent !important; 
    padding: 12px 95px 12px 35px !important; /* Marge interne de 95px à droite pour protéger le badge */
    border-radius: 12px !important; transition: all 0.3s ease !important; text-decoration: none !important;
    display: flex !important; flex-direction: column !important; align-items: flex-start !important;
    font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.2 !important; white-space: normal !important;
  }
  
  /* Survol de la "Boîte" */
  #header .elementor-nav-menu--dropdown a:hover, #header .elementor-nav-menu .sub-menu a:hover, #header .top-menu .popover a:hover {
    background: rgba(77, 166, 245, 0.12) !important; transform: translateX(8px) !important; color: #4da6ff !important;
  }

  /* --- INJECTION DES SOUS-TITRES --- */
  #header .elementor-nav-menu--dropdown a::after, #header .elementor-nav-menu .sub-menu a::after, #header .top-menu .popover a::after {
    display: block !important; font-size: 13px !important; font-weight: 400 !important; color: #9baec4 !important; line-height: 1.3 !important; transition: color 0.3s ease !important; text-align: left !important; margin-top: 4px !important; 
  }
  #header .elementor-nav-menu--dropdown a:hover::after, #header .elementor-nav-menu .sub-menu a:hover::after, #header .top-menu .popover a:hover::after { color: #e6f0fa !important; }

  /* --- GESTION DES BADGES DE BASE --- */
  #header .elementor-nav-menu--dropdown > li::after,
  #header .elementor-nav-menu .sub-menu > li::after,
  #header .top-menu .popover > li::after {
    position: absolute; right: 20px; top: 14px; padding: 4px 10px; border-radius: 50px; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; pointer-events: none; z-index: 10; line-height: 1; box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  }

  /* Pro 13 : Badge 13 mm */
  #header .elementor-nav-menu--dropdown > li:nth-child(1)::after,
  #header .elementor-nav-menu .sub-menu > li:nth-child(1)::after,
  #header .top-menu .popover > li:nth-child(1)::after { 
    content: "13 mm"; background: #F36523; color: #ffffff;
  }
  #header .elementor-nav-menu--dropdown li:nth-child(1) a::after, #header .elementor-nav-menu .sub-menu li:nth-child(1) a::after, #header .top-menu .popover li:nth-child(1) a::after { content: "Le compromis idéal entre épaisseur et performance absolue."; }

  /* Pro 10 : Badge 10 mm */
  #header .elementor-nav-menu--dropdown > li:nth-child(2)::after,
  #header .elementor-nav-menu .sub-menu > li:nth-child(2)::after,
  #header .top-menu .popover > li:nth-child(2)::after { 
    content: "10 mm"; background: #155CAE; color: #ffffff; 
  }
  #header .elementor-nav-menu--dropdown li:nth-child(2) a::after, #header .elementor-nav-menu .sub-menu li:nth-child(2) a::after, #header .top-menu .popover li:nth-child(2) a::after { content: "La barrière thermique redoutable pour défier la canicule."; }

  /* Pro 5 : Badge 5 mm */
  #header .elementor-nav-menu--dropdown > li:nth-child(3)::after,
  #header .elementor-nav-menu .sub-menu > li:nth-child(3)::after,
  #header .top-menu .popover > li:nth-child(3)::after { 
    content: "5 mm"; background: #28a745; color: #ffffff; 
  }
  #header .elementor-nav-menu--dropdown li:nth-child(3) a::after, #header .elementor-nav-menu .sub-menu li:nth-child(3) a::after, #header .top-menu .popover li:nth-child(3) a::after { content: "L'isolant thermique ultra-mince pour un gain de place inégalé."; }

  /* BADGE PRO TAPE POUR LE MENU 1 (ISOLANTS) */
  #header .elementor-nav-menu--dropdown > li:nth-child(4)::after,
  #header .elementor-nav-menu .sub-menu > li:nth-child(4)::after,
  #header .top-menu .popover > li:nth-child(4)::after { 
      content: "PRO TAPE"; background: #6A778A; color: #ffffff; 
  }
  #header .elementor-nav-menu--dropdown li:nth-child(4) a::after,
  #header .elementor-nav-menu .sub-menu li:nth-child(4) a::after,
  #header .top-menu .popover li:nth-child(4) a::after { 
      content: "L'accessoire officiel pour une étanchéité parfaite."; 
  }

  /* ========================================================
     OVERRIDE SÉCURISÉ POUR LE MENU 2 (RÉSEAU)
     ======================================================== */
  /* Ligne 1 (Installateurs / Particuliers) */
  #header ul > li:nth-child(2) .elementor-nav-menu--dropdown > li:nth-child(1)::after,
  #header ul > li:nth-child(2) .sub-menu > li:nth-child(1)::after,
  #header ul > li:nth-child(2) .popover > li:nth-child(1)::after {
      content: "PARTICULIER" !important;
      background: #F36523 !important;
  }
  #header ul > li:nth-child(2) .elementor-nav-menu--dropdown li:nth-child(1) a::after,
  #header ul > li:nth-child(2) .sub-menu li:nth-child(1) a::after,
  #header ul > li:nth-child(2) .popover li:nth-child(1) a::after {
      content: "Confiez votre chantier à nos artisans RGE certifiés." !important;
  }

  /* Ligne 2 (Distributeurs / Pro) */
  #header ul > li:nth-child(2) .elementor-nav-menu--dropdown > li:nth-child(2)::after,
  #header ul > li:nth-child(2) .sub-menu > li:nth-child(2)::after,
  #header ul > li:nth-child(2) .popover > li:nth-child(2)::after {
      content: "PRO" !important;
      background: #155CAE !important;
  }
  #header ul > li:nth-child(2) .elementor-nav-menu--dropdown li:nth-child(2) a::after,
  #header ul > li:nth-child(2) .sub-menu li:nth-child(2) a::after,
  #header ul > li:nth-child(2) .popover li:nth-child(2) a::after {
      content: "Rejoignez ou trouvez notre réseau de distribution." !important;
  }

/* Ligne 3 (Espace Pro / Connexion) */
#header ul > li:nth-child(2) .elementor-nav-menu--dropdown > li:nth-child(3)::after,
#header ul > li:nth-child(2) .sub-menu > li:nth-child(3)::after,
#header ul > li:nth-child(2) .popover > li:nth-child(3)::after {
    content: "ACCÈS PRO" !important;
    background: #6A778A !important; /* Couleur grise élégante pour différencier */
    display: block !important;
}
#header ul > li:nth-child(2) .elementor-nav-menu--dropdown li:nth-child(3) a::after,
#header ul > li:nth-child(2) .sub-menu li:nth-child(3) a::after,
#header ul > li:nth-child(2) .popover li:nth-child(3) a::after {
    content: "Connectez-vous à votre espace privé." !important;
    display: block !important;
}

  /* ========================================================
     OVERRIDE SÉCURISÉ POUR LE MENU 3 (INFORMATIONS)
     ======================================================== */
  /* Ligne 1 (Aides & Subventions) */
  #header ul > li:nth-child(3) .elementor-nav-menu--dropdown > li:nth-child(1)::after,
  #header ul > li:nth-child(3) .sub-menu > li:nth-child(1)::after,
  #header ul > li:nth-child(3) .popover > li:nth-child(1)::after {
      content: "FINANCEMENT" !important;
      background: #F36523 !important;
  }
  #header ul > li:nth-child(3) .elementor-nav-menu--dropdown li:nth-child(1) a::after,
  #header ul > li:nth-child(3) .sub-menu li:nth-child(1) a::after,
  #header ul > li:nth-child(3) .popover li:nth-child(1) a::after {
      content: "Découvrez les aides de l'État pour vos travaux." !important;
  }

  /* Ligne 2 (Confort 4 Saisons) */
  #header ul > li:nth-child(3) .elementor-nav-menu--dropdown > li:nth-child(2)::after,
  #header ul > li:nth-child(3) .sub-menu > li:nth-child(2)::after,
  #header ul > li:nth-child(3) .popover > li:nth-child(2)::after {
      content: "BÉNÉFICES" !important;
      background: #155CAE !important;
  }
  #header ul > li:nth-child(3) .elementor-nav-menu--dropdown li:nth-child(2) a::after,
  #header ul > li:nth-child(3) .sub-menu li:nth-child(2) a::after,
  #header ul > li:nth-child(3) .popover li:nth-child(2) a::after {
      content: "Protégez votre intérieur du froid comme de la canicule." !important;
  }

  /* Ligne 3 (La Technologie R'BULL) */
  #header ul > li:nth-child(3) .elementor-nav-menu--dropdown > li:nth-child(3)::after,
  #header ul > li:nth-child(3) .sub-menu > li:nth-child(3)::after,
  #header ul > li:nth-child(3) .popover > li:nth-child(3)::after {
      content: "INNOVATION" !important;
      background: #28a745 !important;
  }
  #header ul > li:nth-child(3) .elementor-nav-menu--dropdown li:nth-child(3) a::after,
  #header ul > li:nth-child(3) .sub-menu li:nth-child(3) a::after,
  #header ul > li:nth-child(3) .popover li:nth-child(3) a::after {
      content: "Le secret de l'isolant réflecteur mince." !important;
  }

  /* --- ÉTAT ACTIF (ORANGE) --- */
  #header li.current-menu-item > a, #header li.current > a, #header a.elementor-item-active {
    background: rgba(243, 101, 35, 0.12) !important; color: #F36523 !important; transform: translateX(8px) !important;
  }
  #header li.current-menu-item > a::after, #header li.current > a::after, #header a.elementor-item-active::after { color: #ffffff !important; }
  
  #header .elementor-nav-menu--dropdown li.current-menu-item::before, #header .elementor-nav-menu .sub-menu li.current-menu-item::before, #header .top-menu .popover li.current::before { background: #F36523 !important; box-shadow: 0 0 8px rgba(243, 101, 35, 0.8) !important; height: 60% !important; }

  /* Pont invisible */
  #header .elementor-nav-menu--dropdown::after, #header .elementor-nav-menu .sub-menu::after, #header .top-menu .popover::after { content: ''; position: absolute; top: -25px; left: 0; width: 100%; height: 30px; background: transparent; z-index: -1; }
}

/* =========================================
   4. MENU MOBILE UNIQUEMENT (BURGER + ESPACES)
   ========================================= */
@media (max-width: 768px) {
  #header { margin-bottom: 0 !important; padding-bottom: 0 !important; } #wrapper, #content-wrapper, .page-content { padding-top: 0 !important; margin-top: 0 !important; } #header .elementor-section { margin-bottom: 0 !important; padding-bottom: 10px !important; }
  #header a.ceilingo-phone__link { padding: 6px !important; justify-content: center !important; } #header .ceilingo-phone__text, #header a[href*="nous-contacter"] .elementor-button-text { display: none !important; } #header .ceilingo-phone__icon { margin-right: 0 !important; } #header a[href*="nous-contacter"] { padding: 0 !important; width: 44px !important; justify-content: center !important; } #header a[href*="nous-contacter"] i, #header a[href*="nous-contacter"] svg { margin-right: 0 !important; font-size: 20px !important; }
  #header .elementor-menu-toggle, #header .ce-menu-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; background-color: transparent !important; border: 2px solid #155CAE !important; border-radius: 50px !important; padding: 0 !important; margin: 0 !important; transition: all 0.3s ease !important; }
  #header .elementor-menu-toggle i, #header .elementor-menu-toggle svg, #header .ce-menu-toggle i, #header .ce-menu-toggle svg { font-size: 18px !important; fill: #155CAE !important; color: #155CAE !important; transition: all 0.3s ease !important; }
  #header .elementor-menu-toggle:hover, #header .elementor-menu-toggle:active, #header .elementor-menu-toggle.elementor-active { background-color: #155CAE !important; transform: scale(0.95) !important; }
  #header .elementor-menu-toggle:hover i, #header .elementor-menu-toggle:hover svg, #header .elementor-menu-toggle.elementor-active i, #header .elementor-menu-toggle.elementor-active svg { fill: #ffffff !important; color: #ffffff !important; }
}/* End custom CSS */