/* SA Covering – contenus ajoutés (2026-10-14), alignés sur le style Nicepage du site */
:root{
  --sac-dark:#3c5f6f;      /* palette-1-dark-2 : titres, pied de page, boîtes */
  --sac-light:#e4f5fd;     /* dégradé clair */
  --sac-stripe:#2f84ab;    /* palette-1-dark-1 : cercle rayé */
  --sac-text:#111111;
  --sac-grad-v:linear-gradient(#3c5f6f,#e4f5fd);
  --sac-grad-v2:linear-gradient(#e4f5fd,#3c5f6f);
  --sac-grad-h:linear-gradient(to right,#3c5f6f,#e4f5fd);
}

/* ---------- typographie (identique aux pages existantes) ---------- */
.sac-section{position:relative;overflow:hidden;color:var(--sac-text);font-family:"Open Sans",sans-serif;font-size:1.25rem;line-height:1.8;padding:70px 0}
.sac-wrap{position:relative;z-index:2;max-width:1140px;margin:0 auto;padding:0 20px}
.sac-section h1,.sac-section h2,.sac-section h3{font-family:Roboto,sans-serif;font-weight:700;color:var(--sac-dark);margin:0 0 20px}
.sac-section h1{font-size:3.75rem;line-height:1.1}
.sac-section h2{font-size:3rem;line-height:1.1}
.sac-section h3{font-size:1.5rem;line-height:1.2}
.sac-section p{margin:0 0 20px}
.sac-section p:last-child{margin-bottom:0}
.sac-section a{color:var(--sac-stripe)}
.sac-center{text-align:center}
.sac-crumbs{font-size:1rem;line-height:1.5;margin-bottom:16px;color:#555}
.sac-crumbs a{color:#555}

/* ---------- boutons ---------- */
.sac-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0}
.sac-btn{display:inline-block;padding:12px 26px;border-radius:30px;font-size:1rem;line-height:1.4;font-weight:600;text-decoration:none!important;background:var(--sac-dark);color:#fff!important;border:2px solid var(--sac-dark);transition:background .2s,color .2s}
.sac-btn:hover{background:var(--sac-stripe);border-color:var(--sac-stripe)}
.sac-btn.sac-ghost{background:transparent;color:var(--sac-dark)!important}
.sac-btn.sac-ghost:hover{background:var(--sac-dark);color:#fff!important}

/* ---------- carte blanche sur photo (style « À propos ») ---------- */
.sac-split{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:620px}
.sac-split .sac-photo{position:relative;z-index:2;grid-column:1;grid-row:1;width:100%;height:600px;object-fit:cover;border-radius:30px;display:block}
.sac-split .sac-card{position:relative;z-index:3;grid-column:2;grid-row:1;margin:140px 0 0 -90px;background:#fff;border-radius:15px;padding:34px 40px 36px}
.sac-split.sac-rev .sac-photo{grid-column:2}
.sac-split.sac-rev .sac-card{grid-column:1;margin:0 -90px 140px 0}
.sac-split{margin-bottom:40px}
.sac-split .sac-grad-rect{position:absolute;z-index:1;right:-30px;bottom:-50px;width:56%;height:62%;background:var(--sac-grad-v)}
.sac-split.sac-rev .sac-grad-rect{right:auto;left:-30px;top:-50px;bottom:auto;background:var(--sac-grad-v2)}
.sac-circle{position:absolute;z-index:1;border-radius:50%;background:var(--sac-grad-v2)}
.sac-split .sac-circle{width:228px;height:228px;right:-20px;top:-40px}
.sac-split.sac-rev .sac-circle{right:auto;left:-30px;top:auto;bottom:-40px}
.sac-stripes{position:absolute;z-index:4;width:200px;height:200px;color:var(--sac-stripe);left:-40px;bottom:-30px}
.sac-split.sac-rev .sac-stripes{left:auto;right:-40px;top:-30px;bottom:auto}
.sac-stripes svg{width:100%;height:100%;fill:currentColor}

/* ---------- listes ---------- */
.sac-check{list-style:none;padding:0;margin:0 0 10px}
.sac-check li{position:relative;padding-left:36px;margin:0 0 10px}
.sac-check li::before{content:"✔️";position:absolute;left:0;top:0}
.sac-list{padding-left:1.3em;margin:0 0 20px}
.sac-list li{margin:0 0 8px}

/* ---------- bandeau dégradé (style bandeau d'accueil) ---------- */
.sac-band{background:var(--sac-grad-h)}
.sac-band h2,.sac-band>.sac-wrap>p{color:#fff}
.sac-band .sac-circle{width:260px;height:260px;right:-60px;top:-60px;opacity:.9}
.sac-band .sac-circle.sac-c2{width:140px;height:140px;left:-40px;right:auto;top:auto;bottom:-40px;background:var(--sac-dark)}

/* cartes services (accueil) */
.sac-cards{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px;margin-top:30px}
.sac-svc{background:#fff;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 6px 24px rgba(0,0,0,.12)}
.sac-svc img{width:100%;height:170px;object-fit:cover;display:block}
.sac-svc-body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
.sac-svc-body h3{font-size:1.375rem;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.sac-svc-body ul{list-style:none;padding:0;margin:0 0 18px;flex:1;font-size:1.0625rem;line-height:1.5}
.sac-svc-body li{position:relative;padding-left:20px;margin:0 0 8px}
.sac-svc-body li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--sac-stripe)}
.sac-svc-body a{font-weight:700;text-decoration:none;font-size:1.0625rem}

/* étapes (boîtes foncées comme Localisation / Appelez-moi / Mail) */
.sac-steps{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;margin-top:30px;counter-reset:step}
.sac-step{background:var(--sac-dark);color:#fff;border-radius:20px;padding:26px 24px 28px}
.sac-step h3{color:#fff;font-size:1.375rem;margin-bottom:10px}
.sac-step h3::before{counter-increment:step;content:counter(step) ". "}
.sac-step p{font-size:1.0625rem;line-height:1.6}

/* zones */
.sac-zones{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.sac-zones li{background:var(--sac-dark);color:#fff;border-radius:20px;padding:6px 18px;font-size:1rem;line-height:1.5}

/* FAQ */
.sac-soft{background:var(--sac-light)}
.sac-faq{max-width:900px;margin:30px auto 0}
.sac-faq details{background:#fff;border-radius:15px;padding:18px 24px;margin:0 0 14px}
.sac-faq summary{cursor:pointer;font-family:Roboto,sans-serif;font-weight:700;color:var(--sac-dark);font-size:1.25rem;line-height:1.4}
.sac-faq details p{margin:12px 0 0;font-size:1.125rem;line-height:1.7}

/* encadré devis */
.sac-box{position:relative;z-index:2;max-width:900px;margin:50px auto 0;background:var(--sac-dark);color:#fff;border-radius:20px;padding:36px 40px;text-align:center}
.sac-box h2{color:#fff!important}
.sac-box .sac-cta{justify-content:center}
.sac-box .sac-btn{background:#fff;color:var(--sac-dark)!important;border-color:#fff}
.sac-box .sac-btn:hover{background:var(--sac-stripe);color:#fff!important;border-color:var(--sac-stripe)}
.sac-box .sac-btn.sac-ghost{background:transparent;color:#fff!important}

/* liens vers les autres services */
.sac-links{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.sac-links a{display:inline-block;border:2px solid var(--sac-dark);border-radius:30px;padding:8px 20px;font-size:1rem;line-height:1.4;font-weight:600;color:var(--sac-dark);text-decoration:none}
.sac-links a:hover{background:var(--sac-dark);color:#fff}

/* pied de page */
.sac-footer{clear:both;width:100%;padding:18px 0 6px;font-size:.875rem;line-height:1.6;color:#fff;text-align:center}
.sac-footer a{color:#fff;text-decoration:underline}
.sac-footer ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px}
.u-footer .u-sheet-1{min-height:0!important}

/* ---------- tablette ---------- */
@media (max-width:991px){
  .sac-section h1{font-size:3rem}
  .sac-section h2{font-size:2.5rem}
  .sac-split .sac-photo{height:500px}
  .sac-split .sac-card{margin-left:-140px;padding:28px 30px}
  .sac-split.sac-rev .sac-card{margin-right:-140px;margin-left:0}
}
/* ---------- mobile (mêmes tailles que les pages existantes) ---------- */
@media (max-width:767px){
  .sac-section{font-size:1.125rem;padding:50px 0}
  .sac-section h1,.sac-section h2{font-size:1.875rem}
  .sac-section h3{font-size:1.25rem}
  .sac-split{display:block;min-height:0}
  .sac-split .sac-photo{height:360px}
  .sac-split .sac-card,.sac-split.sac-rev .sac-card{margin:-60px 14px 0;padding:22px 24px 26px}
  .sac-split.sac-rev .sac-photo{margin-bottom:0}
  .sac-split .sac-grad-rect{width:100%;height:240px;bottom:-30px}
  .sac-split.sac-rev .sac-grad-rect{top:auto;bottom:-30px}
  .sac-stripes,.sac-split.sac-rev .sac-stripes{z-index:1;width:120px;height:120px;left:-24px;right:auto;top:-24px;bottom:auto}
  .sac-split .sac-circle{width:150px;height:150px}
  .sac-box{padding:26px 20px}
  .sac-btn{width:100%;text-align:center}
}