/*
Theme Name: IS2 SAS Corporate
Theme URI: https://is2.fr/
Author: IS2 SAS
Description: Thème vitrine responsive pour IS2 SAS - maintenance informatique et services IT en Outre-mer.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: is2sas
*/

:root{
  --navy:#071f3d;
  --blue:#0868c9;
  --cyan:#12a8d8;
  --light:#f3f7fb;
  --text:#17263a;
  --muted:#607086;
  --white:#fff;
  --shadow:0 18px 45px rgba(7,31,61,.12);
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);line-height:1.6;background:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.container{width:min(1160px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid #e8eef5}
.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--navy)}
.brand img{width:84px;height:auto}
.main-nav{display:flex;gap:24px;align-items:center;font-size:14px;font-weight:700}
.main-nav a:hover{color:var(--blue)}
.menu-toggle{display:none;border:0;background:none;font-size:27px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:999px;font-weight:800;transition:.2s;border:1px solid transparent}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 10px 25px rgba(8,104,201,.25)}
.btn-primary:hover{transform:translateY(-2px)}
.btn-secondary{border-color:#c7d8e8;background:#fff;color:var(--navy)}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#061a35 0%,#083c76 62%,#087fb0 100%);color:#fff;padding:100px 0 82px}
.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-220px;background:rgba(255,255,255,.08)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;position:relative;z-index:1}
.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:900;color:#7ee2ff;margin-bottom:12px}
h1{font-size:clamp(42px,5vw,68px);line-height:1.04;margin:0 0 22px}
.hero p{font-size:20px;color:#dbeeff;max-width:690px;margin:0 0 30px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-card{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:28px;box-shadow:var(--shadow)}
.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.stat{padding:18px;border-radius:16px;background:rgba(255,255,255,.09)}
.stat strong{display:block;font-size:32px}
.stat span{font-size:13px;color:#d5ebff}
section{padding:82px 0}
.section-head{max-width:760px;margin-bottom:38px}
.section-head h2{font-size:clamp(32px,4vw,48px);line-height:1.12;margin:6px 0 15px;color:var(--navy)}
.section-head p{color:var(--muted);font-size:18px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:#fff;border:1px solid #e3ecf5;border-radius:var(--radius);padding:28px;box-shadow:0 10px 28px rgba(7,31,61,.06);transition:.2s}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:#eaf5ff;color:var(--blue);font-size:24px;margin-bottom:18px}
.card h3{margin:0 0 10px;color:var(--navy)}
.card p{margin:0;color:var(--muted)}
.alt{background:var(--light)}
.coverage{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}
.map-card{background:linear-gradient(145deg,#fff,#e9f4ff);border-radius:24px;padding:34px;box-shadow:var(--shadow)}
.locations{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.location{padding:12px 14px;background:#fff;border-radius:12px;border:1px solid #dfeaf4;font-weight:700}
.coverage-map-img{width:100%;height:auto;display:block;margin-top:18px;border-radius:18px;border:1px solid #d8e6f4;box-shadow:0 12px 28px rgba(7,31,61,.10)}
.coverage-notes{display:grid;gap:12px;margin-top:18px}
.coverage-note{padding:14px 16px;background:#fff;border:1px solid #dfeaf4;border-radius:14px;color:var(--text)}
.coverage-note strong{color:var(--navy)}
.checklist{display:grid;gap:15px}
.check{display:flex;gap:12px}
.check b{color:var(--blue)}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.step{position:relative;text-align:center;padding:22px 12px;background:#fff;border-radius:16px;border:1px solid #dce8f3}
.step .number{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:var(--blue);color:#fff;font-weight:900}
.step:not(:last-child):after{content:"→";position:absolute;right:-13px;top:38%;color:var(--blue);font-weight:900;z-index:2}
.cert-list{display:flex;gap:12px;flex-wrap:wrap}
.cert{padding:10px 15px;border-radius:999px;background:#fff;border:1px solid #cdddeb;font-weight:800;color:var(--navy)}
.cta{padding:0 0 82px}
.cta-box{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;border-radius:28px;padding:46px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta-box h2{margin:0 0 8px;font-size:36px}
.site-footer{background:#06162b;color:#cbd9e8;padding:48px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px}
.footer-logo-wrap{margin-bottom:16px}
.footer-logo{max-width:110px;height:auto;display:block}
.site-footer h3,.site-footer h4{color:#fff;margin-top:0}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:20px;font-size:13px}
@media(max-width:900px){
  .governance-grid{grid-template-columns:1fr 1fr}
  .menu-toggle{display:block}
  .main-nav{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;padding:22px;flex-direction:column;box-shadow:var(--shadow)}
  .main-nav.open{display:flex}
  .hero-grid,.coverage{grid-template-columns:1fr}
  .cards,.commitments-grid{grid-template-columns:1fr 1fr}
  .process{grid-template-columns:1fr}
  .coverage-notes-grid{grid-template-columns:1fr}
  .step:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-21px}
}
@media(max-width:620px){
  .governance-grid{grid-template-columns:1fr}
  .governance-panel{padding:26px}
  .cards,.commitments-grid,.footer-grid,.hero-stats,.locations,.coverage-notes-grid{grid-template-columns:1fr}
  .hero{padding-top:70px}
  .cta-box{padding:30px;display:block}
  .cta-box .btn{margin-top:20px}
  .coverage-support-block{padding:22px}
}


/* Version 4 - footer agences et page contact */
.footer-grid-v4{grid-template-columns:1.35fr repeat(4,1fr);align-items:start}
.footer-brand-col{padding-right:18px}
.footer-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.footer-list li{color:#cbd9e8}
.footer-contact-link{display:inline-block;margin-top:10px;color:#7ee2ff;font-weight:800}
.contact-hero{padding:76px 0;background:linear-gradient(135deg,#061a35,#0868c9);color:#fff}
.contact-hero h1{max-width:820px}
.contact-hero p{max-width:760px;font-size:19px;color:#dbeeff}
.contact-section{padding:70px 0}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start}
.contact-info-card,.contact-form-card{background:#fff;border:1px solid #dfeaf4;border-radius:20px;padding:30px;box-shadow:0 12px 35px rgba(7,31,61,.08)}
.contact-info-card h2,.contact-form-card h2{color:var(--navy);margin-top:0}
.wpforms-zone{margin-top:22px}
.form-placeholder{padding:18px;border-radius:12px;background:#f3f7fb;color:#607086}
.agency-section{padding:70px 0}
.agency-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.agency-card{background:#fff;border:1px solid #dfeaf4;border-radius:18px;padding:24px}
.agency-card h3{margin-top:0;color:var(--navy)}

@media(max-width:1050px){
  .footer-grid-v4{grid-template-columns:1.2fr 1fr 1fr}
  .contact-layout{grid-template-columns:1fr}
  .agency-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .governance-grid{grid-template-columns:1fr}
  .governance-panel{padding:26px}
  .footer-grid-v4,.agency-grid{grid-template-columns:1fr}
}

.footer-addresses li{margin-bottom:14px;line-height:1.45}.footer-addresses em{color:#91a6bc}.agency-grid-addresses{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){
  .governance-grid{grid-template-columns:1fr 1fr}.agency-grid-addresses{grid-template-columns:1fr 1fr}}@media(max-width:620px){
  .governance-grid{grid-template-columns:1fr}
  .governance-panel{padding:26px}.agency-grid-addresses{grid-template-columns:1fr}}

.coverage-head{max-width:980px}
.coverage-map-card{padding:20px;margin-bottom:22px}
.coverage-map-large{width:100%;max-width:100%;height:auto;margin-top:0}
.coverage-notes-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}
.coverage-support-block{background:#fff;border:1px solid #dfeaf4;border-radius:24px;padding:30px;box-shadow:0 10px 28px rgba(7,31,61,.06)}
.coverage-support-block h2{margin-top:6px;color:var(--navy)}

.quality-panel{margin-top:54px;padding:38px;background:linear-gradient(145deg,#071f3d,#0b5598);border-radius:28px;color:#fff;box-shadow:var(--shadow)}
.quality-panel-head{max-width:850px;margin-bottom:28px}
.quality-panel-head h2{font-size:clamp(30px,4vw,44px);line-height:1.14;margin:6px 0 14px;color:#fff}
.quality-panel-head p{margin:0;color:#d8ebff;font-size:17px}
.quality-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.quality-kpi{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:22px}
.quality-kpi h3{margin:0 0 8px;color:#fff}
.quality-kpi p{margin:0;color:#dcecff;font-size:14px}
.kpi-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--blue);font-weight:900;font-size:20px;margin-bottom:15px}

@media(max-width:900px){
  .governance-grid{grid-template-columns:1fr 1fr}.quality-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){
  .governance-grid{grid-template-columns:1fr}
  .governance-panel{padding:26px}.quality-panel{padding:25px}.quality-kpis{grid-template-columns:1fr}}

.commitments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.commitment-card{background:#fff;border:1px solid #dfeaf4;border-radius:18px;padding:26px;box-shadow:0 10px 28px rgba(7,31,61,.06)}
.commitment-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eaf5ff;font-size:23px;margin-bottom:16px}
.commitment-card h3{margin:0 0 9px;color:var(--navy)}
.commitment-card p{margin:0;color:var(--muted)}

.logistics-card{grid-column:span 2}
.freight-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.freight-mode{display:flex;align-items:center;gap:12px;padding:14px;background:var(--light);border:1px solid #dce8f3;border-radius:14px}
.freight-icon{font-size:30px;line-height:1}
.freight-mode strong{display:block;color:var(--navy)}
.freight-mode small{display:block;color:var(--muted);margin-top:2px}

@media(max-width:900px){
  .governance-grid{grid-template-columns:1fr 1fr}.logistics-card{grid-column:span 1}}
@media(max-width:620px){
  .governance-grid{grid-template-columns:1fr}
  .governance-panel{padding:26px}.freight-modes{grid-template-columns:1fr}}

.governance-panel{margin-top:38px;padding:38px;border-radius:24px;background:linear-gradient(135deg,#071f3d,#0a4f91);color:#fff;box-shadow:var(--shadow)}
.governance-panel .eyebrow{color:#7ee2ff}
.governance-panel h2{margin:6px 0 12px;font-size:clamp(30px,4vw,44px);line-height:1.12}
.governance-panel p{color:#dcecff}
.governance-intro{max-width:880px;margin-bottom:26px}
.governance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.governance-card{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);border-radius:18px;padding:22px}
.governance-card h3{margin:10px 0 8px;color:#fff}
.governance-card p{margin:0;font-size:15px}
.governance-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.14);font-size:24px}

/* Version 22 - positionnement premium, preuves, partenaires et logistique */
.hero{position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(36,190,255,.12);right:-180px;top:-250px;filter:blur(2px)}
.hero-grid{position:relative;z-index:1}
.hero-proof{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:9px;padding-top:8px}
.hero-proof span{font-size:12px;font-weight:800;color:#dff5ff;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);padding:8px 10px;border-radius:999px}
.trust-strip{padding:32px 0;background:#fff;border-bottom:1px solid #dfeaf4}
.trust-title{text-align:center;margin:0 0 16px;color:var(--navy);font-weight:850}
.brand-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
.brand-pills span{min-width:100px;text-align:center;padding:13px 18px;border-radius:12px;border:1px solid #dce8f3;background:#f7fafc;color:#173b63;font-weight:900;letter-spacing:.02em}
.trust-note{text-align:center;font-size:12px;color:var(--muted);margin:14px 0 0}
.why-section{padding-top:82px;background:linear-gradient(180deg,#f7fbff,#fff)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.why-card{position:relative;background:#fff;border:1px solid #dfeaf4;border-radius:18px;padding:25px;box-shadow:0 10px 28px rgba(7,31,61,.05);transition:.25s ease}
.why-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(7,31,61,.1)}
.why-card>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e9f5ff;color:var(--blue);font-weight:900;font-size:13px}
.why-card h3{color:var(--navy);margin:16px 0 8px}.why-card p{margin:0;color:var(--muted)}
.logistics-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1.4fr auto 1fr;gap:12px;align-items:stretch;margin:28px 0;background:#fff;border:1px solid #dfeaf4;border-radius:22px;padding:20px;box-shadow:0 10px 28px rgba(7,31,61,.05)}
.flow-step{padding:17px;border-radius:15px;background:#f4f8fc;text-align:center}.flow-step.featured{background:linear-gradient(135deg,#08294d,#0871cf);color:#fff}
.flow-step span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--blue);font-size:11px;font-weight:900;margin:0 auto 10px}.flow-step strong,.flow-step small{display:block}.flow-step small{margin-top:4px;color:var(--muted)}.featured small{color:#dbeeff}
.flow-arrow{display:grid;place-items:center;font-size:25px;color:#70a2cc;font-weight:900}
.flow-modes{display:grid;gap:9px}.flow-modes div{display:flex;align-items:center;gap:9px;padding:12px;border-radius:13px;background:#edf7ff;color:var(--navy)}.flow-modes b{font-size:22px}.flow-modes strong{font-size:13px}
.references-section{padding:80px 0;background:#071f3d;color:#fff}.references-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}.references-section h2{color:#fff}.references-section p{color:#d4e6f7}.references-section .eyebrow{color:#7ee2ff}
.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sector-grid div{display:flex;align-items:center;gap:11px;padding:18px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:15px}.sector-grid span{font-size:24px}.sector-grid strong{font-size:14px}
.is2-contact-form{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.is2-contact-form label{display:grid;gap:7px;color:var(--navy);font-weight:750;font-size:14px}.is2-contact-form input,.is2-contact-form select,.is2-contact-form textarea{width:100%;border:1px solid #cbdbe8;border-radius:10px;padding:12px 13px;font:inherit;background:#fff;color:#18334f}.is2-contact-form input:focus,.is2-contact-form select:focus,.is2-contact-form textarea:focus{outline:2px solid rgba(8,113,207,.18);border-color:var(--blue)}
@media(max-width:1000px){.why-grid{grid-template-columns:repeat(2,1fr)}.logistics-flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);min-height:24px}.references-layout{grid-template-columns:1fr}.sector-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.why-grid,.sector-grid,.form-grid{grid-template-columns:1fr}.brand-pills span{min-width:calc(50% - 8px)}.trust-strip{padding:26px 0}.references-section{padding:60px 0}}

/* Version 23 — Corporate Premium */
.hero-visual-card{padding:18px;background:rgba(255,255,255,.98);overflow:hidden}
.hero-visual-card img{display:block;width:100%;height:auto;max-height:540px;object-fit:contain;border-radius:17px}
.visual-label{display:inline-flex;margin:0 0 12px;padding:8px 12px;border-radius:999px;background:#e7f4ff;color:#0a5ca8;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.hero-visual-card .hero-proof{padding:14px 4px 2px}
.hero-visual-card .hero-proof span{color:#0a3e70;background:#edf7ff;border-color:#d1e7f7}
.partner-showcase{padding:74px 0;background:#fff}
.partner-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:center}
.partner-copy h2{font-size:clamp(31px,4vw,48px);line-height:1.1;color:var(--navy);margin:7px 0 15px}
.partner-copy>p{font-size:17px;color:var(--muted);max-width:720px}
.partner-visual{display:flex;justify-content:center;padding:22px;border:1px solid #dfeaf4;border-radius:26px;background:linear-gradient(145deg,#fff,#f3f8fc);box-shadow:0 18px 45px rgba(7,31,61,.09)}
.partner-visual img{display:block;width:100%;max-width:390px;height:auto;border-radius:16px}
.partner-showcase .brand-pills{justify-content:flex-start;margin-top:24px}
.partner-showcase .brand-pills span{min-width:auto}
.partner-showcase .trust-note{text-align:left}
.key-figures{padding:82px 0;background:linear-gradient(145deg,#061b36,#0b4f8d);color:#fff}
.centered-head{text-align:center;max-width:850px;margin-left:auto;margin-right:auto}
.key-figures .section-head h2{color:#fff}
.key-figures .section-head p{color:#d8eaff}
.key-figures .eyebrow{color:#74dcff}
.figures-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.figure-card{min-height:175px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:27px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:rgba(255,255,255,.09);backdrop-filter:blur(8px);transition:.25s ease}
.figure-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.13)}
.figure-card strong{font-size:clamp(37px,5vw,58px);line-height:1;color:#fff;letter-spacing:-.04em}
.figure-card span{margin-top:11px;font-weight:800;color:#eaf6ff}
.figure-card small{margin-top:5px;color:#8edfff}
.governance-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:stretch;margin-top:28px;padding:20px;border:1px solid #dce8f3;border-radius:22px;background:#f7fbff}
.gov-node{display:flex;flex-direction:column;justify-content:center;min-height:130px;padding:17px;border-radius:15px;background:#fff;border:1px solid #dfeaf4;text-align:center}
.gov-node span{display:grid;place-items:center;width:35px;height:35px;margin:0 auto 10px;border-radius:50%;background:#e9f5ff;color:#0871cf;font-size:11px;font-weight:900}
.gov-node strong{color:var(--navy)}
.gov-node small{margin-top:5px;color:var(--muted)}
.gov-primary{background:linear-gradient(135deg,#08294d,#0871cf);border:0}
.gov-primary strong{color:#fff}.gov-primary small{color:#dcefff}
.gov-link{display:grid;place-items:center;font-size:22px;color:#6d9ec6;font-weight:900}
@media(max-width:1000px){
 .partner-layout{grid-template-columns:1fr}.partner-visual{max-width:520px;margin:auto}.figures-grid{grid-template-columns:repeat(2,1fr)}
 .governance-flow{grid-template-columns:1fr}.gov-link{transform:rotate(90deg);min-height:20px}
}
@media(max-width:620px){
 .partner-showcase,.key-figures{padding:58px 0}.figures-grid{grid-template-columns:1fr}.figure-card{min-height:145px}
 .partner-visual{padding:12px}.hero-visual-card{padding:12px}
}
@media (max-width: 620px) {

  body{
    overflow-x:hidden;
  }

  .container{
    width:92%;
  }

  .header-inner{
    height:66px;
    gap:12px;
  }

  .brand img{
    width:70px;
  }

  .brand span{
    font-size:14px;
  }

  .menu-toggle{
    display:block;
    cursor:pointer;
  }

  .main-nav{
    display:none;
    position:absolute;
    top:66px;
    left:0;
    right:0;
    width:100%;
    background:#fff;
    padding:18px 20px;
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
    border-bottom:1px solid #e3ecf5;
    box-shadow:0 12px 28px rgba(7,31,61,.12);
  }

  .main-nav.open{
    display:flex;
  }

  .main-nav a{
    width:100%;
    padding:8px 0;
    font-size:16px;
  }

  section{
    padding:56px 0;
  }

  .hero{
    padding:56px 0 48px;
  }

  h1{
    font-size:38px;
    line-height:1.08;
  }

  .hero p{
    font-size:17px;
  }

  .hero-actions{
    flex-direction:column;
  }

  .hero-actions .btn{
    width:100%;
  }

  .cards,
  .why-grid,
  .figures-grid,
  .sector-grid,
  .agency-grid,
  .agency-grid-addresses,
  .quality-kpis,
  .commitments-grid,
  .form-grid,
  .contact-layout{
    grid-template-columns:1fr;
  }

  .cta-box{
    padding:26px 20px;
  }

  .cta-box h2{
    font-size:28px;
  }

  .contact-info-card,
  .contact-form-card{
    padding:22px;
  }

  .wpforms-zone input,
  .wpforms-zone select,
  .wpforms-zone textarea{
    width:100% !important;
    max-width:100% !important;
    font-size:16px !important;
  }

  .wpforms-zone button,
  .wpforms-zone .wpforms-submit{
    width:100% !important;
  }

  .footer-grid,
  .footer-grid-v4{
    grid-template-columns:1fr;
    gap:24px;
  }

  .coverage-map-card{
    padding:12px;
  }

  .quality-panel{
    padding:22px;
  }

}
/* ===== MENU MOBILE IS2 ===== */
@media (max-width: 900px) {

    .site-header {
        position: sticky;
        top: 0;
        z-index: 9999;
    }

    .header-inner {
        height: 68px;
        position: relative;
    }

    /* Logo */
    .brand img,
    .custom-logo {
        width: 74px;
        max-height: 50px;
        object-fit: contain;
    }

    /* Hamburger */
    .menu-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        padding: 0;
        border: 1px solid #dce8f3;
        border-radius: 12px;
        background: #f7fbff;
        color: var(--navy);
        font-size: 25px;
        line-height: 1;
        cursor: pointer;
        transition: .2s ease;
    }

    .menu-toggle:hover {
        background: #eaf5ff;
        border-color: #bdd8ed;
    }

    /* Menu déroulant */
    .main-nav {
        display: none;
        position: absolute;
        top: 68px;
        left: 0;
        right: 0;

        width: 100%;
        padding: 14px 4% 22px;

        background: rgba(255,255,255,.98);
        backdrop-filter: blur(14px);

        border-top: 1px solid #edf2f7;
        border-bottom: 1px solid #dce8f3;

        box-shadow: 0 18px 35px rgba(7,31,61,.14);

        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .main-nav.open {
        display: flex;
    }

    /* Liens */
    .main-nav > a:not(.btn) {
        display: block;
        width: 100%;

        padding: 14px 4px;

        color: var(--navy);
        font-size: 16px;
        font-weight: 750;

        border-bottom: 1px solid #edf2f7;
    }

    .main-nav > a:not(.btn):hover {
        color: var(--blue);
        padding-left: 8px;
    }

    /* Nous contacter */
    .main-nav .btn-primary {
        width: 100%;
        margin-top: 16px;
        padding: 14px 20px;

        color: #fff;
        text-align: center;

        border-radius: 12px;

        background: linear-gradient(
            135deg,
            var(--blue),
            var(--cyan)
        );

        box-shadow: 0 8px 20px rgba(8,104,201,.22);
    }
} /* Fin du menu mobile à 900 px */

/* ===== LOGOS CONSTRUCTEURS : 2 COLONNES ===== */
.constructeurs-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px 35px;
    align-items: center;
    justify-items: center;
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
    padding: 25px 0;
}

.constructeurs-grid > .constructeur-logo {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 90px;
    padding: 5px;
}

.constructeurs-grid > .constructeur-logo > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.constructeurs-grid > .constructeur-logo > a:focus-visible {
    outline: 3px solid var(--blue);
    outline-offset: 4px;
}

.constructeurs-grid > .constructeur-logo img,
.constructeurs-grid > img {
    display: block;
    width: auto;
    height: auto;
    max-width: 150px !important;
    max-height: 58px !important;
    object-fit: contain;
    margin: 0 auto;
    transition: transform .25s ease, opacity .25s ease;
}

.constructeurs-grid > .constructeur-logo > a:hover img,
.constructeurs-grid > .constructeur-logo > a:focus-visible img {
    transform: scale(1.06);
}

@media (prefers-reduced-motion: reduce) {
    .constructeurs-grid > .constructeur-logo img {
        transition: none;
    }
}

/* Harmonisation visuelle sans deformation des proportions. */
.constructeurs-grid > .constructeur-logo:nth-child(1) img,
.constructeurs-grid > img:nth-child(1) {
    max-width: 80px !important;
    max-height: 80px !important;
}

.constructeurs-grid > .constructeur-logo:nth-child(2) img,
.constructeurs-grid > img:nth-child(2) {
    max-width: 165px !important;
    max-height: 65px !important;
}

.constructeurs-grid > .constructeur-logo:nth-child(3) img,
.constructeurs-grid > img:nth-child(3) {
    max-width: 155px !important;
    max-height: 58px !important;
}

.constructeurs-grid > .constructeur-logo:nth-child(4) img,
.constructeurs-grid > img:nth-child(4) {
    max-width: 150px !important;
    max-height: 65px !important;
}

.constructeurs-grid > .constructeur-logo:nth-child(5) img,
.constructeurs-grid > img:nth-child(5) {
    max-width: 205px !important;
    max-height: 52px !important;
}

.constructeurs-grid > .constructeur-logo:nth-child(6) img,
.constructeurs-grid > img:nth-child(6) {
    max-width: 165px !important;
    max-height: 58px !important;
}

.constructeurs-grid > .constructeur-logo:nth-child(7) img,
.constructeurs-grid > img:nth-child(7) {
    max-width: 170px !important;
    max-height: 58px !important;
}

/* Avec 7 logos, le dernier est centre sur toute la largeur. */
.constructeurs-grid > .constructeur-logo:last-child:nth-child(odd),
.constructeurs-grid > img:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

/* ===== LOGOS SUR TELEPHONE ===== */
@media (max-width: 620px) {
    .constructeurs-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px 12px;
        padding: 18px 0;
    }

    .constructeurs-grid > .constructeur-logo {
        height: 75px;
    }

    .constructeurs-grid > .constructeur-logo img,
    .constructeurs-grid > img {
        max-width: 130px !important;
        max-height: 50px !important;
    }

    .constructeurs-grid > .constructeur-logo:nth-child(1) img,
    .constructeurs-grid > img:nth-child(1) {
        max-width: 68px !important;
        max-height: 68px !important;
    }

    .constructeurs-grid > .constructeur-logo:nth-child(2) img,
    .constructeurs-grid > img:nth-child(2) {
        max-width: 135px !important;
        max-height: 54px !important;
    }

    .constructeurs-grid > .constructeur-logo:nth-child(3) img,
    .constructeurs-grid > img:nth-child(3) {
        max-width: 130px !important;
        max-height: 48px !important;
    }

    .constructeurs-grid > .constructeur-logo:nth-child(4) img,
    .constructeurs-grid > img:nth-child(4) {
        max-width: 125px !important;
        max-height: 54px !important;
    }

    .constructeurs-grid > .constructeur-logo:nth-child(5) img,
    .constructeurs-grid > img:nth-child(5) {
        max-width: 155px !important;
        max-height: 42px !important;
    }

    .constructeurs-grid > .constructeur-logo:nth-child(6) img,
    .constructeurs-grid > img:nth-child(6) {
        max-width: 135px !important;
        max-height: 48px !important;
    }

    .constructeurs-grid > .constructeur-logo:nth-child(7) img,
    .constructeurs-grid > img:nth-child(7) {
        max-width: 140px !important;
        max-height: 48px !important;
    }
}

/* ===== GOUVERNANCE RESPONSIVE - REGLES FINALES ===== */
@media (max-width: 1100px) {
    .governance-panel {
        padding: 30px;
    }

    .governance-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px;
    }
}

@media (max-width: 620px) {
    .governance-panel {
        margin-top: 28px;
        padding: 24px 18px;
        border-radius: 18px;
    }

    .governance-panel h2 {
        font-size: clamp(28px, 9vw, 36px);
        line-height: 1.12;
    }

    .governance-intro {
        margin-bottom: 20px;
    }

    .governance-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px;
    }

    .governance-card {
        padding: 18px;
    }

    .governance-card h3 {
        margin-top: 8px;
    }
}

/* ===== CARTE DE COUVERTURE V2 ===== */
.coverage-map-card {
    width: 100%;
    max-width: 820px;
    margin: 0 auto 22px;
    padding: 18px;
    overflow: hidden;
    background: #fff;
}

.coverage-map-scroll {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 16px;
}

.coverage-map-scroll:focus-visible {
    outline: 3px solid var(--blue);
    outline-offset: 3px;
}

.coverage-map-link {
    display: block;
    width: 100%;
}

.coverage-map-large {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    border: 0;
    border-radius: 14px;
    box-shadow: none;
    user-select: none;
}

.coverage-map-hint {
    display: none;
    margin: 10px 4px 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
}

/* Loupe automatique de la carte : ordinateurs equipes d'une souris. */
.coverage-map-magnifier {
    position: absolute;
    z-index: 3;
    display: none;
    width: 180px;
    height: 180px;
    pointer-events: none;
    border: 4px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    box-shadow: 0 10px 32px rgba(7, 31, 61, .28), 0 0 0 2px var(--blue);
}

.coverage-map-magnifier.is-visible {
    display: block;
}

@media (hover: hover) and (pointer: fine) {
    .coverage-map-link {
        cursor: zoom-in;
    }
}

@media (max-width: 900px), (hover: none), (pointer: coarse) {
    .coverage-map-magnifier {
        display: none !important;
    }
}

@media (max-width: 620px) {
    .coverage-map-card {
        padding: 8px;
        border-radius: 14px;
    }

    .coverage-map-large {
        width: 100%;
        min-width: 0;
        border-radius: 10px;
    }

    .coverage-map-hint {
        display: none;
    }
}