/* === KAMGAENERGY — Dimensionnement pompe solaire === */
/* Complète assistant.css (même thème : panels, steps, boutons) */

/* Bandeau d'intro */
.pmp-intro{
  max-width:1200px;margin:0 auto 26px;
  display:flex;align-items:center;gap:18px;
  background:var(--g-dark);color:var(--white);
  border-radius:var(--r);padding:24px 28px;position:relative;overflow:hidden;
}
.pmp-intro::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 120% at 100% 0%,rgba(5,167,5,.18),transparent 70%);
}
.pmp-intro>*{position:relative;z-index:1}
.pmp-intro-icon{
  width:54px;height:54px;border-radius:16px;flex-shrink:0;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:center;font-size:1.7rem;
}
.pmp-intro h2{font-size:1.25rem;font-weight:800;letter-spacing:-.5px;margin-bottom:4px}
.pmp-intro p{font-size:.86rem;color:rgba(255,255,255,.62);line-height:1.55;max-width:620px}

/* Chips d'usage */
.pmp-chips{display:flex;flex-wrap:wrap;gap:8px}
.pmp-chip{
  border:1.5px solid #e2e2e2;background:#fafafa;color:var(--dark);
  font-family:inherit;font-size:.8rem;font-weight:600;
  padding:8px 14px;border-radius:30px;cursor:pointer;transition:all .2s;
}
.pmp-chip:hover{border-color:var(--primary);background:#f3faf3}
.pmp-chip.active{
  background:var(--primary);color:#fff;border-color:var(--primary);
  box-shadow:0 4px 14px rgba(5,167,5,.28);
}

/* Champs avec slider */
.pmp-slider-field{margin-top:14px}
.pmp-slider-field:first-child{margin-top:0}
.pmp-slider-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.pmp-slider-top label{font-size:.8rem;font-weight:600;color:var(--dark)}
.pmp-slider-val{display:flex;align-items:center;gap:6px;flex-shrink:0}
.pmp-slider-val input{
  width:74px;padding:6px 8px;border:1.5px solid #e2e2e2;border-radius:10px;
  font-family:inherit;font-size:.9rem;font-weight:700;text-align:right;
  color:var(--primary);background:#fafafa;transition:border-color .2s;
}
.pmp-slider-val input:focus{outline:none;border-color:var(--primary);background:#fff}
.pmp-slider-val span{font-size:.74rem;font-weight:600;color:var(--gray);white-space:nowrap}

/* Range slider thématisé */
.pmp-range{
  -webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;
  background:linear-gradient(90deg,var(--primary) var(--fill,30%),#e6ece6 var(--fill,30%));
  cursor:pointer;outline:none;
}
.pmp-range::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;
  background:#fff;border:3px solid var(--primary);cursor:pointer;
  box-shadow:0 2px 8px rgba(5,167,5,.35);transition:transform .15s;
}
.pmp-range::-webkit-slider-thumb:hover{transform:scale(1.12)}
.pmp-range::-moz-range-thumb{
  width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--primary);
  cursor:pointer;box-shadow:0 2px 8px rgba(5,167,5,.35);
}
.pmp-range-scale{display:flex;justify-content:space-between;margin-top:5px;font-size:.66rem;color:#bbb;font-weight:500}

/* Grille avancée */
.pmp-adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px;margin-bottom:8px}

/* ── Carte recommandation ── */
.pmp-reco{
  background:var(--g-dark);color:#fff;border-radius:var(--r-s);
  padding:22px;text-align:center;position:relative;overflow:hidden;margin-bottom:18px;
}
.pmp-reco::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 80% 80% at 50% 0%,rgba(5,167,5,.22),transparent 70%);
}
.pmp-reco>*{position:relative;z-index:1}
.pmp-reco-badge{
  display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.03em;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);
  padding:5px 14px;border-radius:30px;margin-bottom:16px;
}
.pmp-reco-main{display:flex;align-items:center;justify-content:center;gap:18px}
.pmp-reco-val{
  font-size:1.7rem;font-weight:800;line-height:1.1;
  background:var(--g-solar);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.pmp-reco-lbl{font-size:.7rem;color:rgba(255,255,255,.55);margin-top:4px;text-transform:uppercase;letter-spacing:.04em}
.pmp-reco-x{font-size:1.3rem;font-weight:300;color:rgba(255,255,255,.35)}
.pmp-reco-note{
  font-size:.78rem;color:rgba(255,255,255,.72);margin-top:16px;line-height:1.55;
  border-top:1px solid rgba(255,255,255,.1);padding-top:14px;
}

/* Schéma */
.pmp-schema{
  background:#fafcfa;border:1.5px solid #e8f0e8;border-radius:14px;
  padding:14px;margin-bottom:18px;
}
.pmp-schema svg{width:100%;height:auto;display:block}

/* Grille résultats détaillés */
.pmp-results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.pmp-rc{
  text-align:center;padding:12px 6px;
  background:#fff;border-radius:10px;border:1px solid #eef2ee;
}
.pmp-rc-val{font-size:1.15rem;font-weight:800;color:var(--dark);line-height:1.15}
.pmp-rc-lbl{font-size:.64rem;color:var(--gray);margin-top:4px;text-transform:uppercase;letter-spacing:.03em}

/* Disclaimer */
.pmp-disclaimer{
  font-size:.7rem;color:var(--gray);line-height:1.6;margin-top:16px;
  padding:12px 14px;background:#f8fdf8;border:1px solid #e3efe3;border-radius:10px;
}

/* Boutons d'action en mode lien */
.ast-actions a.ast-btn{display:flex;align-items:center;justify-content:center;text-decoration:none}

/* Responsive */
@media(max-width:900px){
  .pmp-intro{margin-bottom:18px;padding:18px 18px}
  .pmp-intro-icon{width:46px;height:46px;font-size:1.4rem}
  .pmp-intro h2{font-size:1.1rem}
}
@media(max-width:600px){
  .pmp-intro{flex-direction:row;align-items:flex-start}
  .pmp-reco-val{font-size:1.4rem}
  .pmp-reco-main{gap:12px}
  .pmp-adv-grid{grid-template-columns:1fr}
}