/*
Theme Name: BlinkCall
Description: Site BlinkCall - liaison telephonique bilingue.
Version: 3.0
*/
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
:root{
--bg:#fff;--bg2:#f5f5f3;--ink:#111;--ink2:#444;--sub:#777;--mute:#aaa;
--line:#e3e3e3;--line2:#efefef;--grn:#00A86B;--grn2:#008F5B;--grn-bg:rgba(0,168,107,.07);
--ff:'Poppins',sans-serif;--mx:1100px;--r:8px;--ez:cubic-bezier(.4,0,.2,1)
}
body{font-family:var(--ff);color:var(--ink2);background:var(--bg);line-height:1.7;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:color .2s}
.w{max-width:var(--mx);margin:0 auto;padding:0 24px}

h1,h2,h3{font-family:var(--ff);color:var(--ink);font-weight:700;line-height:1.22}
h1{font-size:clamp(1.9rem,4vw,2.75rem);letter-spacing:-.025em}
h2{font-size:clamp(1.45rem,3vw,1.95rem);letter-spacing:-.015em}
h3{font-size:.95rem;font-weight:600}
.lab{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.13em;color:var(--grn);display:inline-block;margin-bottom:10px}

/* ── Buttons ── */
.b{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;font-family:var(--ff);font-size:.85rem;font-weight:600;border-radius:var(--r);border:none;cursor:pointer;transition:all .2s var(--ez)}
.b-g{background:var(--grn);color:#fff}.b-g:hover{background:var(--grn2);color:#fff}
.b-d{background:var(--ink);color:#fff}.b-d:hover{background:#222;color:#fff}
.b-o{background:transparent;border:1.5px solid var(--line);color:var(--ink)}.b-o:hover{border-color:var(--ink)}
.b-w{background:#fff;color:var(--ink)}.b-w:hover{background:var(--line2);color:var(--ink)}
.b-wa{background:#25D366;color:#fff}.b-wa:hover{background:#1DAF54;color:#fff}
.b-lg{padding:13px 32px;font-size:.9rem}

/* ── Reveal ── */
.rv{opacity:0;transform:translateY(16px);transition:opacity .5s var(--ez),transform .5s var(--ez)}
.rv.on{opacity:1;transform:none}

/* ═══════════ HEADER ═══════════ */
.hd{position:fixed;top:0;left:0;right:0;z-index:100;height:62px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line2);transition:box-shadow .3s}
.hd.stuck{box-shadow:0 1px 6px rgba(0,0,0,.04)}
.hd-in{display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{font-size:1.22rem;font-weight:800;color:var(--ink);letter-spacing:-.03em}
.logo b{color:var(--grn);font-weight:800}
.nav{display:flex;align-items:center;gap:26px}
.nav-ul{display:flex;list-style:none;gap:20px}
.nav-ul a{font-size:.79rem;font-weight:500;color:var(--sub)}.nav-ul a:hover{color:var(--ink)}
.nav-r{display:flex;align-items:center;gap:10px}
.lang{display:flex;border:1px solid var(--line);border-radius:5px;overflow:hidden}
.lang span,.lang a{padding:3px 9px;font-size:.63rem;font-weight:700;letter-spacing:.04em}
.lang .act{background:var(--ink);color:#fff}.lang a{color:var(--mute)}.lang a:hover{background:var(--line2)}
.burg{display:none;background:none;border:none;cursor:pointer;width:28px;height:28px;flex-direction:column;justify-content:center;gap:5px;z-index:101}
.burg i{display:block;width:18px;height:1.5px;background:var(--ink);transition:all .25s var(--ez)}
.burg.on i:nth-child(1){transform:rotate(45deg) translate(4px,4.5px)}
.burg.on i:nth-child(2){opacity:0}
.burg.on i:nth-child(3){transform:rotate(-45deg) translate(4px,-4.5px)}
.shade{display:none;position:fixed;inset:0;background:rgba(0,0,0,.12);z-index:99}
.shade.vis{display:block}

/* ═══════════ HERO ═══════════ */
.hero{padding:106px 0 66px}
.hero-g{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.hero h1 em{font-style:normal;color:var(--grn)}
.hero-p{font-size:1rem;color:var(--sub);line-height:1.78;margin:16px 0 24px;max-width:450px}
.hero-act{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}
.hero-kpi{display:flex;gap:32px;padding-top:24px;border-top:1px solid var(--line2)}
.hero-kpi strong{font-size:1.5rem;font-weight:800;color:var(--ink);display:block;letter-spacing:-.02em}
.hero-kpi small{font-size:.72rem;color:var(--mute);font-weight:500}
.hero-vis{position:relative}
.hero-vis img{width:100%;height:440px;object-fit:cover;border-radius:10px}
.hero-badge{position:absolute;bottom:12px;left:12px;background:#fff;border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:8px;box-shadow:0 2px 14px rgba(0,0,0,.07)}
.hb-dot{width:28px;height:28px;border-radius:50%;background:var(--grn);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hb-dot svg{width:13px;height:13px;fill:#fff}
.hb-t{font-size:.76rem;font-weight:600;color:var(--ink);line-height:1.2}
.hb-s{font-size:.66rem;color:var(--mute)}

/* ═══════════ SECTIONS ═══════════ */
.sec{padding:66px 0}
.sec-a{background:var(--bg2)}
.sec-d{background:var(--ink)}
.sec-hd{max-width:470px;margin:0 auto 34px;text-align:center}
.sec-hd p{color:var(--sub);margin-top:6px;font-size:.9rem;line-height:1.7}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}

/* ── Problem cards ── */
.cd{padding:20px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);transition:border-color .2s}
.cd:hover{border-color:var(--grn)}
.cd-i{font-size:1.3rem;margin-bottom:10px}
.cd h3{margin-bottom:3px}.cd p{font-size:.82rem;color:var(--sub);line-height:1.65}

/* ── Steps ── */
.stp{text-align:center}
.stp-n{width:40px;height:40px;margin:0 auto 10px;border-radius:50%;background:var(--grn-bg);color:var(--grn);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}
.stp h3{margin-bottom:3px;font-size:.92rem}.stp p{font-size:.82rem;color:var(--sub);line-height:1.65}

/* ── Pricing ── */
.pr{padding:24px 20px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);position:relative;transition:border-color .2s}
.pr:hover{border-color:var(--grn)}
.pr.pop{border:2px solid var(--grn)}
.pr-tag{position:absolute;top:-10px;left:20px;background:var(--grn);color:#fff;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:2px 11px;border-radius:4px}
.pr-nm{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--mute);margin-bottom:5px}
.pr-v {font-size:2.1rem;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.pr-v small{font-size:.36em;font-weight:500;color:var(--mute)}
.pr-eq{font-size:.72rem;color:var(--mute);margin:2px 0 14px;padding-bottom:14px;border-bottom:1px solid var(--line2)}
.pr ul{list-style:none;margin-bottom:18px}
.pr li{display:flex;align-items:baseline;gap:6px;padding:3px 0;font-size:.82rem;color:var(--ink2)}
.pr li .ck{color:var(--grn);font-weight:700;flex-shrink:0}
.pr .b{width:100%}

/* ── Payments ── */
.pay{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:24px}
.pay-c{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);font-size:.76rem;font-weight:500;color:var(--ink2)}
.pay-c:hover{border-color:var(--sub)}
.pay-d{width:24px;height:24px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.48rem;color:#fff;flex-shrink:0}
.pay-d.om{background:#FF6600}.pay-d.mtn{background:#FFCC00;color:#000}.pay-d.wav{background:#1DC3E1}.pay-d.bnk{background:var(--line2);color:var(--sub)}
.pay.dk .pay-c{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.6)}
.pay.dk .pay-c:hover{border-color:rgba(255,255,255,.25)}

/* ── Testimonials ── */
.te{padding:20px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);transition:border-color .2s}
.te:hover{border-color:var(--grn)}
.te-s{color:var(--grn);font-size:.8rem;margin-bottom:8px;letter-spacing:2px}
.te-q{font-size:.88rem;color:var(--ink2);line-height:1.78;margin-bottom:12px}
.te-w{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--line2)}
.te-av{width:32px;height:32px;border-radius:50%;background:var(--grn-bg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.68rem;color:var(--grn);flex-shrink:0}
.te-nm{font-weight:600;font-size:.78rem;color:var(--ink)}.te-lc{font-size:.68rem;color:var(--mute)}

/* ── Countries ── */
.co-g{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:540px;margin:0 auto}
.co{text-align:center;padding:24px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);transition:border-color .2s}
.co:hover{border-color:var(--grn)}
.co-f{font-size:2.2rem;margin-bottom:4px}.co-n{font-weight:600;font-size:.88rem;color:var(--ink)}.co-c{font-size:.72rem;color:var(--mute);margin-top:1px}

/* ── Blog ── */
.bl{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--bg);transition:border-color .2s}
.bl:hover{border-color:var(--grn)}
.bl-iw{height:170px;overflow:hidden}
.bl-iw img{width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ez)}
.bl:hover .bl-iw img{transform:scale(1.03)}
.bl-bd{padding:14px 16px}
.bl-mt{display:flex;gap:6px;align-items:center;margin-bottom:6px}
.bl-cat{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--grn);background:var(--grn-bg);padding:2px 6px;border-radius:3px}
.bl-dt{font-size:.7rem;color:var(--mute)}
.bl-bd h3{font-size:.9rem;margin-bottom:4px;line-height:1.3}
.bl-bd h3 a:hover{color:var(--grn)}
.bl-ex{font-size:.8rem;color:var(--sub);line-height:1.6}
.bl-lk{display:inline-flex;align-items:center;gap:3px;margin-top:6px;font-weight:600;font-size:.76rem;color:var(--grn)}

/* ── About ── */
.abt{max-width:540px;margin:0 auto;text-align:center;font-size:.93rem;color:var(--sub);line-height:1.82}
.abt+.abt{margin-top:10px}

/* ── FAQ ── */
.faq{max-width:580px;margin:0 auto}
.fq{border:1px solid var(--line);border-radius:var(--r);margin-bottom:6px;background:var(--bg);overflow:hidden;transition:border-color .2s}
.fq:hover{border-color:var(--grn)}
.fq-q{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;cursor:pointer;font-weight:600;font-size:.84rem;color:var(--ink);gap:8px;user-select:none}
.fq-ic{width:20px;height:20px;border-radius:50%;background:var(--grn-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--grn);font-size:.7rem;transition:all .2s var(--ez)}
.fq.on .fq-ic{background:var(--grn);color:#fff;transform:rotate(45deg)}
.fq-a{display:none;padding:0 15px 12px;font-size:.82rem;color:var(--sub);line-height:1.78}
.fq.on .fq-a{display:block}

/* ── CTA ── */
.cta{padding:66px 0;background:var(--ink);text-align:center}
.cta h2{color:#fff;margin-bottom:6px}
.cta>div>p{color:rgba(255,255,255,.45);font-size:.93rem;margin-bottom:20px;max-width:420px;margin-left:auto;margin-right:auto}
.cta-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}

/* ── Footer ── */
.ft{background:#141414;color:rgba(255,255,255,.38);padding:42px 0 16px}
.ft-g{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px;margin-bottom:28px}
.ft-br{max-width:240px}.ft-br .logo{color:#fff;font-size:1.1rem;margin-bottom:6px}.ft-br p{font-size:.8rem;line-height:1.7}
.ft-cl h4{font-size:.64rem;font-weight:700;color:rgba(255,255,255,.58);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}
.ft-cl ul{list-style:none}.ft-cl li{margin-bottom:4px}
.ft-cl a{font-size:.8rem;color:rgba(255,255,255,.38)}.ft-cl a:hover{color:#fff}
.ft-bt{padding-top:14px;border-top:1px solid rgba(255,255,255,.06);font-size:.68rem}
.ft-leg{color:rgba(255,255,255,.18);margin-top:2px;max-width:440px;line-height:1.6}

/* ── WA Float ── */
.waf{position:fixed;bottom:16px;right:16px;width:48px;height:48px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(37,211,102,.3);z-index:99;transition:transform .2s}
.waf:hover{transform:scale(1.06)}
.waf svg{width:22px;height:22px;fill:#fff}

/* ═══════════ RESPONSIVE ═══════════ */
@media(max-width:960px){
.hero-g{grid-template-columns:1fr;text-align:center;gap:28px}
.hero-p{margin:16px auto 24px}
.hero-act{justify-content:center}
.hero-kpi{justify-content:center}
.hero-vis img{height:300px}
.hero-badge{left:50%;transform:translateX(-50%)}
.g4{grid-template-columns:1fr 1fr}
.ft-g{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
.burg{display:flex}
.nav{position:fixed;top:0;right:-100%;width:76%;max-width:280px;height:100vh;background:#fff;flex-direction:column;padding:72px 20px 20px;box-shadow:-3px 0 16px rgba(0,0,0,.05);transition:right .3s var(--ez);z-index:100}
.nav.open{right:0}
.nav-ul{flex-direction:column;width:100%;gap:0}
.nav-ul li{border-bottom:1px solid var(--line2)}
.nav-ul a{display:block;padding:10px 0;font-size:.86rem}
.nav-r{flex-direction:column;width:100%;margin-top:12px;gap:8px}
.g4,.g3,.co-g{grid-template-columns:1fr}
.ft-g{grid-template-columns:1fr}
.hero{padding:82px 0 36px}
.hero-kpi{flex-direction:column;align-items:center;gap:10px}
.hero-act{flex-direction:column}.hero-act .b{width:100%}
.cta-row{flex-direction:column;align-items:center}
.sec{padding:44px 0}
}
/* ═══════════ SECONDARY PAGES ═══════════ */
.pg-s{padding:100px 0 50px}
.pg-s .w{max-width:680px}
.pg-s h1{font-size:1.9rem;margin-bottom:8px}
.pg-mt{font-size:.8rem;color:var(--mute);margin-bottom:24px}
.pg-cat{display:inline-block;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--grn);background:var(--grn-bg);padding:2px 8px;border-radius:3px;margin-bottom:10px}
.entry p{margin-bottom:14px;line-height:1.85;font-size:.95rem;color:var(--ink2)}
.entry h2{font-size:1.35rem;margin:28px 0 10px}.entry h3{font-size:1.1rem;margin:20px 0 6px}
.entry a{color:var(--grn);text-decoration:underline}.entry a:hover{color:var(--grn2)}
.entry img{border-radius:var(--r);margin:20px 0}
.entry ul,.entry ol{margin:0 0 14px 22px}
.entry blockquote{border-left:3px solid var(--grn);padding-left:18px;margin:20px 0;color:var(--sub);font-style:italic}
.pg-404{padding:130px 0;text-align:center}
.pg-404 h1{font-size:3.5rem;color:var(--grn);margin-bottom:8px}
.pg-404 p{color:var(--sub);margin-bottom:20px}

/* ── Footer legal links ── */
.ft-links{display:flex;gap:14px;flex-wrap:wrap;margin:6px 0 4px}
.ft-links a{font-size:.68rem;color:rgba(255,255,255,.3);transition:color .2s}
.ft-links a:hover{color:rgba(255,255,255,.7)}

/* ── Pagination ── */
.pagination{margin-top:36px;text-align:center}
.pagination .nav-links{display:flex;justify-content:center;gap:5px}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;font-size:.82rem;font-weight:600;border:1px solid var(--line);color:var(--ink2)}
.pagination a:hover{border-color:var(--grn);color:var(--grn)}
.pagination .current{background:var(--grn);color:#fff;border-color:var(--grn)}
.cnt{display:block}