/* =====================================================================
   PLANEO PROTECT — ajustements au design system Planéo partagé
   (charge planeo.css en premier, puis ce fichier)
   ===================================================================== */

/* Logo inline (SVG mot-logo + bouclier) */
.brand .pp-logo{display:block;height:38px;width:auto}
.footer-brand .pp-logo{display:block;height:52px;width:auto;margin-bottom:18px}
@media (max-width:900px){ .brand .pp-logo{height:34px} }

/* Pictogrammes SVG dans les pastilles d'icône */
.feat-ico svg,.a-ico svg{width:24px;height:24px}

/* Cartes « constat / douleur » — pastille en rouge d'alerte */
.pain .feat-ico{background:#FDECEC;color:#E5484D}

/* Bandeau de réassurance (4 colonnes) */
.assure{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.assure .a-item{display:flex;gap:14px;align-items:flex-start}
.assure .a-ico{flex:0 0 auto;width:46px;height:46px;border-radius:12px;background:var(--blue-light);color:var(--blue);display:grid;place-items:center}
.assure .a-item h3{font-size:1.04rem;margin-bottom:4px}
.assure .a-item p{color:var(--slate);font-size:.92rem;line-height:1.5}
@media (max-width:860px){ .assure{grid-template-columns:1fr 1fr;gap:24px} }
@media (max-width:520px){ .assure{grid-template-columns:1fr} }

/* Carte tarifaire mise en avant */
.price-card.featured{border-color:var(--blue);box-shadow:0 16px 40px rgba(0,112,224,.16);position:relative}
.price-card.featured::before{content:"Le plus choisi";position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:var(--radius-pill);white-space:nowrap}
.price-card .price small{font-size:.9rem;font-weight:700;color:var(--slate)}

/* =====================================================================
   CALCULATEUR ROI
   ===================================================================== */
.calc-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:44px 48px;max-width:880px;margin:0 auto;box-shadow:var(--shadow)}
@media(max-width:640px){.calc-box{padding:28px 22px}}

.calc-sliders{display:grid;grid-template-columns:1fr 1fr;gap:36px 56px;margin-bottom:36px}
@media(max-width:600px){.calc-sliders{grid-template-columns:1fr;gap:28px}}

.calc-sg label{display:block;font-size:.9rem;font-weight:700;color:var(--navy);margin-bottom:14px;line-height:1.4}
.calc-sg input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;outline:none;cursor:pointer;background:var(--line)}
.calc-sg input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--blue);cursor:pointer;box-shadow:0 2px 8px rgba(0,112,224,.30)}
.calc-sg input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--blue);cursor:pointer;border:none;box-shadow:0 2px 8px rgba(0,112,224,.30)}
.calc-val-row{display:flex;justify-content:flex-end;margin-top:10px}
.calc-val{background:var(--blue-light);color:var(--blue);font-weight:800;font-size:.95rem;padding:5px 14px;border-radius:var(--radius-pill)}

.calc-results{background:var(--blue-light);border-radius:14px;padding:32px 28px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;text-align:center;margin-bottom:18px;border:1px solid rgba(0,112,224,.12)}
@media(max-width:600px){.calc-results{grid-template-columns:1fr;padding:22px 18px;gap:20px}}
.calc-metric .calc-num{display:block;font-size:2.4rem;font-weight:800;color:var(--blue);line-height:1.1;transition:all .2s}
.calc-metric .calc-lbl{display:block;font-size:.82rem;color:var(--slate);margin-top:5px;line-height:1.4}
.calc-note{font-size:.78rem;color:var(--slate-soft);text-align:center;line-height:1.7;margin:0 0 28px}
.calc-box>.btn{display:block;width:fit-content;margin:0 auto}

/* Footer — mention éditeur */
.footer-edited{margin-top:14px;font-size:.9rem;color:#8DA2BD;line-height:1.5}
.footer-edited a{color:#C7D3E2}
.footer-edited a:hover{color:#fff}
.site-footer .chip{background:rgba(127,167,214,.16);color:#C7D3E2}