/*
Theme Name:   Hello Elementor Child
Theme URI:    https://webbuzz.fr/
Description:  Theme enfant Webbuzz v1.7.12 : CTA unifies, icones de cartes unifiees, hero mobile home + pages redac/soeurs en 2 temps, hero mobile page A PROPOS en 2 temps (colonnes inversees : texte+CTA d'abord, photo au scroll), gouttieres laterales du texte sur mobile (20px, pages redac + a propos), FIX GLOBAL FAQ tronquee a droite (overflow-x:clip racine, cause = menu mobile hors ecran), nettoyage @import Google Fonts, redirections.
Author:       Webbuzz - Hicham Rahhaoui
Author URI:   https://webbuzz.fr/a-propos/
Template:     hello-elementor
Version:      1.7.12
Text Domain:  hello-elementor-child
*/

:root{
  --navy:#17324f;--ink:#3a4a5c;--muted:#6b7a8a;--line:#e6ecf2;
  --blue:#00bbf9;--blue-d:#0a7fb8;--lav:#9b5de5;--pink:#f15bb5;
  --banana:#fee440;--gold:#fee440;--aqua:#00c9ac;
  --grad:linear-gradient(135deg,#1f4e9c 0%,#2f6bd4 55%,#00bbf9 100%);
}

/* ==== DEBUT CSS PILIER /consultant-seo-toulouse/ (page-id 22842) ==== */

.page-id-22842{--navy:#17324f;--ink:#3a4a5c;--muted:#6b7a8a;--line:#e6ecf2;--blue:#00bbf9;--lav:#9b5de5;--pink:#f15bb5;--banana:#fee440;--aqua:#00f5d4;--grad:linear-gradient(135deg,#1f4e9c 0%,#2f6bd4 55%,#00bbf9 100%);}
.page-id-22842 .wrap{max-width:1120px;margin:0 auto;padding:0 24px;}
.page-id-22842 .narrow{max-width:760px;margin:0 auto;}
.page-id-22842 .eeat h1, .page-id-22842 .eeat h2, .page-id-22842 .eeat h3, .page-id-22842 .hero h1, .page-id-22842 .hero h2, .page-id-22842 .hero h3, .page-id-22842 .pas h2, .page-id-22842 .pas h3, .page-id-22842 .sol h2, .page-id-22842 .sol h3, .page-id-22842 .diff h2, .page-id-22842 .diff h3, .page-id-22842 .meth h2, .page-id-22842 .meth h3, .page-id-22842 .pricing h2, .page-id-22842 .pricing h3, .page-id-22842 .faqm h2, .page-id-22842 .faqm h3, .page-id-22842 .final h2, .page-id-22842 .reviews p{font-family:"Poppins",sans-serif;letter-spacing:-.015em;}
.page-id-22842 .hl{color:var(--blue);}
.page-id-22842 .btn{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-family:"Poppins";font-weight:700;font-size:15.5px;padding:15px 28px;border-radius:44px;transition:transform .2s,box-shadow .2s;}
.page-id-22842 .btn-primary{background:var(--grad);color:#fff !important;box-shadow:0 18px 34px -16px rgba(31,78,156,.6);}
.page-id-22842 .btn-primary:hover{transform:translateY(-3px);}
.page-id-22842 .btn-wa{background:linear-gradient(135deg,#25d366,#1ebe5a);color:#fff !important;box-shadow:0 16px 32px -14px rgba(37,211,102,.6);}
.page-id-22842 .btn-wa:hover{transform:translateY(-3px);}
.page-id-22842 .kicker{display:inline-block;font-family:"Poppins";font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);background:rgba(0,187,249,.1);border:1px solid rgba(0,187,249,.25);padding:5px 14px;border-radius:30px;}
.page-id-22842 .hero, .page-id-22842 .pas, .page-id-22842 .sol, .page-id-22842 .diff, .page-id-22842 .meth, .page-id-22842 .eeat, .page-id-22842 .pricing, .page-id-22842 .faqm, .page-id-22842 .final, .page-id-22842 .reviews{padding:72px 0;}
.page-id-22842 .sec-head{text-align:center;max-width:760px;margin:0 auto 40px;}
.page-id-22842 .sec-head h2{font-size:clamp(25px,3.5vw,38px);line-height:1.15;margin-bottom:14px;color:var(--navy);}
.page-id-22842 .sec-head p{color:var(--muted);font-size:16px;line-height:1.65;margin:0;}
.page-id-22842 .hero{background:radial-gradient(1000px 600px at 20% -10%,#eaf3ff,#eef4fb 60%);}
.page-id-22842 .hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;min-height:80vh;padding-top:40px;padding-bottom:40px;}
.page-id-22842 .hero h1{color:var(--navy);font-weight:800;font-size:clamp(30px,4.6vw,52px);line-height:1.08;margin:14px 0 18px;}
.page-id-22842 .hero .lead{font-size:17px;line-height:1.6;max-width:540px;margin:0 0 24px;color:var(--ink);}
.page-id-22842 .hero .lead b, .page-id-22842 .hero .lead strong{color:var(--navy);}
.page-id-22842 .badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px;}
.page-id-22842 .badge{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--navy);background:#fff;border:1px solid var(--line);border-radius:30px;padding:8px 14px;box-shadow:0 6px 16px -10px rgba(18,44,71,.4);}
.page-id-22842 .badge i{width:9px;height:9px;border-radius:50%;}
.page-id-22842 .cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
.page-id-22842 .hero-note{font-size:13px;color:var(--muted);margin-top:14px;}
.page-id-22842 .cta-ic{width:18px;height:18px;flex:0 0 auto;}
.page-id-22842 .hero-form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 24px;box-shadow:0 36px 74px -34px rgba(23,50,79,.55);}
.page-id-22842 .hero-form h3{font-family:"Poppins";font-weight:800;color:var(--navy);font-size:19px;margin:0 0 3px;}
.page-id-22842 .hero-form .fsub{font-size:13px;color:var(--muted);margin:0 0 16px;}
.page-id-22842 .hf-field{margin-bottom:11px;}
.page-id-22842 .hf-field label{display:block;font-size:12.5px;font-weight:600;color:var(--navy);margin-bottom:5px;}
.page-id-22842 .hf-field input, .page-id-22842 .hf-field textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-family:inherit;font-size:14px;color:var(--ink);background:#f8fafd;transition:border-color .2s,box-shadow .2s;}
.page-id-22842 .hf-field input::placeholder, .page-id-22842 .hf-field textarea::placeholder{color:#a7b3c2;}
.page-id-22842 .hf-field input:focus, .page-id-22842 .hf-field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,187,249,.15);background:#fff;}
.page-id-22842 .hf-field textarea{resize:vertical;min-height:66px;}
.page-id-22842 .hf-submit{width:100%;justify-content:center;margin-top:6px;border:0;cursor:pointer;font-size:15px;}
.page-id-22842 .hf-note{font-size:12px;color:var(--muted);text-align:center;margin-top:10px;}
.page-id-22842 .pas p{font-size:16.5px;line-height:1.75;color:var(--ink);margin:0 0 16px;}
.page-id-22842 .pas p b{color:var(--navy);}
.page-id-22842 .pas-prob{background:#fff;padding:clamp(56px,7vw,84px) 0;position:relative;overflow:hidden;}
.page-id-22842 .pas-prob .acc{position:absolute;border-radius:50%;pointer-events:none;}
.page-id-22842 .pas-prob .acc-1{width:11px;height:11px;background:var(--pink);top:12%;right:9%;box-shadow:0 0 0 6px rgba(241,91,181,.12);}
.page-id-22842 .pas-prob .acc-2{width:12px;height:12px;background:var(--aqua);bottom:14%;left:6%;box-shadow:0 0 0 7px rgba(0,245,212,.12);}
.page-id-22842 .prob-grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,4vw,56px);align-items:center;}
.page-id-22842 .prob-media{position:relative;z-index:1;}
.page-id-22842 .prob-body h2{color:var(--navy);font-family:"Poppins";font-weight:800;font-size:clamp(27px,3.5vw,40px);line-height:1.12;margin:0 0 16px;}
.page-id-22842 .prob-intro{font-size:16.5px;line-height:1.7;color:#3a4a5c;margin:0 0 24px;max-width:560px;}
.page-id-22842 .prob-feats{display:flex;flex-direction:column;gap:18px;}
.page-id-22842 .prob-feat{display:flex;align-items:flex-start;gap:14px;}
.page-id-22842 .prob-check{width:30px;height:30px;border-radius:9px;background:#fee440;color:#0a7fb8;display:grid;place-items:center;flex:0 0 auto;margin-top:2px;}
.page-id-22842 .prob-feat h3{font-family:"Poppins";font-weight:700;font-size:18px;color:var(--navy);margin:0 0 5px;}
.page-id-22842 .prob-feat p{font-size:14.5px;line-height:1.5;color:#6b7a8a;margin:0;}
.page-id-22842 .prob-cta{display:inline-flex;align-items:center;gap:9px;margin-top:28px;text-decoration:none;font-family:"Poppins";font-weight:700;font-size:15px;padding:15px 28px;border-radius:44px;color:#fff;background:linear-gradient(135deg,#1f4e9c 0%,#2f6bd4 55%,#00bbf9 100%);box-shadow:0 18px 36px -16px rgba(0,187,249,.5);transition:transform .2s,box-shadow .2s;}
.page-id-22842 .prob-cta:hover, .page-id-22842 .prob-cta:focus{transform:translateY(-2px);box-shadow:0 24px 46px -18px rgba(0,187,249,.6);color:#fff;}
.page-id-22842 .prob-cta svg{stroke:#fff;flex:0 0 auto;}
.page-id-22842 .phone-stage{perspective:1500px;display:flex;justify-content:center;padding:6px 0;}
.page-id-22842 .phone{width:298px;flex:0 0 auto;border-radius:42px;padding:11px;background:linear-gradient(155deg,#26385a 0%,#0e1828 60%,#0a1320 100%);box-shadow:0 60px 100px -34px rgba(4,10,22,.75),0 18px 42px -18px rgba(0,0,0,.55),inset 0 0 0 1.5px rgba(255,255,255,.08);transform:rotateY(-21deg) rotateX(7deg) rotateZ(1deg);transform-style:preserve-3d;animation:phonefloat 7s ease-in-out infinite;}
@keyframes phonefloat{0%,100%{transform:rotateY(-21deg) rotateX(7deg) rotateZ(1deg) translateY(0);}50%{transform:rotateY(-16.5deg) rotateX(5deg) rotateZ(.5deg) translateY(-12px);}}
.page-id-22842 .phone-screen{position:relative;background:#fff;border-radius:32px;overflow:hidden;min-height:620px;}
.page-id-22842 .phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:94px;height:20px;background:#0c1522;border-radius:12px;z-index:4;}
.page-id-22842 .mstatus{display:flex;align-items:center;justify-content:space-between;padding:11px 20px 5px;font-family:"Inter";font-size:12px;font-weight:700;color:#17324f;}
.page-id-22842 .mstatus .mic{display:inline-flex;align-items:center;gap:5px;}
.page-id-22842 .maddr{display:flex;align-items:center;gap:7px;margin:3px 12px 2px;background:#eef2f7;border-radius:20px;padding:7px 13px;font-family:"Inter";font-size:12.5px;font-weight:500;color:#5f6b7a;}
.page-id-22842 .maddr svg{flex:0 0 auto;}
.page-id-22842 .pbody{padding:12px 16px 20px;}
.page-id-22842 .pbody .glogo{text-align:center;font-size:30px;margin:8px 0 12px;}
.page-id-22842 .pbody .serp-results{margin-top:16px;gap:15px;}
.page-id-22842 .pbody .res-title{font-size:14.5px;}
.page-id-22842 .pbody .res-snip{font-size:11.5px;}
.page-id-22842 .pbody .res-you .yl{font-size:14px;}
.page-id-22842 .glogo{font-family:"Poppins";font-weight:700;font-size:27px;letter-spacing:-1.2px;color:#9aa4b2;margin-bottom:13px;}
.page-id-22842 .gsearch{display:flex;align-items:center;gap:10px;background:#f2f5f9;border:1px solid #e2e8f1;border-radius:16px;padding:10px 15px;min-height:20px;}
.page-id-22842 .gsearch svg{flex:0 0 auto;}
.page-id-22842 .gtyped{font-family:"Inter";font-weight:600;font-size:14.5px;color:#37435a;white-space:nowrap;}
.page-id-22842 .gcaret{width:2px;height:17px;border-radius:1px;background:#00bbf9;margin-left:1px;animation:serpblink 1.05s step-end infinite;}
@keyframes serpblink{50%{opacity:0;}}
.page-id-22842 .serp-results{margin-top:20px;display:flex;flex-direction:column;gap:18px;}
.page-id-22842 .res{display:flex;flex-direction:column;gap:3px;}
.page-id-22842 .res-top{display:flex;align-items:center;gap:9px;}
.page-id-22842 .res-fav{width:20px;height:20px;border-radius:50%;background:#eef2f7;display:grid;place-items:center;flex:0 0 auto;}
.page-id-22842 .res-url{font-family:"Inter";font-weight:500;font-size:12.5px;color:#5f6b7a;}
.page-id-22842 .res-title{font-family:"Arial",sans-serif;font-size:16px;font-weight:400;color:#1a0dab;line-height:1.3;}
.page-id-22842 .res-snip{font-family:"Inter";font-weight:400;font-size:12.5px;line-height:1.45;color:#8a94a3;}
.page-id-22842 .res-you{display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,77,77,.06);border:1.5px dashed rgba(255,90,90,.55);border-radius:11px;padding:13px 15px;margin-top:2px;}
.page-id-22842 .res-you .yl{display:flex;align-items:center;gap:11px;color:var(--navy);font-family:"Poppins";font-weight:800;font-size:15px;}
.page-id-22842 .res-you .rdot{width:9px;height:9px;border-radius:50%;background:#ff4d4d;flex:0 0 auto;box-shadow:0 0 0 4px rgba(255,77,77,.2);}
.page-id-22842 .res-you .yt{display:inline-flex;align-items:center;gap:7px;color:#e5484d;font-family:"Poppins";font-weight:800;font-size:12.5px;white-space:nowrap;}
.page-id-22842 .res-you .yt svg{flex:0 0 auto;}
.page-id-22842 .serp-results>*{opacity:0;transform:translateY(9px);transition:opacity .45s ease,transform .45s ease;}
.page-id-22842 .serp-results.show>*{opacity:1;transform:none;}
.page-id-22842 .serp-results.show>*:nth-child(1){transition-delay:.05s;}
.page-id-22842 .serp-results.show>*:nth-child(2){transition-delay:.18s;}
.page-id-22842 .serp-results.show>*:nth-child(3){transition-delay:.31s;}
.page-id-22842 .serp-results.show>*:nth-child(4){transition-delay:.48s;}
.page-id-22842 .prob-media{transform:translateX(-115px);opacity:0;transition:transform 1s cubic-bezier(.22,1,.36,1),opacity .9s ease;}
.page-id-22842 .prob-body h2{opacity:0;transform:translateY(28px);transition:opacity 1.15s ease .1s,transform 1.15s cubic-bezier(.22,1,.36,1) .1s;}
.page-id-22842 .prob-intro, .page-id-22842 .prob-feats .prob-feat{opacity:0;transform:translateY(20px);transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1);}
.page-id-22842 .pas-prob.in .prob-body h2{opacity:1;transform:none;}
.page-id-22842 .pas-prob.in .prob-intro{opacity:1;transform:none;transition-delay:.2s;}
.page-id-22842 .pas-prob.in .prob-feats .prob-feat:nth-child(1){opacity:1;transform:none;transition-delay:.34s;}
.page-id-22842 .pas-prob.in .prob-feats .prob-feat:nth-child(2){opacity:1;transform:none;transition-delay:.48s;}
.page-id-22842 .pas-prob.in .prob-cta{opacity:1;transform:none;transition-delay:.6s;}
.page-id-22842 .pas-prob.in .prob-media{transform:none;opacity:1;transition-delay:.55s;}
@media(prefers-reduced-motion:reduce){
  .page-id-22842 .gcaret{animation:none;}
  .page-id-22842 .phone{animation:none;}
  .page-id-22842 .serp-results>*{opacity:1;transform:none;transition:none;}
  .page-id-22842 .prob-media, .page-id-22842 .prob-body h2, .page-id-22842 .prob-intro, .page-id-22842 .prob-feats .prob-feat{opacity:1;transform:none;transition:none;}
}
@media(max-width:860px){
  .page-id-22842 .prob-grid{grid-template-columns:1fr;gap:32px;}
  .page-id-22842 .prob-body{order:-1;}
  .page-id-22842 .phone{animation:none;transform:rotateY(-14deg) rotateX(5deg) rotateZ(.5deg);width:272px;}
}
.page-id-22842 .pas-agit{background:#fff;padding:clamp(48px,6vw,80px) 0;position:relative;overflow:hidden;}
.page-id-22842 .agit-inner{max-width:820px;margin:0 auto;position:relative;z-index:1;}
.page-id-22842 .agit-inner h2{color:var(--navy);font-family:"Poppins";font-weight:800;font-size:clamp(26px,3.4vw,38px);line-height:1.14;margin:0 0 18px;}
.page-id-22842 .agit-inner>p{font-size:16.5px;line-height:1.75;color:#3a4a5c;margin:0 0 16px;}
.page-id-22842 .agit-inner>p b{color:var(--navy);}
.page-id-22842 .agit-warn{display:flex;gap:16px;align-items:flex-start;margin-top:28px;background:linear-gradient(135deg,#fff7c6 0%,#fee440 100%);border:1px solid rgba(180,150,20,.22);border-radius:22px;padding:22px 24px;box-shadow:0 26px 54px -30px rgba(190,160,30,.65);}
.page-id-22842 .agit-warn-ic{width:44px;height:44px;border-radius:13px;background:rgba(23,50,79,.1);display:grid;place-items:center;flex:0 0 auto;}
.page-id-22842 .agit-warn p{margin:0;color:#2a2408;font-size:15.5px;line-height:1.62;}
.page-id-22842 .agit-warn b{color:var(--navy);}
.page-id-22842 .agit-warn a{color:#0a5a86;font-weight:700;text-decoration:underline;text-underline-offset:2px;}
.page-id-22842 .agit-warn a:hover, .page-id-22842 .agit-warn a:focus{color:#073f5e;}
.page-id-22842 .sol{background:linear-gradient(180deg,#f6f9fe,#eef4fb);}
.page-id-22842 .sol-head{text-align:center;max-width:760px;margin:0 auto 40px;}
.page-id-22842 .sol-eyebrow{font-family:"Poppins";font-weight:800;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin:0 0 10px;}
.page-id-22842 .sol-head h2{color:var(--navy);font-family:"Poppins";font-weight:800;font-size:clamp(27px,3.6vw,42px);line-height:1.12;margin:0;}
.page-id-22842 .lev-grid{display:flex;flex-direction:column;gap:18px;max-width:900px;margin:0 auto;}
.page-id-22842 .lev-card{display:grid;grid-template-columns:56px 1fr;gap:24px;align-items:start;border-radius:22px;padding:26px 30px;background:linear-gradient(120deg,color-mix(in srgb,var(--c) 20%,#fff) 0%,color-mix(in srgb,var(--c) 6%,#fff) 100%);border:1px solid color-mix(in srgb,var(--c) 24%,#fff);box-shadow:0 22px 46px -30px color-mix(in srgb,var(--c) 60%,#17324f);transition:transform .25s,box-shadow .25s;}
.page-id-22842 .lev-card:hover{transform:translateY(-4px);box-shadow:0 32px 58px -30px color-mix(in srgb,var(--c) 70%,#17324f);}
.page-id-22842 .lev-ico{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(150deg,var(--c),color-mix(in srgb,var(--c) 68%,#17324f));color:var(--iglyph,#fff);box-shadow:0 14px 26px -12px color-mix(in srgb,var(--c) 70%,#17324f);}
.page-id-22842 .lev-card h3{font-family:"Poppins";font-weight:800;font-size:19px;color:var(--navy);margin:2px 0 8px;}
.page-id-22842 .lev-card p{margin:0;color:#3a4a5c;font-size:15px;line-height:1.64;}
.page-id-22842 .lev-card a{color:var(--ic);font-weight:700;text-decoration:none;border-bottom:2px solid color-mix(in srgb,var(--ic) 35%,transparent);transition:border-color .2s;}
.page-id-22842 .lev-card a:hover, .page-id-22842 .lev-card a:focus{border-bottom-color:var(--ic);}
.page-id-22842 .sol-eyebrow, .page-id-22842 .sol-head h2, .page-id-22842 .lev-card{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1);}
.page-id-22842 .sol.in .sol-eyebrow{opacity:1;transform:none;}
.page-id-22842 .sol.in .sol-head h2{opacity:1;transform:none;transition-delay:.1s;}
.page-id-22842 .sol.in .lev-card{opacity:1;transform:none;}
.page-id-22842 .sol.in .lev-card:nth-child(1){transition-delay:.24s;}
.page-id-22842 .sol.in .lev-card:nth-child(2){transition-delay:.36s;}
.page-id-22842 .sol.in .lev-card:nth-child(3){transition-delay:.48s;}
.page-id-22842 .sol.in .lev-card:nth-child(4){transition-delay:.6s;}
@media(prefers-reduced-motion:reduce){
  .page-id-22842 .sol-eyebrow, .page-id-22842 .sol-head h2, .page-id-22842 .lev-card{opacity:1;transform:none;transition:none;}
}
.page-id-22842 .diff{background:#fff;}
.page-id-22842 .cmp-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:920px;margin:0 auto 24px;}
.page-id-22842 .cmp-tab{font-family:"Poppins";font-weight:700;font-size:14px;color:var(--navy);background:#f2f6fc;border:1px solid var(--line);border-radius:40px;padding:11px 20px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s,transform .2s;}
.page-id-22842 .cmp-tab:hover{transform:translateY(-1px);}
.page-id-22842 .cmp-tab.is-active{color:#fff;background:linear-gradient(135deg,#1f4e9c 0%,#2f6bd4 55%,#00bbf9 100%);border-color:transparent;box-shadow:0 14px 26px -12px rgba(0,187,249,.55);}
.page-id-22842 .cmp-body{max-width:920px;margin:0 auto;}
.page-id-22842 .cmp-cta{text-align:center;margin-top:30px;}
.page-id-22842 .cmp-panel{display:none;}
.page-id-22842 .cmp-panel.is-active{display:block;animation:cmpfade .4s ease;}
@keyframes cmpfade{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
.page-id-22842 .cmp-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.page-id-22842 .cmp-col{border-radius:20px;padding:26px 28px;border:1px solid var(--line);}
.page-id-22842 .cmp-lab{display:inline-block;font-family:"Poppins";font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;}
.page-id-22842 .cmp-col p{margin:0;font-size:15px;line-height:1.62;}
.page-id-22842 .cmp-neg{background:#fff;border:1px solid var(--line);box-shadow:0 24px 48px -28px rgba(23,50,79,.42);}
.page-id-22842 .cmp-neg .cmp-lab{color:#9aa4b2;}
.page-id-22842 .cmp-neg p{color:#6b7a8a;}
.page-id-22842 .cmp-pos{background:linear-gradient(160deg,#1e4c8c 0%,#163a6e 55%,#0f2749 100%);border-color:transparent;box-shadow:0 28px 56px -28px rgba(15,39,73,.62);}
.page-id-22842 .cmp-pos .cmp-lab{color:#7fd8ff;}
.page-id-22842 .cmp-pos p{color:#fff;}
.page-id-22842 .meth{background:linear-gradient(180deg,#f4f7fd,#eaf0fb);}
.page-id-22842 .meth-steps{display:flex;flex-direction:column;gap:26px;max-width:820px;margin:0 auto;}
.page-id-22842 .meth-step{display:flex;align-items:center;gap:28px;margin-left:calc(var(--i,0) * 46px);opacity:0;transform:translateY(34px) scale(.985);transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform;}
.page-id-22842 .meth-step.in{opacity:1;transform:translateY(0) scale(1);}
.page-id-22842 .meth-block{position:relative;flex:0 0 190px;height:104px;}
.page-id-22842 .meth-block::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--c) 0%,var(--c2) 100%);border-radius:14px;box-shadow:0 0 0 rgba(23,50,79,0);transition:box-shadow .8s .18s;}
.page-id-22842 .meth-step.in .meth-block::before{box-shadow:24px 26px 40px -12px color-mix(in srgb,var(--c) 55%,#17324f 45%);}
.page-id-22842 .meth-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:"Poppins";font-weight:800;font-size:46px;color:#fff;text-shadow:0 2px 10px rgba(23,50,79,.3);}
.page-id-22842 .meth-shelf{position:absolute;left:26px;right:-14px;bottom:-11px;height:16px;background:linear-gradient(#fff,#e9eef4);border-radius:3px;transform:skewX(-24deg);box-shadow:0 10px 16px -8px rgba(23,50,79,.35);opacity:0;transition:opacity .6s .22s;}
.page-id-22842 .meth-step.in .meth-shelf{opacity:1;}
.page-id-22842 .meth-body{min-width:0;}
.page-id-22842 .meth-ic{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--c) 16%,#fff);color:var(--ic);margin-bottom:10px;}
.page-id-22842 .meth-body h3{font-family:"Poppins";font-weight:700;font-size:18px;color:var(--navy);margin:0 0 5px;}
.page-id-22842 .meth-body p{margin:0;color:#6b7a8a;font-size:14.5px;line-height:1.55;max-width:440px;}
@media(prefers-reduced-motion:reduce){
  .page-id-22842 .meth-step{opacity:1;transform:none;transition:none;}
  .page-id-22842 .meth-shelf{opacity:1;}
}
.page-id-22842 .eeat{background:#fff;}
.page-id-22842 .eeat-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(30px,4vw,56px);align-items:center;}
.page-id-22842 .eeat-photo{width:min(380px,100%);aspect-ratio:1;margin:0 auto;border-radius:50%;padding:9px;background:linear-gradient(135deg,#00bbf9,#9b5de5 55%,#f15bb5);box-shadow:0 42px 82px -34px rgba(23,50,79,.5);}
.page-id-22842 .eeat-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;border:6px solid #fff;background:#eef2f7;}
.page-id-22842 .eeat-body h2{color:var(--navy);font-family:"Poppins";font-weight:800;font-size:clamp(26px,3.4vw,38px);line-height:1.14;margin:0 0 16px;}
.page-id-22842 .eeat-intro{font-size:16px;line-height:1.7;color:#3a4a5c;margin:0 0 20px;}
.page-id-22842 .eeat-intro a{color:#0a7fb8;font-weight:700;text-decoration:none;border-bottom:2px solid rgba(10,127,184,.35);transition:border-color .2s;}
.page-id-22842 .eeat-intro a:hover, .page-id-22842 .eeat-intro a:focus{border-bottom-color:#0a7fb8;}
.page-id-22842 .eeat-list{display:flex;flex-direction:column;gap:12px;margin:0 0 20px;}
.page-id-22842 .eeat-li{display:flex;align-items:center;gap:13px;font-family:"Poppins";font-weight:700;font-size:15px;color:var(--navy);}
.page-id-22842 .eeat-li .prob-check{margin-top:0;width:28px;height:28px;}
.page-id-22842 .eeat-more{font-size:15px;line-height:1.6;color:#3a4a5c;margin:0 0 8px;}
.page-id-22842 .eeat-more a{color:#0a7fb8;font-weight:700;text-decoration:none;border-bottom:2px solid rgba(10,127,184,.35);transition:border-color .2s;}
.page-id-22842 .eeat-more a:hover, .page-id-22842 .eeat-more a:focus{border-bottom-color:#0a7fb8;}
.page-id-22842 .pricing{background:linear-gradient(180deg,#fff,#f5f7fc);}
.page-id-22842 .price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1120px;margin:0 auto;align-items:stretch;}
.page-id-22842 .price-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 22px;box-shadow:0 18px 44px -30px rgba(23,50,79,.45);transition:transform .25s,box-shadow .25s;}
.page-id-22842 .price-card:hover{transform:translateY(-5px);box-shadow:0 28px 56px -30px rgba(23,50,79,.55);}
.page-id-22842 .price-card.best{border:2px solid var(--blue);box-shadow:0 30px 64px -30px rgba(0,187,249,.5);position:relative;}
.page-id-22842 .price-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--grad);color:#fff;font-family:"Poppins";font-weight:700;font-size:10.5px;letter-spacing:.06em;padding:5px 14px;border-radius:20px;box-shadow:0 8px 18px -8px rgba(0,187,249,.6);white-space:nowrap;}
.page-id-22842 .price-card h3{font-size:17px;margin-bottom:2px;color:var(--navy);font-family:"Poppins";}
.page-id-22842 .price-amt{font-family:"Poppins";font-weight:800;color:var(--navy);font-size:30px;line-height:1;margin:8px 0 2px;}
.page-id-22842 .price-amt small{font-size:13px;color:var(--muted);font-weight:600;}
.page-id-22842 .price-eng{font-size:12px;color:var(--muted);margin-bottom:16px;}
.page-id-22842 .price-feat{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:8px;flex:1;}
.page-id-22842 .price-feat li{display:flex;gap:8px;font-size:13px;line-height:1.45;color:var(--ink);}
.page-id-22842 .price-feat svg{flex:0 0 auto;color:#00a86b;margin-top:2px;}
.page-id-22842 .price-cta{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;font-family:"Poppins";font-weight:700;font-size:14px;padding:12px 18px;border-radius:40px;transition:transform .2s;}
.page-id-22842 .price-cta.solid{background:var(--grad);color:#fff !important;box-shadow:0 14px 26px -12px rgba(31,78,156,.6);}
.page-id-22842 .price-cta.ghost{background:#fff;color:var(--navy) !important;border:1.5px solid var(--line);}
.page-id-22842 .price-cta:hover{transform:translateY(-2px);}
.page-id-22842 .price-more{text-align:center;margin-top:28px;}
@media (max-width:980px){
  .page-id-22842 .price-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:560px){
  .page-id-22842 .price-grid{grid-template-columns:1fr;}
}
.page-id-22842 .faqm{background:#fff;}
.page-id-22842 .faqm-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
.page-id-22842 .faqm-item{border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:14px;padding:20px 22px;box-shadow:0 14px 30px -24px rgba(18,44,71,.4);}
.page-id-22842 .faqm-item h3{font-size:16px;margin-bottom:7px;color:var(--navy);font-family:"Poppins";}
.page-id-22842 .faqm-item p{margin:0;color:var(--muted);font-size:14px;line-height:1.6;}
.page-id-22842 .final{background:radial-gradient(1000px 500px at 50% 0,#15304f,#0c1626);color:#eaf1fb;text-align:center;}
.page-id-22842 .final h2{color:#fff;font-size:clamp(25px,3.5vw,38px);margin-bottom:14px;}
.page-id-22842 .final .hl{color:var(--blue);}
.page-id-22842 .final p{color:#b9c7da;font-size:16px;margin:0 auto 26px;max-width:600px;line-height:1.6;}
.page-id-22842 .final a.inl{color:#7fd8ff;}
@media (max-width:900px){
  .page-id-22842 .hero .wrap, .page-id-22842 .eeat-grid{grid-template-columns:1fr;gap:32px;}
  .page-id-22842 .eeat-photo{order:-1;width:min(300px,78%);}
  .page-id-22842 .meth-step{margin-left:0;gap:16px;}
  .page-id-22842 .meth-block{flex:0 0 118px;height:78px;}
  .page-id-22842 .meth-num{font-size:33px;}
  .page-id-22842 .meth-shelf{left:18px;right:-10px;}
  .page-id-22842 .lev-card{grid-template-columns:1fr;gap:14px;}
  .page-id-22842 .cmp-two{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .page-id-22842 .hero, .page-id-22842 .pas, .page-id-22842 .sol, .page-id-22842 .diff, .page-id-22842 .meth, .page-id-22842 .eeat, .page-id-22842 .pricing, .page-id-22842 .faqm, .page-id-22842 .final{padding:54px 0;}
}
.page-id-22842 .reviews{background:linear-gradient(180deg,#1e4c8c 0%,#163a6e 45%,#0f2749 100%);padding:clamp(28px,3.4vw,44px) 0;overflow:hidden;}
.page-id-22842 .reviews-head{text-align:center;margin:0 auto 16px;}
.page-id-22842 .reviews-head .rstars{color:#fee440;font-size:15px;letter-spacing:2px;}
.page-id-22842 .reviews-head p{margin:6px 0 0;font-family:"Poppins";font-weight:700;font-size:13px;color:#bcd0ea;}
.page-id-22842 .reviews-vp{position:relative;max-width:1180px;margin:0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);}
.page-id-22842 .reviews-track{display:flex;gap:0;width:max-content;animation:revscroll 44s linear infinite;}
.page-id-22842 .reviews-vp:hover .reviews-track{animation-play-state:paused;}
@keyframes revscroll{from{transform:translateX(0);}to{transform:translateX(-2340px);}}
.page-id-22842 .rev-card{box-sizing:border-box;flex:0 0 390px;background:none;border:none;border-left:1px solid rgba(255,255,255,.13);padding:2px 34px;}
.page-id-22842 .rev-stars{color:#fee440;font-size:13px;letter-spacing:2px;margin-bottom:9px;}
.page-id-22842 .rev-txt{color:#dbe6f7;font-size:13.5px;line-height:1.55;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;}
.page-id-22842 .rev-who b{display:inline;font-family:"Inter",sans-serif;font-weight:600;font-size:12.5px;color:#8fa6c4;}
@media(prefers-reduced-motion:reduce){
  .page-id-22842 .reviews-track{animation:none;}
  .page-id-22842 .reviews-vp{overflow-x:auto;}
}

/* --- Fix hero + formulaire (ex-3e4c89a) --- */
.page-id-22842 .hero{padding:64px 0 !important;}
.page-id-22842 .hero .wrap{min-height:auto !important;padding-top:0 !important;padding-bottom:0 !important;align-items:center;}
.page-id-22842 .hero-form{align-self:center;max-width:420px;margin-left:auto;}
.page-id-22842 .hero-form .hf-field{margin-bottom:9px !important;}
.page-id-22842 .hero-form .hf-field label{line-height:1.25 !important;margin-bottom:4px !important;}
.page-id-22842 .hero-form .hf-field input, .page-id-22842 .hero-form .hf-field textarea{margin:0 !important;min-height:0 !important;padding:10px 13px !important;line-height:1.35 !important;}
.page-id-22842 .hero-form .hf-field textarea{min-height:56px !important;height:56px !important;resize:vertical;}
.page-id-22842 .hero-form h3{margin-bottom:2px !important;}
.page-id-22842 .hero-form .fsub{margin-bottom:12px !important;}
.page-id-22842 .hero-form .hf-submit{margin-top:4px !important;}
.page-id-22842 .hero-form .hf-note{margin-top:8px !important;}
@media(max-width:900px){
  .page-id-22842 .hero-form{max-width:none;margin-left:0;}
}

/* --- CTA .prob-cta en blanc (ex-1ebb900) --- */
.page-id-22842 .prob-cta, .page-id-22842 .prob-cta:link, .page-id-22842 .prob-cta:visited{color:#fff !important;}
.page-id-22842 .prob-cta:hover, .page-id-22842 .prob-cta:focus{color:#fff !important;}
.page-id-22842 .prob-cta svg{stroke:#fff !important;}

/* --- Bloc FAQ .wbz-faq (ex-9198abb) --- */
.page-id-22842 .wbz-faq{--navy:#17324f;--ink:#3a4a5c;--muted:#6b7a8a;--blue:#00bbf9;--line:#e6ecf2;position:relative;overflow:hidden;font-family:Inter,system-ui,-apple-system,Arial,sans-serif;color:var(--ink);background:linear-gradient(#fff 0%,#f4f6fc 100%);padding:74px 24px;box-sizing:border-box;}
.page-id-22842 .wbz-faq *{box-sizing:border-box;}
.page-id-22842 .wbz-faq-head{text-align:center;max-width:760px;margin:0 auto 40px;}
.page-id-22842 .wbz-faq-kicker{display:inline-block;font-family:Poppins,sans-serif;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);background:rgba(0,187,249,.1);border:1px solid rgba(0,187,249,.25);padding:5px 14px;border-radius:30px;margin-bottom:14px;}
.page-id-22842 .wbz-faq-head h2{font-family:Poppins,sans-serif;font-weight:800;color:var(--navy);font-size:clamp(26px,3.6vw,40px);line-height:1.14;letter-spacing:-.01em;margin:0;}
.page-id-22842 .wbz-faq-hl{color:var(--blue);}
.page-id-22842 .wbz-faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:14px;}
.page-id-22842 .wbz-faq-item{position:relative;background:#fff;border-left:4px solid var(--line);border-radius:16px;box-shadow:0 16px 34px -24px rgba(18,44,71,.4);overflow:hidden;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s;}
.page-id-22842 .wbz-faq-item.is-open{border-left-color:var(--c);box-shadow:0 24px 46px -22px color-mix(in srgb,var(--c) 40%,#17324f 30%);}
.page-id-22842 .wbz-faq-q{width:100%;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;background:none;border:0;padding:20px 22px;font-family:Poppins,sans-serif;font-weight:700;font-size:16.5px;color:var(--navy);line-height:1.3;}
.page-id-22842 .wbz-faq-dot{flex:0 0 auto;width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 20%,transparent);transition:box-shadow .25s;}
.page-id-22842 .wbz-faq-item.is-open .wbz-faq-dot{box-shadow:0 0 0 5px color-mix(in srgb,var(--c) 28%,transparent);}
.page-id-22842 .wbz-faq-qt{flex:1 1 0%;}
.page-id-22842 .wbz-faq-chev{flex:0 0 auto;color:var(--muted);transition:transform .3s cubic-bezier(.2,.7,.2,1),color .25s;}
.page-id-22842 .wbz-faq-item.is-open .wbz-faq-chev{transform:rotate(180deg);color:var(--c);}
.page-id-22842 .wbz-faq-a{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.2,.7,.2,1);}
.page-id-22842 .wbz-faq-a-in{padding:0 22px 22px 50px;}
.page-id-22842 .wbz-faq-a-in p{margin:0;font-size:14.5px;line-height:1.7;color:#3a4a5c;}
.page-id-22842 .wbz-faq-a-in a{color:#0a7fb8;font-weight:600;}
@media(prefers-reduced-motion:reduce){
  .page-id-22842 .wbz-faq-item, .page-id-22842 .wbz-faq-chev, .page-id-22842 .wbz-faq-a, .page-id-22842 .wbz-faq-dot{transition:none;}
}

/* --- Casse questions FAQ (ex-1e73b7a) --- */
.page-id-22842 .wbz-faq .wbz-faq-q, .page-id-22842 .wbz-faq .wbz-faq-qt{text-transform:none !important;letter-spacing:normal !important;}

/* --- Hover photo E-E-A-T (ex-e81b60a) --- */
.page-id-22842 .eeat-frame{width:100%;height:100%;border-radius:50%;overflow:hidden;background:#eef2f7;border:6px solid #fff;}
.page-id-22842 .eeat-photo .eeat-frame img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;border:0;border-radius:0;background:#eef2f7;transition:transform .55s cubic-bezier(.2,.7,.2,1);}
.page-id-22842 .eeat-photo{transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s cubic-bezier(.2,.7,.2,1);will-change:transform;}
.page-id-22842 .eeat-photo:hover{transform:translateY(-6px);box-shadow:0 54px 96px -34px rgba(23,50,79,.6);}
.page-id-22842 .eeat-photo:hover .eeat-frame img{transform:scale(1.06);}
@media(prefers-reduced-motion:reduce){
  .page-id-22842 .eeat-photo, .page-id-22842 .eeat-photo .eeat-frame img{transition:none;}
  .page-id-22842 .eeat-photo:hover, .page-id-22842 .eeat-photo:hover .eeat-frame img{transform:none;}
}

/* --- Hauteur hero calc() (ex-1d4ecc2) --- */
.page-id-22842 .hero{min-height:calc(100svh - var(--wbz-header, 90px));display:flex;align-items:center;}
.page-id-22842 .hero .wrap{width:100%;}
@media(max-width:900px){
  .page-id-22842 .hero{min-height:calc(100svh - var(--wbz-header, 70px));}
}

/* --- Overrides hero centre (ex-8d3349c) --- */
.page-id-22842 .hero .wrap.wbz-hero-centered{grid-template-columns:1fr !important;max-width:820px !important;margin-left:auto !important;margin-right:auto !important;text-align:center;justify-items:center}
.page-id-22842 .hero .wrap.wbz-hero-centered>div{text-align:center;max-width:720px}
.page-id-22842 .hero .wrap.wbz-hero-centered .lead{margin-left:auto !important;margin-right:auto !important}
.page-id-22842 .hero .wrap.wbz-hero-centered .badges{justify-content:center !important}
.page-id-22842 .hero .wrap.wbz-hero-centered .cta-row{justify-content:center !important}
.page-id-22842 .hero .cta-ic{width:18px;height:18px;flex:0 0 auto}
.page-id-22842 .hero .btn svg{max-width:18px;max-height:18px}
.page-id-22842 .hero .wbz-bc{font-size:13px;color:#6b7a8a;margin:0 auto 18px;text-align:center;line-height:1.5}
.page-id-22842 .hero .wbz-bc a{color:#6b7a8a;text-decoration:none}
.page-id-22842 .hero .wbz-bc a:hover{color:#0a7fb8}
.page-id-22842 .hero .wbz-bc .cur{color:#17324f;font-weight:600}

/* --- Fallback sans-JS (contenu toujours visible si le JS ne se charge pas) --- */
html:not(.wbz-js) .page-id-22842 .serp-results>*,
html:not(.wbz-js) .page-id-22842 .prob-media,
html:not(.wbz-js) .page-id-22842 .prob-body h2,
html:not(.wbz-js) .page-id-22842 .prob-intro,
html:not(.wbz-js) .page-id-22842 .prob-feats .prob-feat,
html:not(.wbz-js) .page-id-22842 .sol-eyebrow,
html:not(.wbz-js) .page-id-22842 .sol-head h2,
html:not(.wbz-js) .page-id-22842 .lev-card,
html:not(.wbz-js) .page-id-22842 .meth-step{opacity:1 !important;transform:none !important;}
html:not(.wbz-js) .page-id-22842 .meth-shelf{opacity:1 !important;}
html:not(.wbz-js) .page-id-22842 .wbz-faq-a{max-height:none !important;}

/* ==== FIN CSS PILIER ==== */
/* ================================================================
   CTA UNIFIES WEBBUZZ v3 — GLOBAL, icones en FICHIERS SVG externes
   (robuste : pas de data-URI, insensible a la minification).
   Exclusion du header #masthead pour la mise en pilule ; le header
   recoit seulement l'icone (voir plus bas).
   ================================================================ */
a[href*="/devis-seo"]:not(#masthead a):not(.wpcta),
a[href*="wa.me"]:not(#masthead a),a[href*="api.whatsapp.com"]:not(#masthead a),
a[href*="/tarif-seo"]:not(#masthead a),a[href="#offres"]:not(#masthead a){
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:"Poppins",sans-serif !important;font-weight:700 !important;font-size:15.5px !important;
  line-height:1 !important;letter-spacing:.005em;text-decoration:none !important;white-space:nowrap;
  padding:15px 28px !important;border-radius:44px !important;cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease;
}
a[href*="/devis-seo"]:not(#masthead a):not(.wpcta) svg,
a[href*="/devis-seo"]:not(#masthead a):not(.wpcta) > i,
a[href*="wa.me"]:not(#masthead a) svg,a[href*="api.whatsapp.com"]:not(#masthead a) svg,
a[href*="/tarif-seo"]:not(#masthead a) svg,a[href="#offres"]:not(#masthead a) svg{display:none !important;}
a[href*="/devis-seo"]:not(#masthead a):not(.wpcta)::before,
a[href*="wa.me"]:not(#masthead a)::before,a[href*="api.whatsapp.com"]:not(#masthead a)::before,
a[href*="/tarif-seo"]:not(#masthead a)::before,a[href="#offres"]:not(#masthead a)::before{
  content:"";flex:0 0 auto;width:19px;height:19px;background-color:currentColor;
  -webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:contain;mask-size:contain;
}
/* Demander un devis / Reserver un audit */
a[href*="/devis-seo"]:not(#masthead a):not(.wpcta){
  background:linear-gradient(135deg,#1f4e9c 0%,#2f6bd4 55%,#00bbf9 100%) !important;color:#fff !important;
  border:0 !important;box-shadow:0 16px 30px -14px rgba(31,78,156,.6);}
a[href*="/devis-seo"]:not(#masthead a):not(.wpcta)::before{
  -webkit-mask-image:url("/wp-content/themes/hello-elementor-child/icons/devis.svg");mask-image:url("/wp-content/themes/hello-elementor-child/icons/devis.svg");}
a[href*="/devis-seo"]:not(#masthead a):not(.wpcta):hover,
a[href*="/devis-seo"]:not(#masthead a):not(.wpcta):focus{
  transform:translateY(-2px);color:#fff !important;box-shadow:0 22px 42px -16px rgba(31,78,156,.7);}
/* WhatsApp : vert + texte/icone bleu fonce */
a[href*="wa.me"]:not(#masthead a),a[href*="api.whatsapp.com"]:not(#masthead a){
  background:#25d366 !important;color:#17324f !important;border:0 !important;
  box-shadow:0 16px 30px -14px rgba(37,211,102,.55);}
a[href*="wa.me"]:not(#masthead a)::before,a[href*="api.whatsapp.com"]:not(#masthead a)::before{
  -webkit-mask-image:url("/wp-content/themes/hello-elementor-child/icons/wa.svg");mask-image:url("/wp-content/themes/hello-elementor-child/icons/wa.svg");}
a[href*="wa.me"]:not(#masthead a):hover,a[href*="wa.me"]:not(#masthead a):focus,
a[href*="api.whatsapp.com"]:not(#masthead a):hover,a[href*="api.whatsapp.com"]:not(#masthead a):focus{
  transform:translateY(-2px);color:#17324f !important;box-shadow:0 22px 42px -16px rgba(37,211,102,.7);}
/* Voir mes offres / Voir les tarifs : contour, sans fond, icone liste.
   color:inherit => s'adapte au fond (fonce sur section claire, blanc sur
   section sombre) : plus jamais de texte illisible sur fond sombre. */
a[href*="/tarif-seo"]:not(#masthead a),a[href="#offres"]:not(#masthead a){
  background:transparent !important;color:inherit !important;border:2px solid currentColor !important;
  box-shadow:none !important;padding:13px 26px !important;}
a[href*="/tarif-seo"]:not(#masthead a)::before,a[href="#offres"]:not(#masthead a)::before{
  -webkit-mask-image:url("/wp-content/themes/hello-elementor-child/icons/offres.svg");mask-image:url("/wp-content/themes/hello-elementor-child/icons/offres.svg");}
a[href*="/tarif-seo"]:not(#masthead a):hover,a[href="#offres"]:not(#masthead a):hover{
  transform:translateY(-2px);background:color-mix(in srgb,currentColor 10%,transparent) !important;color:inherit !important;border-color:currentColor !important;}
@media (max-width:560px){
  a[href*="/devis-seo"]:not(#masthead a):not(.wpcta),
  a[href*="wa.me"]:not(#masthead a),a[href*="api.whatsapp.com"]:not(#masthead a),
  a[href*="/tarif-seo"]:not(#masthead a),a[href="#offres"]:not(#masthead a){font-size:15px !important;padding:14px 24px !important;}
}

/* ---- Icone sur le CTA "devis" du HEADER, DESKTOP UNIQUEMENT ----
   On NE force PAS l'affichage : on ajoute seulement l'icone, et
   uniquement au-dessus de 1024px, pour ne jamais interferer avec le
   header mobile (burger). Evite tout debordement horizontal sur mobile. */
@media (min-width:1025px){
  #masthead a[href*="/devis-seo"]{align-items:center;gap:8px;}
  #masthead a[href*="/devis-seo"] svg{display:none !important;}
  #masthead a[href*="/devis-seo"]::before{
    content:"";flex:0 0 auto;width:17px;height:17px;background-color:currentColor;
    -webkit-mask:url("/wp-content/themes/hello-elementor-child/icons/devis.svg") center/contain no-repeat;mask:url("/wp-content/themes/hello-elementor-child/icons/devis.svg") center/contain no-repeat;
  }
}
/* ==== FIN CTA UNIFIES v3 ==== */

/* ---- Voir mes prestations (#prestations ou .wbz-cta-o) : contour + icone service ---- */
a[href="#prestations"]:not(#masthead a),a.wbz-cta-o:not(#masthead a){
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:"Poppins",sans-serif !important;font-weight:700 !important;font-size:15.5px !important;
  line-height:1 !important;text-decoration:none !important;white-space:nowrap;
  padding:13px 26px !important;border-radius:44px !important;cursor:pointer;
  background:transparent !important;color:inherit !important;border:2px solid currentColor !important;
  box-shadow:none !important;transition:transform .2s ease,background .2s ease;}
a[href="#prestations"]:not(#masthead a) svg,a.wbz-cta-o:not(#masthead a) svg{display:none !important;}
a[href="#prestations"]:not(#masthead a)::before,a.wbz-cta-o:not(#masthead a)::before{
  content:"";flex:0 0 auto;width:19px;height:19px;background-color:currentColor;
  -webkit-mask:url("/wp-content/themes/hello-elementor-child/icons/service.svg") center/contain no-repeat;
  mask:url("/wp-content/themes/hello-elementor-child/icons/service.svg") center/contain no-repeat;}
a[href="#prestations"]:not(#masthead a):hover,a.wbz-cta-o:not(#masthead a):hover{
  transform:translateY(-2px);background:color-mix(in srgb,currentColor 10%,transparent) !important;}

/* ---- Retrait des boutons "Demander un devis" dans les cartes tarifaires (page tarif) ---- */
.cbz-price .pcta{display:none !important;}
/* ==== FIN AJOUTS v1.7 ==== */

/* ---- Page a propos : "Voir mes prestations" (hero, lien vers le pilier) -> contour + icone service ---- */
.wbzab .hero a[href="/consultant-seo-toulouse/"]:not(#masthead a){
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:"Poppins",sans-serif !important;font-weight:700 !important;font-size:15.5px !important;
  line-height:1 !important;text-decoration:none !important;white-space:nowrap;
  padding:13px 26px !important;border-radius:44px !important;cursor:pointer;
  background:transparent !important;color:inherit !important;border:2px solid currentColor !important;box-shadow:none !important;
  transition:transform .2s ease,background .2s ease;}
.wbzab .hero a[href="/consultant-seo-toulouse/"] svg{display:none !important;}
.wbzab .hero a[href="/consultant-seo-toulouse/"]::before{
  content:"";flex:0 0 auto;width:19px;height:19px;background-color:currentColor;
  -webkit-mask:url("/wp-content/themes/hello-elementor-child/icons/service.svg") center/contain no-repeat;
  mask:url("/wp-content/themes/hello-elementor-child/icons/service.svg") center/contain no-repeat;}
.wbzab .hero a[href="/consultant-seo-toulouse/"]:not(#masthead a):hover{
  transform:translateY(-2px);background:color-mix(in srgb,currentColor 10%,transparent) !important;}
/* ==== FIN AJOUT a-propos ==== */


/* ================================================================
   ICONES DE CARTES UNIFIEES — GLOBAL (home, devis, redac, pilier)
   Tuile teintee + icone en accent fonce (lisible pour toute couleur).
   ================================================================ */
.wbz-msg-seg-ico{--_a:var(--g1)}
.wbz-serv-ico,.wbzd-ico,.lev-ico,.wbzd-why-ic{--_a:var(--c)}
.wbz-msg-seg-ico,.wbz-serv-ico,.wbzd-ico,.lev-ico,.wbzd-why-ic{
  width:54px !important;height:54px !important;border-radius:15px !important;
  display:grid !important;place-items:center !important;
  background:color-mix(in srgb,var(--_a) 14%,#fff) !important;
  color:color-mix(in srgb,var(--_a) 78%,#12294a) !important;
  box-shadow:0 10px 22px -12px color-mix(in srgb,var(--_a) 45%,#17324f) !important;
  transition:transform .3s cubic-bezier(.2,.7,.2,1),background .3s ease,box-shadow .3s ease !important;
}
.wbz-msg-seg-ico svg,.wbz-serv-ico svg,.wbzd-ico svg,.lev-ico svg,.wbzd-why-ic svg{width:26px !important;height:26px !important;}
@media (hover:hover){
  .wbz-msg-seg:hover,.wbz-serv-card:hover{transform:translateY(-6px) !important;}
  .wbz-msg-seg:hover .wbz-msg-seg-ico,.wbz-serv-card:hover .wbz-serv-ico,
  .lev-card:hover .lev-ico{
    transform:translateY(-2px) scale(1.06) !important;
    box-shadow:0 16px 28px -12px color-mix(in srgb,var(--_a) 60%,#17324f) !important;}
}

/* ================================================================
   SECTION "MA METHODE" (.meth-step) — hover global (pilier + soeurs).
   Le reveal au scroll est gere par js/webbuzz.js (styles inline).
   Le hover agit sur les sous-elements (icone, numero, bloc), pas sur
   l'etape elle-meme (pilotee en inline par le JS).
   ================================================================ */
@media (hover:hover){
  .meth-step:hover .meth-ic{transform:translateY(-2px) scale(1.06);background:var(--gold,#fee440);color:var(--navy,#17324f);}
  .meth-step:hover .meth-num{transform:scale(1.08);}
  .meth-step:hover .meth-block::before{transform:translate(-3px,-3px);box-shadow:30px 34px 52px -12px color-mix(in srgb,var(--c) 60%,#17324f 40%);}
}

/* Footer (Option A) : micro-mouvement au survol coherent */
.wbz-ftr .cico{transition:transform .25s ease,box-shadow .25s ease;}
.wbz-ftr .cline:hover .cico{transform:translateY(-2px);box-shadow:0 12px 22px -12px rgba(0,187,249,.55);}
/* ==== FIN ICONES/CARTES/METHODE/FOOTER ==== */

/* ================================================================
   FIX MOBILE — HOME (page-id 6782) : vide sous le hero
   ----------------------------------------------------------------
   Le hero mobile (.wbz-hero-mob, active par JS) forcait le bloc
   texte a 100vh (viewport LARGE, barres du navigateur masquees) en
   alignement HAUT (justify-content:flex-start), plus 64px de marge
   sous l'illustration. Resultat : un grand espace vide entre le
   hero et la section suivante « Ce que mon approche change ».
   On cale la hauteur du bloc texte sur son contenu, on centre, et
   on reduit la marge basse. Prefixe body + !important pour toujours
   passer APRES le CSS inline d'Elementor, quel que soit l'ordre de
   chargement.
   ================================================================ */
@media (max-width:1024px){
  /* SECTION 1 (hero mobile) : titre + textes + CTA uniquement, centres
     verticalement sur toute la hauteur de l'ecran jusqu'a la ligne de
     flottaison. La photo n'occupe plus ce premier ecran. */
  body.page-id-6782 .wbz-hero-mob .wbz-copy{
    min-height:calc(var(--wbz-vh,100svh) - var(--wbz-header,113px)) !important;
    justify-content:center !important;
    padding-block:22px 22px !important;
  }
  /* SECTION 2 (mobile) : la photo, dans son propre bloc situe SOUS la ligne
     de flottaison. Elle n'apparait donc qu'apres le scroll, jamais avant. */
  body.page-id-6782 .wbz-hero-mob .wbz-visual{
    margin-block:0 !important;
    margin-inline:auto !important;
    padding-block:14px 26px !important;
    max-width:300px !important;
  }
}
/* ==== FIN FIX MOBILE HERO HOME ==== */

/* ================================================================
   HERO MOBILE DES PAGES REDAC / SOEURS (.wbz-redac .rd-hero)
   Meme principe que la home. Sur mobile :
   - Fil d'Ariane centre et rapproche du titre (moins d'espace).
   - Quand le hero a une image (2 colonnes) : ordre force titre + texte
     + CTA D'ABORD, image ENSUITE (jamais l'image avant) ; la colonne
     texte remplit l'ecran jusqu'a la flottaison, l'image passe dans un
     2e bloc sous la flottaison (visible uniquement au scroll).
   - Filet anti-debordement horizontal (FAQ coupee a droite).
   ================================================================ */
@media (max-width:900px){
  /* Fil d'Ariane : centre */
  .wbz-bc-in{text-align:center !important;}

  /* Hero : espace fil d'Ariane -> titre reduit.
     IMPORTANT : la SECTION .rd-hero herite de .wbz-redac section{padding:54px 0}
     -> c'etait le vrai responsable du grand vide sous le fil d'Ariane. On
     annule ce padding haut ; on ne garde qu'un petit padding sur le .wrap. */
  .wbz-redac .rd-hero{padding-top:0 !important;}
  .wbz-redac .rd-hero .wrap{
    padding-top:16px !important;
    padding-bottom:32px !important;
    gap:20px !important;
    align-items:stretch !important;
  }
  /* Cas AVEC image (2 colonnes) : colonne texte 1ere + pleine hauteur.
     justify-content force en flex-start (!important) pour que le titre
     colle au fil d'Ariane, meme si une regle du gabarit tentait de centrer. */
  .wbz-redac .rd-hero .wrap > *:first-child:not(:only-child){
    order:1 !important;
    min-height:calc(100svh - 150px) !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-self:start !important;
  }
  /* Image = 2e bloc, sous la flottaison (apparait au scroll) */
  .wbz-redac .rd-hero .wrap > *:last-child:not(:only-child){
    order:2 !important;
    align-self:auto !important;
    margin-bottom:8px;
  }

  /* Filet de securite : aucun debordement horizontal (FAQ, diagrammes...) */
  .wbz-redac{overflow-x:clip;}

  /* --- Gouttieres laterales du TEXTE (mobile) ---
     Les conteneurs internes du gabarit redac (.narrow, .sec-head, .qe-intro,
     .wrap...) n'ont jamais eu de padding lateral : le texte collait donc aux
     bords de l'ecran (visible depuis l'ajout d'overflow-x:clip). On pose la
     gouttiere UNE FOIS au niveau section (padding-inline:20px), et on remet
     .wrap a 0 pour ne pas cumuler. Reco Google UX mobile : marges laterales
     confortables pour le corps de texte. */
  .wbz-redac > section{padding-inline:20px !important;}
  .wbz-redac > section .wrap{padding-inline:0 !important;}
}
/* ==== FIN FIX MOBILE HERO REDAC/SOEURS ==== */

/* ================================================================
   HERO MOBILE PAGE A PROPOS (page-id 22612, gabarit .wbzab .hero)
   Meme logique que la home et les pages redac, mais ce gabarit est
   different (grille .hero .row a 2 colonnes, la photo .hero-ph est le
   DERNIER enfant DOM mais forcee en order:-1 -> elle passait AVANT le
   titre sur mobile : bug signale par le client).
   Sur mobile on remet l'ordre naturel :
   1) colonne texte (fil d'Ariane + H1 + texte + CTA) D'ABORD, pleine
      hauteur jusqu'a la flottaison ; le CTA apparait avant la flottaison.
   2) photo .hero-ph ENSUITE, en 2e bloc, visible au scroll.
   + gouttieres laterales du texte (padding-inline:20px) : reco Google
   UX mobile, jamais de texte colle aux bords.
   ================================================================ */
@media (max-width:900px){
  /* Colonne texte = 1ere, pleine hauteur, contenu aligne en haut. */
  .page-id-22612 .wbzab .hero .row > *:first-child{
    order:1 !important;
    min-height:calc(100svh - 150px) !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
  }
  /* Photo = 2e bloc, sous la flottaison (apparait au scroll). */
  .page-id-22612 .wbzab .hero-ph{
    order:2 !important;
    margin-top:8px !important;
  }
  /* Gouttieres laterales du texte (mobile). */
  .page-id-22612 .wbzab .sec > .in,
  .page-id-22612 .wbzab .hero .row{padding-inline:20px !important;}
}
/* ==== FIN FIX MOBILE HERO A PROPOS ==== */

/* ================================================================
   FIX GLOBAL MOBILE — FAQ tronquee a droite (toutes les pages).
   ----------------------------------------------------------------
   Cause reelle (trouvee en rendant les pages) : le menu mobile
   (.drawer) du header est en position:fixed, pousse hors ecran a
   DROITE quand il est ferme. Il elargit donc la page (scroll
   horizontal invisible), ce qui rend les cartes FAQ plus larges que
   l'ecran : le texte des questions ne se replie plus et se fait
   couper a droite. Le probleme touche aussi bien la FAQ .wbz-faq
   (a pastilles) que la FAQ .faq, sur home / silos money, autorite,
   GEO, pilier et soeurs.
   Solution : overflow-x:clip a la racine supprime ce debordement.
   'clip' (et non 'hidden') ne cree PAS de conteneur de defilement :
   les en-tetes position:sticky continuent de fonctionner, et le menu
   mobile s'ouvre normalement (il revient dans l'ecran au clic).
   Verifie en rendu : page ramenee a 390px, header toujours sticky,
   questions FAQ qui se replient proprement.
   ================================================================ */
@media (max-width:1024px){
  html,body{overflow-x:clip !important;}
  /* Securite : le texte des questions peut toujours se replier. */
  .wbz-faq-qt,.wbz-faq-q,.faq-q{min-width:0;}
}
/* ==== FIN FIX GLOBAL DEBORDEMENT MOBILE / FAQ ==== */