/* DBFI Comparateur Energie. Tout est scope sous #dbfi-comparateur-energie et #dbfi-cmpe-intro. */

#dbfi-cmpe-intro{--lime:#b3bc00;max-width:900px;margin:0 auto 26px;color:#000;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}
#dbfi-cmpe-intro h1{font-size:30px;line-height:1.2;font-weight:800;margin:0 0 12px;color:#000;}
#dbfi-cmpe-intro h1 .accent{color:#8a9400;}
#dbfi-cmpe-intro p{font-size:15px;line-height:1.6;color:#4a4a4a;margin:0;}

#dbfi-comparateur-energie{--lime:#b3bc00;--noir:#000;--gris:#f4f4ef;--bord:#e2e2da;color:#000;line-height:1.55;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;max-width:1000px;margin:0 auto;}
#dbfi-comparateur-energie *{box-sizing:border-box;}

#dbfi-comparateur-energie .ce-modes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;}
#dbfi-comparateur-energie .ce-mode{flex:1 1 140px;padding:12px 14px;border:1px solid var(--bord);border-radius:10px;background:#fff;font-weight:800;font-size:15px;color:#4a4a4a;cursor:pointer;text-align:center;transition:all .12s ease;}
#dbfi-comparateur-energie .ce-mode:hover{border-color:var(--lime);}
#dbfi-comparateur-energie .ce-mode.actif{background:#000;color:#fff;border-color:#000;}

#dbfi-comparateur-energie .ce-panneau{background:var(--gris);border:1px solid var(--bord);border-radius:14px;padding:20px;margin-bottom:18px;}
#dbfi-comparateur-energie .ce-onglets{display:flex;gap:8px;margin-bottom:16px;}
#dbfi-comparateur-energie .ce-onglet{flex:1 1 50%;padding:9px 12px;border:1px solid var(--bord);border-radius:8px;background:#fff;font-weight:700;font-size:14px;color:#4a4a4a;cursor:pointer;text-align:center;}
#dbfi-comparateur-energie .ce-onglet.actif{background:var(--lime);color:#000;border-color:var(--lime);}

#dbfi-comparateur-energie .ce-lignes{display:flex;flex-wrap:wrap;gap:18px;}
#dbfi-comparateur-energie .ce-champ{flex:1 1 220px;min-width:200px;}
#dbfi-comparateur-energie .ce-champ label{display:block;font-size:13px;font-weight:700;color:#5b5b5b;margin-bottom:6px;}
#dbfi-comparateur-energie .ce-champ .ce-val{font-weight:800;color:#000;}
#dbfi-comparateur-energie .ce-champ input[type=range]{width:100%;accent-color:var(--lime);}
#dbfi-comparateur-energie .ce-champ input[type=number]{width:100%;padding:9px 10px;border:1px solid var(--bord);border-radius:8px;font-size:15px;}
#dbfi-comparateur-energie .ce-champ select{width:100%;padding:9px 10px;border:1px solid var(--bord);border-radius:8px;font-size:15px;background:#fff;}

#dbfi-comparateur-energie .ce-radios{display:flex;gap:8px;flex-wrap:wrap;}
#dbfi-comparateur-energie .ce-radios button{padding:8px 12px;border:1px solid var(--bord);border-radius:8px;background:#fff;font-size:14px;font-weight:700;color:#4a4a4a;cursor:pointer;}
#dbfi-comparateur-energie .ce-radios button.actif{background:#000;color:#fff;border-color:#000;}

#dbfi-comparateur-energie .ce-filtres{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;align-items:center;}
#dbfi-comparateur-energie .ce-check{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:#4a4a4a;cursor:pointer;}
#dbfi-comparateur-energie .ce-check input{width:17px;height:17px;accent-color:var(--lime);cursor:pointer;}

#dbfi-comparateur-energie .ce-resume{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:16px;}
#dbfi-comparateur-energie .ce-tuile{flex:1 1 200px;background:#000;color:#fff;border-radius:12px;padding:16px 18px;}
#dbfi-comparateur-energie .ce-tuile .n{display:block;font-size:24px;font-weight:800;color:var(--lime);line-height:1.1;}
#dbfi-comparateur-energie .ce-tuile .l{font-size:13px;color:#cfcfcf;margin-top:4px;}

#dbfi-comparateur-energie .ce-tableau{width:100%;border-collapse:collapse;font-size:14px;}
#dbfi-comparateur-energie .ce-tableau th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#5b5b5b;padding:10px 10px;border-bottom:2px solid var(--bord);}
#dbfi-comparateur-energie .ce-tableau td{padding:12px 10px;border-bottom:1px solid var(--bord);vertical-align:top;}
#dbfi-comparateur-energie .ce-tableau tr:hover td{background:#faf9f5;}
#dbfi-comparateur-energie .ce-tableau .ce-four{font-weight:800;color:#000;}
#dbfi-comparateur-energie .ce-tableau .ce-offre{color:#5b5b5b;font-size:13px;}
#dbfi-comparateur-energie .ce-cout{font-weight:800;color:#000;white-space:nowrap;}
#dbfi-comparateur-energie .ce-eco{color:#8a9400;font-weight:800;white-space:nowrap;}
#dbfi-comparateur-energie .ce-eco.nul{color:#b5b5b5;}
#dbfi-comparateur-energie tr.ce-premier td{background:#f6f8dd;}
#dbfi-comparateur-energie tr.ce-premier .ce-four:before{content:"1er ";color:#8a9400;}

#dbfi-comparateur-energie .ce-tag{display:inline-block;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;background:#e7e7df;color:#5b5b5b;margin-right:5px;margin-top:4px;}
#dbfi-comparateur-energie .ce-tag.verte{background:#eef2c2;color:#6f7600;}

#dbfi-comparateur-energie .ce-hors{margin-top:18px;padding:14px 16px;border:1px dashed var(--bord);border-radius:10px;background:#fff;font-size:13px;color:#5b5b5b;}
#dbfi-comparateur-energie .ce-hors strong{color:#000;}

#dbfi-comparateur-energie .ce-avert{margin-top:16px;font-size:12px;color:#8a8a8a;line-height:1.5;}

@media(max-width:640px){
  #dbfi-cmpe-intro h1{font-size:24px;}
  #dbfi-comparateur-energie .ce-tableau{font-size:13px;}
  #dbfi-comparateur-energie .ce-tableau th:nth-child(3),
  #dbfi-comparateur-energie .ce-tableau td:nth-child(3){display:none;}
}