/*
Theme Name: Fuite Eau Urgence
Theme URI: https://fuite-eau-urgence.be
Description: Thème enfant de Hello Elementor pour Fuite Eau Urgence — plombier d'urgence 24h/24 à Bruxelles et en périphérie. Compatible Rank Math, Complianz et tous les plugins standards.
Author: WEBIPHI
Author URI: https://webiphi.be
Version: 1.0.6
Template: hello-elementor
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fuite-eau-urgence-child
*/

/* Thème ENFANT de Hello Elementor.
   La ligne « Template: hello-elementor » ci-dessus est ce qui fait le lien avec le parent :
   ne pas la modifier, et ne pas renommer le dossier du thème parent.

   Le parent fournit la plomberie WordPress (title-tag, custom-logo, html5, réinitialisation
   CSS minimale). Ce fichier fournit tout le design de Fuite Eau Urgence.
   La police Inter est chargée via wp_enqueue_style() dans functions.php.

   Tout le design est enfermé dans le conteneur « .feu » (ouvert dans header.php, fermé
   dans footer.php). Rien ne fuit donc vers l'admin, la barre d'outils WordPress ou les
   écrans des plugins — contrairement à une feuille de style qui viserait « body » ou
   « svg » globalement. */

/* ================================================================
   Palette : bleu nuit (confiance) + rouge urgence + ambre
   ================================================================ */
.feu{
  --c-bg:#ffffff !important;
  --c-surface:#eef3fa !important;
  --c-surface-2:#e3ecf7 !important;
  --c-text:#0f1f30 !important;
  --c-muted:#5a6b7d !important;
  --c-border:#dbe4ef !important;
  --c-primary:#0d2036 !important;
  --c-blue:#1667c9 !important;
  --c-blue-dark:#0d47a1 !important;
  --c-accent:#e11d2a !important;
  --c-accent-dark:#b8121e !important;
  --c-amber:#f5a300 !important;
  --c-on-primary:#ffffff !important;
  --radius-md:12px !important;
  --radius-lg:20px !important;
  --shadow-sm:0 2px 8px rgba(13,32,54,.06) !important;
  --shadow-md:0 6px 18px rgba(13,32,54,.10) !important;
  --shadow-lg:0 18px 44px rgba(13,32,54,.16) !important;
  --max-w:1180px !important;
  --gap:clamp(16px,2vw,28px) !important;
}

html{scroll-behavior:smooth !important;}
body{background:#fff !important;}

.feu *{box-sizing:border-box !important;}
.feu{
  font:16px/1.65 "Inter","Segoe UI","Helvetica Neue",Arial,sans-serif !important;
  color:var(--c-text) !important;background:var(--c-bg) !important;-webkit-font-smoothing:antialiased !important;
  margin:0 !important;padding:0 !important;overflow-x:hidden !important;
}
.feu img{max-width:100% !important;display:block !important;}
.feu a{color:inherit !important;text-decoration:none !important;}
.feu h1,.feu h2,.feu h3,.feu h4{margin:0 !important;letter-spacing:-.02em !important;line-height:1.12 !important;}
.feu p{margin:0 0 1em !important;}
.feu ul{list-style:none !important;}
.feu .container{max-width:var(--max-w) !important;margin:0 auto !important;padding:0 24px !important;}
.feu .center{text-align:center !important;}
.feu .eyebrow{text-transform:uppercase !important;letter-spacing:.14em !important;font-size:12px !important;color:var(--c-blue) !important;font-weight:800 !important;margin:0 0 12px !important;}
.feu .section-title{font-size:clamp(26px,3.4vw,40px) !important;margin:0 0 14px !important;font-weight:800 !important;}
.feu .section-lead{color:var(--c-muted) !important;font-size:clamp(16px,1.6vw,18px) !important;max-width:660px !important;margin:0 auto 42px !important;}
.feu .section{padding:clamp(56px,7vw,100px) 0 !important;}
.feu section[id]{scroll-margin-top:120px !important;}
.feu .section--surface{background:var(--c-surface) !important;}

/* Lien d'évitement (accessibilité) */
.feu .skip-link,.skip-link.screen-reader-text{position:absolute !important;left:-9999px !important;top:0 !important;z-index:200 !important;}
.skip-link.screen-reader-text:focus{left:12px !important;top:12px !important;background:#fff !important;color:#0f1f30 !important;padding:12px 18px !important;border-radius:10px !important;box-shadow:0 6px 18px rgba(13,32,54,.2) !important;font-weight:700 !important;}

/* Boutons */
.feu .btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:9px !important;padding:15px 26px !important;border-radius:999px !important;font-weight:700 !important;font-size:16px !important;line-height:1 !important;cursor:pointer !important;border:none !important;font-family:inherit !important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease !important;}
.feu .btn:hover{transform:translateY(-2px) !important;box-shadow:var(--shadow-md) !important;}
.feu .btn--call{background:var(--c-accent) !important;color:#fff !important;box-shadow:0 6px 18px rgba(225,29,42,.32) !important;}
.feu .btn--call:hover{background:var(--c-accent-dark) !important;}
.feu .btn--ghost{background:#fff !important;border:1.5px solid var(--c-border) !important;color:var(--c-text) !important;}
.feu .btn--ghost-hero{background:rgba(255,255,255,.12) !important;border:1.5px solid rgba(255,255,255,.32) !important;color:#fff !important;}
.feu .btn--ghost-hero:hover{background:rgba(255,255,255,.2) !important;}
.feu .btn--blue{background:var(--c-blue) !important;color:#fff !important;}
.feu .btn--blue:hover{background:var(--c-blue-dark) !important;}
.feu .btn--lg{padding:18px 34px !important;font-size:18px !important;}
.feu .pulse{position:relative !important;}
.feu .pulse::after{content:"" !important;position:absolute !important;inset:0 !important;border-radius:999px !important;box-shadow:0 0 0 0 rgba(225,29,42,.45) !important;animation:feu-pulse 2s infinite !important;}
@keyframes feu-pulse{70%{box-shadow:0 0 0 14px rgba(225,29,42,0);}100%{box-shadow:0 0 0 0 rgba(225,29,42,0);}}
@media(prefers-reduced-motion:reduce){
  .feu .pulse::after,.feu .hero__badge .dot{animation:none !important;}
  .feu .btn:hover,.feu .scard:hover{transform:none !important;}
}

/* ================================================================
   PLEINE LARGEUR — ne pas retirer

   L'en-tête et le pied de page s'appelaient au départ « site-header » et
   « site-footer ». Ce sont exactement les deux classes que Hello Elementor
   stylise pour SES propres modèles d'en-tête et de pied de page : notre pied de
   page héritait donc de sa mise en page « boxed » et se retrouvait bridé à la
   largeur d'un conteneur, avec du blanc de chaque côté.

   D'où le renommage en « feu-header » / « feu-footer » : le parent n'a plus
   aucune prise dessus. La règle ci-dessous est la ceinture en plus des
   bretelles, au cas où une mise à jour d'Elementor viserait un jour ces
   éléments par leur balise.
   ================================================================ */
.feu>header,.feu>footer,.feu>.topbar,.feu>main{width:100% !important;max-width:none !important;margin-inline:0 !important;float:none !important;}

/* Bandeau urgence */
.feu .topbar{background:var(--c-accent) !important;color:#fff !important;font-weight:600 !important;font-size:14px !important;text-align:center !important;padding:8px 16px !important;}
.feu .topbar strong{font-weight:800 !important;}

/* Header */
.feu .feu-header{position:sticky !important;top:0 !important;z-index:60 !important;background:#fff !important;border-bottom:1px solid var(--c-border) !important;box-shadow:0 1px 0 rgba(13,32,54,.02) !important;}
.admin-bar .feu .feu-header{top:32px !important;}
@media screen and (max-width:782px){.admin-bar .feu .feu-header{top:46px !important;}}
/* La barre d'en-tête tient sur UNE seule ligne.

   Chaque bloc (marque, menu, appel) refuse de se couper : white-space:nowrap
   partout, et flex-shrink:0 sur la marque et le bloc d'appel pour qu'ils ne soient
   jamais compressés. Sans ça, le menu se fait écraser par ses voisins et des
   libellés comme « Zones d'intervention » passent sur deux lignes.

   Conséquence assumée : sous 1180px (la largeur du conteneur), il n'y a plus
   la place de tout aligner — on bascule alors sur le menu burger, plus bas. */
.feu .feu-header__row{display:flex !important;align-items:center !important;gap:var(--gap) !important;padding:12px 24px !important;flex-wrap:nowrap !important;}
.feu .brand{display:flex !important;align-items:center !important;gap:10px !important;flex-shrink:0 !important;}
.feu .brand__name{display:flex !important;flex-direction:column !important;line-height:1.12 !important;}
.feu .brand__name b{font-weight:800 !important;font-size:16px !important;white-space:nowrap !important;}
.feu .brand__name small{font-size:11px !important;color:var(--c-muted) !important;font-weight:600 !important;text-transform:uppercase !important;letter-spacing:.05em !important;white-space:nowrap !important;}
.feu .nav{margin-left:auto !important;display:flex !important;gap:clamp(12px,1.6vw,24px) !important;align-items:center !important;flex-wrap:nowrap !important;}
.feu .nav li{list-style:none !important;margin:0 !important;padding:0 !important;}
.feu .nav a{color:var(--c-muted) !important;font-weight:600 !important;font-size:15px !important;display:block !important;white-space:nowrap !important;}
.feu .nav a:hover{color:var(--c-text) !important;}
.feu .nav li.current-menu-item>a,.feu .nav li.current_page_item>a,.feu .nav a.active{color:var(--c-blue) !important;}
.feu .header-cta{display:flex !important;align-items:center !important;gap:14px !important;margin-left:8px !important;flex-shrink:0 !important;}
.feu .header-phone{display:flex !important;flex-direction:column !important;line-height:1.15 !important;text-align:right !important;}
.feu .header-phone small{font-size:11px !important;color:var(--c-muted) !important;font-weight:600 !important;white-space:nowrap !important;}
.feu .header-phone b{font-size:18px !important;color:var(--c-accent) !important;font-weight:800 !important;white-space:nowrap !important;}
.feu .header-cta .btn{white-space:nowrap !important;}

/* Menu mobile — 100 % CSS, aucune dépendance JavaScript */
.feu .nav-toggle{display:none !important;}
.feu .burger{display:none !important;position:relative !important;z-index:70 !important;margin-left:auto !important;width:44px !important;height:44px !important;border:1px solid var(--c-border) !important;border-radius:10px !important;background:#fff !important;cursor:pointer !important;align-items:center !important;justify-content:center !important;flex-direction:column !important;gap:5px !important;}
.feu .burger span{width:20px !important;height:2px !important;background:var(--c-text) !important;border-radius:2px !important;transition:transform .2s,opacity .2s !important;}
.feu .nav-toggle:checked ~ .burger span:nth-child(1){transform:translateY(7px) rotate(45deg) !important;}
.feu .nav-toggle:checked ~ .burger span:nth-child(2){opacity:0 !important;}
.feu .nav-toggle:checked ~ .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg) !important;}
.feu .nav-toggle:focus-visible ~ .burger{outline:2px solid var(--c-blue) !important;outline-offset:2px !important;}
/* Bascule en menu burger dès qu'il n'y a plus la place d'aligner marque + menu +
   bloc d'appel sur une ligne, c'est-à-dire sous la largeur du conteneur (1180px).
   Mieux vaut un burger propre qu'une barre tassée sur deux lignes. */
@media(max-width:1180px){
  .feu .nav{position:fixed !important;inset:0 0 0 auto !important;width:min(320px,80vw) !important;flex-direction:column !important;align-items:flex-start !important;gap:6px !important;background:#fff !important;padding:88px 26px 26px !important;box-shadow:var(--shadow-lg) !important;transform:translateX(100%) !important;transition:transform .25s ease !important;z-index:65 !important;overflow-y:auto !important;}
  .feu .nav li{width:100% !important;}
  .feu .nav a{font-size:18px !important;padding:10px 0 !important;width:100% !important;border-bottom:1px solid var(--c-border) !important;white-space:normal !important;}
  .feu .nav-toggle:checked ~ .nav{transform:translateX(0) !important;}
  .feu .burger{display:flex !important;}
  .feu .header-phone{display:none !important;}
}
@media(max-width:560px){.feu .brand__name small{display:none !important;}.feu .header-cta .btn span{display:none !important;}}

/* Hero page d'accueil */
.feu .hero{position:relative !important;color:#fff !important;overflow:hidden !important;background:var(--c-primary) !important;}
.feu .hero__bg{position:absolute !important;inset:0 !important;background-size:cover !important;background-position:center !important;}
.feu .hero__overlay{position:absolute !important;inset:0 !important;background:linear-gradient(115deg,rgba(9,22,38,.94) 0%,rgba(11,45,86,.86) 45%,rgba(13,71,161,.55) 100%) !important;}
.feu .hero__inner{position:relative !important;z-index:1 !important;max-width:660px !important;padding:clamp(52px,8vw,110px) 0 !important;}
.feu .hero__badge{display:inline-flex !important;align-items:center !important;gap:8px !important;background:rgba(255,255,255,.12) !important;border:1px solid rgba(255,255,255,.22) !important;padding:7px 15px !important;border-radius:999px !important;font-size:13px !important;font-weight:600 !important;margin-bottom:22px !important;}
.feu .hero__badge .dot{width:9px !important;height:9px !important;border-radius:50% !important;background:#22c55e !important;animation:feu-pulse 2s infinite !important;}
.feu .hero__title{font-size:clamp(32px,5.2vw,58px) !important;margin:0 0 20px !important;font-weight:800 !important;}
.feu .hero__title .hl{color:#ffd23f !important;}
.feu .hero__sub{font-size:clamp(16px,1.7vw,20px) !important;color:rgba(255,255,255,.88) !important;margin:0 0 32px !important;}
.feu .hero__cta{display:flex !important;gap:14px !important;flex-wrap:wrap !important;align-items:center !important;}
.feu .hero__points{display:flex !important;gap:22px !important;flex-wrap:wrap !important;margin-top:34px !important;padding-top:26px !important;border-top:1px solid rgba(255,255,255,.16) !important;}
.feu .hero__point{display:flex !important;align-items:center !important;gap:9px !important;font-size:15px !important;font-weight:600 !important;}
.feu .hero__point .ic{color:#22c55e !important;font-size:18px !important;}

/* Hero pages intérieures */
.feu .page-hero{position:relative !important;color:#fff !important;overflow:hidden !important;background:var(--c-primary) !important;}
.feu .page-hero__bg{position:absolute !important;inset:0 !important;background-size:cover !important;background-position:center !important;}
.feu .page-hero__overlay{position:absolute !important;inset:0 !important;background:linear-gradient(120deg,rgba(9,22,38,.93),rgba(13,71,161,.62)) !important;}
.feu .page-hero__inner{position:relative !important;z-index:1 !important;padding:clamp(46px,6vw,84px) 0 !important;max-width:720px !important;}
.feu .page-hero h1{font-size:clamp(28px,4.4vw,48px) !important;font-weight:800 !important;margin:0 0 14px !important;}
.feu .page-hero p{font-size:clamp(16px,1.6vw,19px) !important;color:rgba(255,255,255,.86) !important;margin:0 !important;}
.feu .crumbs{font-size:13px !important;color:rgba(255,255,255,.7) !important;margin-bottom:16px !important;font-weight:600 !important;}
.feu .crumbs a:hover{color:#ffd23f !important;}
.feu .crumbs .separator{margin:0 6px !important;}

/* Trust bar */
.feu .trust{background:var(--c-surface) !important;border-bottom:1px solid var(--c-border) !important;padding:26px 0 !important;}
.feu .trust__row{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:var(--gap) !important;}
.feu .trust__item{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;gap:2px !important;}
.feu .trust__item strong{font-size:clamp(20px,2.4vw,26px) !important;color:var(--c-primary) !important;font-weight:800 !important;}
.feu .trust__item span{font-size:13px !important;color:var(--c-muted) !important;font-weight:600 !important;}
.feu .stars{color:var(--c-amber) !important;font-size:16px !important;letter-spacing:2px !important;}
@media(max-width:680px){.feu .trust__row{grid-template-columns:repeat(2,1fr) !important;gap:22px !important;}}

/* Cartes services avec photo */
.feu .services__grid{display:grid !important;gap:var(--gap) !important;grid-template-columns:repeat(3,1fr) !important;}
.feu .scard{background:#fff !important;border:1px solid var(--c-border) !important;border-radius:var(--radius-lg) !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;transition:box-shadow .2s,transform .2s !important;}
.feu .scard:hover{box-shadow:var(--shadow-lg) !important;transform:translateY(-3px) !important;}
.feu .scard__media{aspect-ratio:16/10 !important;overflow:hidden !important;background:var(--c-surface) !important;}
.feu .scard__media img{width:100% !important;height:100% !important;object-fit:cover !important;transition:transform .4s ease !important;}
.feu .scard:hover .scard__media img{transform:scale(1.06) !important;}
.feu .scard__body{padding:24px !important;display:flex !important;flex-direction:column !important;flex:1 !important;}
.feu .scard__title{font-size:19px !important;margin:0 0 8px !important;font-weight:700 !important;display:flex !important;align-items:center !important;gap:9px !important;}
.feu .scard__title .ic{color:var(--c-blue) !important;}
.feu .scard__text{color:var(--c-muted) !important;font-size:15px !important;margin:0 0 16px !important;flex:1 !important;}
.feu .scard__link{color:var(--c-accent) !important;font-weight:700 !important;font-size:15px !important;}
.feu .scard__link:hover{text-decoration:underline !important;}
@media(max-width:900px){.feu .services__grid{grid-template-columns:repeat(2,1fr) !important;}}
@media(max-width:600px){.feu .services__grid{grid-template-columns:1fr !important;}}

/* Bloc image + texte alterné */
.feu .split{display:grid !important;grid-template-columns:1fr 1fr !important;gap:clamp(28px,5vw,64px) !important;align-items:center !important;}
.feu .split--rev .split__media{order:2 !important;}
.feu .split__media{border-radius:var(--radius-lg) !important;overflow:hidden !important;box-shadow:var(--shadow-lg) !important;aspect-ratio:4/3 !important;}
.feu .split__media img{width:100% !important;height:100% !important;object-fit:cover !important;}
.feu .split__body h2{font-size:clamp(24px,3vw,36px) !important;margin:0 0 16px !important;font-weight:800 !important;}
.feu .split ul.checks{list-style:none !important;padding:0 !important;margin:18px 0 0 !important;display:grid !important;gap:12px !important;}
.feu .split ul.checks li{display:flex !important;gap:12px !important;align-items:flex-start !important;font-size:15px !important;}
.feu .split ul.checks li .ic{color:#16a34a !important;font-weight:800 !important;flex-shrink:0 !important;}
@media(max-width:820px){.feu .split{grid-template-columns:1fr !important;}.feu .split--rev .split__media{order:0 !important;}}

/* Étapes du process */
.feu .steps{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:var(--gap) !important;}
.feu .step{position:relative !important;padding:28px 22px !important;background:#fff !important;border:1px solid var(--c-border) !important;border-radius:var(--radius-lg) !important;}
.feu .step__num{width:44px !important;height:44px !important;border-radius:50% !important;background:var(--c-accent) !important;color:#fff !important;font-weight:800 !important;font-size:19px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-bottom:16px !important;}
.feu .step h3{margin:0 0 6px !important;font-size:17px !important;}
.feu .step p{margin:0 !important;color:var(--c-muted) !important;font-size:14px !important;}
@media(max-width:860px){.feu .steps{grid-template-columns:repeat(2,1fr) !important;}}
@media(max-width:460px){.feu .steps{grid-template-columns:1fr !important;}}

/* Pourquoi nous */
.feu .why__grid{display:grid !important;grid-template-columns:1fr 1.15fr !important;gap:56px !important;align-items:center !important;}
.feu .why__list{list-style:none !important;padding:0 !important;margin:0 !important;display:grid !important;gap:16px !important;}
.feu .why__list--narrow{max-width:820px !important;margin:0 auto !important;}
.feu .why__list li{display:flex !important;gap:16px !important;background:#fff !important;border:1px solid var(--c-border) !important;border-radius:var(--radius-md) !important;padding:20px 22px !important;}
.feu .why__ic{flex-shrink:0 !important;width:44px !important;height:44px !important;border-radius:12px !important;background:rgba(22,103,201,.1) !important;color:var(--c-blue) !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:22px !important;}
.feu .why__list strong{display:block !important;margin-bottom:3px !important;font-size:16px !important;}
.feu .why__list span{color:var(--c-muted) !important;font-size:15px !important;}
.feu .why__visual{background:linear-gradient(135deg,#0d2036,#10365f) !important;border-radius:var(--radius-lg) !important;padding:40px 34px !important;color:#fff !important;box-shadow:var(--shadow-lg) !important;}
.feu .why__visual .big{font-size:clamp(40px,6vw,64px) !important;font-weight:800 !important;line-height:1 !important;color:#ffd23f !important;}
.feu .why__visual .big-label{font-size:16px !important;font-weight:600 !important;margin:6px 0 26px !important;color:rgba(255,255,255,.85) !important;}
.feu .why__visual ul{list-style:none !important;padding:0 !important;margin:0 !important;display:grid !important;gap:12px !important;}
.feu .why__visual li{display:flex !important;align-items:center !important;gap:11px !important;font-size:15px !important;}
.feu .why__visual li .ic{color:#22c55e !important;font-weight:800 !important;}
@media(max-width:900px){.feu .why__grid{grid-template-columns:1fr !important;gap:32px !important;}}

/* Zones */
.feu .zones{display:flex !important;flex-wrap:wrap !important;gap:10px !important;justify-content:center !important;max-width:840px !important;margin:0 auto !important;}
.feu .zone-chip{background:#fff !important;border:1px solid var(--c-border) !important;border-radius:999px !important;padding:9px 18px !important;font-size:14px !important;font-weight:600 !important;}
.feu .zone-chip:hover{border-color:var(--c-blue) !important;color:var(--c-blue) !important;}

/* Avis */
.feu .reviews{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:var(--gap) !important;}
.feu .review{background:#fff !important;border:1px solid var(--c-border) !important;border-radius:var(--radius-lg) !important;padding:26px !important;}
.feu .review__stars{color:var(--c-amber) !important;font-size:15px !important;letter-spacing:2px !important;margin-bottom:12px !important;}
.feu .review__text{font-size:15px !important;margin:0 0 18px !important;}
.feu .review__author{display:flex !important;align-items:center !important;gap:12px !important;}
.feu .review__avatar{width:40px !important;height:40px !important;border-radius:50% !important;background:linear-gradient(135deg,var(--c-blue),var(--c-blue-dark)) !important;color:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;font-weight:700 !important;flex-shrink:0 !important;}
.feu .review__author b{font-size:14px !important;display:block !important;}
.feu .review__author small{font-size:13px !important;color:var(--c-muted) !important;}
@media(max-width:860px){.feu .reviews{grid-template-columns:1fr !important;}}

/* Bandeau CTA */
.feu .cta-band{position:relative !important;overflow:hidden !important;color:#fff !important;background:linear-gradient(135deg,var(--c-accent),var(--c-accent-dark)) !important;}
/* Le padding horizontal (24px) est REPRIS de .container à dessein : cet élément porte
   les deux classes, et le raccourci « padding » écrase les quatre côtés. Écrire
   « padding:X 0 » remettrait les marges latérales à zéro et le bandeau collerait aux
   bords de l'écran, désaligné du reste du site. */
.feu .cta-band__inner{position:relative !important;z-index:1 !important;padding:clamp(48px,6vw,80px) 24px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:28px !important;flex-wrap:wrap !important;}
.feu .cta-band h2{font-size:clamp(24px,3vw,36px) !important;font-weight:800 !important;margin:0 !important;max-width:640px !important;}
.feu .cta-band p{margin:8px 0 0 !important;color:rgba(255,255,255,.9) !important;}
.feu .cta-band .btn--white{background:#fff !important;color:var(--c-accent) !important;}

/* Contact / formulaire */
.feu .contact{background:linear-gradient(135deg,#0d2036,#10365f) !important;color:#fff !important;}
.feu .contact__grid{display:grid !important;grid-template-columns:1.05fr .95fr !important;gap:52px !important;align-items:start !important;}
.feu .contact__title{font-size:clamp(26px,3.4vw,40px) !important;margin:0 0 16px !important;font-weight:800 !important;}
.feu .contact__sub{color:rgba(255,255,255,.85) !important;font-size:17px !important;margin:0 0 26px !important;}
.feu .contact__phone{display:inline-flex !important;align-items:center !important;gap:14px !important;background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.18) !important;border-radius:16px !important;padding:18px 24px !important;margin-bottom:14px !important;}
.feu .contact__phone .ic{width:48px !important;height:48px !important;border-radius:50% !important;background:var(--c-accent) !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:22px !important;flex-shrink:0 !important;}
.feu .contact__phone small{display:block !important;font-size:13px !important;color:rgba(255,255,255,.7) !important;}
.feu .contact__phone b{font-size:26px !important;font-weight:800 !important;}
.feu .contact__info{list-style:none !important;padding:0 !important;margin:22px 0 0 !important;display:grid !important;gap:12px !important;}
.feu .contact__info li{display:flex !important;gap:12px !important;align-items:center !important;font-size:15px !important;color:rgba(255,255,255,.9) !important;}
.feu .contact__info .ic{color:#ffd23f !important;width:22px !important;text-align:center !important;flex-shrink:0 !important;}
.feu .form{background:#fff !important;border-radius:var(--radius-lg) !important;padding:32px !important;box-shadow:var(--shadow-lg) !important;color:var(--c-text) !important;}
.feu .form h2,.feu .form h3{margin:0 0 4px !important;font-size:22px !important;}
.feu .form p.sub{margin:0 0 20px !important;color:var(--c-muted) !important;font-size:14px !important;}
.feu .form label{display:block !important;font-size:13px !important;font-weight:700 !important;margin:0 0 6px !important;}
.feu .form .field{margin-bottom:16px !important;}
.feu .form input,.feu .form select,.feu .form textarea{width:100% !important;padding:13px 15px !important;border:1.5px solid var(--c-border) !important;border-radius:10px !important;font:inherit !important;font-size:15px !important;color:var(--c-text) !important;background:#fbfcfe !important;}
.feu .form input:focus,.feu .form select:focus,.feu .form textarea:focus{outline:none !important;border-color:var(--c-blue) !important;background:#fff !important;}
.feu .form .btn{width:100% !important;}
.feu .form__note{font-size:12px !important;color:var(--c-muted) !important;text-align:center !important;margin:12px 0 0 !important;}
.feu .form__hp{position:absolute !important;left:-9999px !important;}
.feu .form__flash{border-radius:10px !important;padding:14px 16px !important;margin:0 0 18px !important;font-size:14px !important;font-weight:600 !important;}
.feu .form__flash--ok{background:#e7f6ec !important;color:#166534 !important;border:1px solid #bfe5cc !important;}
.feu .form__flash--ko{background:#fdeaec !important;color:#9f1239 !important;border:1px solid #f5c2c9 !important;}
@media(max-width:900px){.feu .contact__grid{grid-template-columns:1fr !important;gap:34px !important;}}

/* FAQ — balise <details> native, aucun JavaScript */
.feu .faq{max-width:820px !important;margin:0 auto !important;display:grid !important;gap:12px !important;}
.feu .faq details{background:#fff !important;border:1px solid var(--c-border) !important;border-radius:var(--radius-md) !important;padding:4px 22px !important;}
.feu .faq summary{cursor:pointer !important;font-weight:700 !important;font-size:16px !important;padding:16px 0 !important;list-style:none !important;display:flex !important;justify-content:space-between !important;align-items:center !important;gap:16px !important;}
.feu .faq summary::-webkit-details-marker{display:none !important;}
.feu .faq summary::after{content:"+" !important;font-size:24px !important;color:var(--c-blue) !important;font-weight:400 !important;transition:transform .2s !important;}
.feu .faq details[open] summary::after{transform:rotate(45deg) !important;}
.feu .faq p{margin:0 0 16px !important;color:var(--c-muted) !important;font-size:15px !important;}

/* Contenu éditable WordPress (l'éditeur de la page) */
.feu .entry-content{max-width:820px !important;font-size:16.5px !important;}
.feu .entry-content h2{font-size:clamp(22px,2.6vw,30px) !important;font-weight:800 !important;margin:34px 0 12px !important;}
.feu .entry-content h3{font-size:20px !important;font-weight:700 !important;margin:26px 0 10px !important;}
.feu .entry-content p{margin:0 0 1.1em !important;color:var(--c-text) !important;}
.feu .entry-content a{color:var(--c-blue) !important;text-decoration:underline !important;}
.feu .entry-content ul,.feu .entry-content ol{margin:0 0 1.2em 1.25em !important;padding:0 !important;display:grid !important;gap:8px !important;}
.feu .entry-content ul{list-style:disc !important;}
.feu .entry-content ol{list-style:decimal !important;}
.feu .entry-content img{border-radius:var(--radius-md) !important;margin:18px 0 !important;}
.feu .entry-content blockquote{border-left:3px solid var(--c-blue) !important;padding:4px 0 4px 18px !important;margin:20px 0 !important;color:var(--c-muted) !important;}
.feu .entry-content table{width:100% !important;border-collapse:collapse !important;margin:18px 0 !important;}
.feu .entry-content th,.feu .entry-content td{border:1px solid var(--c-border) !important;padding:10px 12px !important;text-align:left !important;}

/* Listes d'articles (archives, recherche) et pagination */
.feu .postlist{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:var(--gap) !important;}
.feu .postlist article{background:#fff !important;border:1px solid var(--c-border) !important;border-radius:var(--radius-lg) !important;padding:26px !important;}
.feu .postlist h2{font-size:19px !important;font-weight:700 !important;margin:0 0 8px !important;}
.feu .postlist p{color:var(--c-muted) !important;font-size:15px !important;}
.feu .postlist time{font-size:13px !important;color:var(--c-muted) !important;font-weight:600 !important;}
@media(max-width:860px){.feu .postlist{grid-template-columns:1fr !important;}}
.feu .nav-links,.feu .page-links{display:flex !important;flex-wrap:wrap !important;gap:8px !important;margin-top:36px !important;}
.feu .page-numbers{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-width:42px !important;height:42px !important;padding:0 12px !important;border:1px solid var(--c-border) !important;border-radius:10px !important;background:#fff !important;font-weight:700 !important;font-size:15px !important;}
.feu .page-numbers.current{background:var(--c-blue) !important;border-color:var(--c-blue) !important;color:#fff !important;}

/* Footer */
/* Le bas du pied de page ne réserve de la place que lorsqu'il y a quelque chose à
   dégager : la barre d'appel fixe (.mobile-call), affichée sous 1180px seulement.
   Au-dessus, ces 110px étaient un vide inutile en fin de page. */
.feu .feu-footer{background:var(--c-primary) !important;color:#fff !important;padding:60px 0 !important;}
@media(max-width:1180px){.feu .feu-footer{padding-bottom:110px !important;}}
.feu .feu-footer__grid{display:grid !important;grid-template-columns:1.5fr 1fr 1fr 1fr !important;gap:var(--gap) !important;padding-bottom:32px !important;border-bottom:1px solid rgba(255,255,255,.12) !important;}
.feu .feu-footer h4{font-size:13px !important;letter-spacing:.05em !important;text-transform:uppercase !important;color:rgba(255,255,255,.6) !important;margin:0 0 12px !important;}
.feu .feu-footer p,.feu .feu-footer a{color:rgba(255,255,255,.85) !important;font-size:15px !important;}
.feu .feu-footer a:hover{color:#ffd23f !important;}
.feu .feu-footer__brand b{font-size:18px !important;font-weight:800 !important;}
.feu .feu-footer__brand p{margin:12px 0 0 !important;color:rgba(255,255,255,.7) !important;font-size:14px !important;max-width:320px !important;}
.feu .feu-footer ul{list-style:none !important;padding:0 !important;margin:0 !important;display:grid !important;gap:8px !important;}
.feu .feu-footer li{margin:0 !important;padding:0 !important;}
.feu .feu-footer__legal{display:flex !important;justify-content:space-between !important;gap:var(--gap) !important;font-size:13px !important;color:rgba(255,255,255,.6) !important;padding-top:20px !important;flex-wrap:wrap !important;}
@media(max-width:860px){.feu .feu-footer__grid{grid-template-columns:1fr 1fr !important;}}
@media(max-width:520px){.feu .feu-footer__grid{grid-template-columns:1fr !important;}}

/* Barre d'appel mobile fixe */
.feu .mobile-call{position:fixed !important;left:0 !important;right:0 !important;bottom:0 !important;z-index:70 !important;display:none !important;background:#fff !important;border-top:1px solid var(--c-border) !important;box-shadow:0 -6px 20px rgba(13,32,54,.12) !important;padding:10px 14px !important;gap:10px !important;}
.feu .mobile-call a{flex:1 !important;}
.feu .mobile-call .btn{width:100% !important;padding:14px !important;font-size:16px !important;}
@media(max-width:1180px){.feu .mobile-call{display:flex !important;}}

/* Icônes SVG au trait */
.feu svg{fill:none !important;stroke:currentColor !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;width:1em !important;height:1em !important;display:inline-block !important;vertical-align:-0.14em !important;}
.feu .btn svg{width:1.1em !important;height:1.1em !important;}
.feu .scard__title .ic{display:inline-flex !important;align-items:center !important;font-size:20px !important;}
.feu .why__ic{font-size:22px !important;}
.feu .contact__phone .ic{font-size:22px !important;}
.feu .feu-footer__brand b svg{font-size:18px !important;margin-right:2px !important;}
.feu .checks li .ic,.feu .hero__point .ic,.feu .why__visual li .ic{display:inline-flex !important;}

/* Logo */
.feu .brand__logo-img{height:44px !important;width:auto !important;display:block !important;}
@media(max-width:560px){.feu .brand__logo-img{height:38px !important;}}
.feu .brand-foot{display:inline-flex !important;align-items:center !important;gap:10px !important;}
.feu .brand-foot img{height:30px !important;width:auto !important;background:#fff !important;border-radius:9px !important;padding:5px !important;}