/* Espace client : thème « étiquette énergie » du site apzidiagnostics.com (06/11/2026). Chargé après style.css et bo.css, pages clients seulement. */
body.client{
  --navy:#1d2b36; --navy-2:#1d2b36; --or:#00805a; --or-clair:#eef4ef; --texte:#1d2b36; --discret:#5b6a75;
  --fond:#eef4ef; --bord:#cfd8d2; --vert:#00805a; --rouge:#c01c19;
  --tblr-primary:#00805a; --tblr-primary-rgb:0,128,90; --tblr-body-bg:#eef4ef; --tblr-body-color:#1d2b36;
  --tblr-font-sans-serif:'Archivo',system-ui,sans-serif;
  font-family:'Archivo',system-ui,sans-serif; font-size:16px; line-height:1.6; color:#1d2b36; background:#eef4ef;
}
body.client ::selection{background:#c9ecd9}
body.client :focus-visible{outline:2px solid #00805a;outline-offset:3px}
body.client a{color:#00805a}
.client .entete{position:sticky;top:0;z-index:50;background:#fff;color:#1d2b36;border-bottom:1px solid #cfd8d2;padding:0 max(16px,calc((100% - 1240px)/2 + 32px));height:72px;flex-wrap:nowrap}
.client .marque{color:#1d2b36;font-size:1.15rem;font-weight:700;font-variation-settings:'wdth' 85;gap:12px;line-height:1.05}
.client .marque img{width:44px;height:44px;border-radius:0}
.client .marque small{display:block;color:#5b6a75;font-size:.8rem;font-weight:400;letter-spacing:0;text-transform:none;margin:0}
.client .entete-liens{display:flex;align-items:center;gap:24px}
.client .entete-liens a{color:#3d4c58;text-decoration:none;font-size:.95rem}
.client .entete-liens a:hover{color:#00805a}
.client .contact-entete{color:#1d2b36!important;font-weight:650}
.client .contenu{padding:40px 16px 72px}
.client .etroit-client{max-width:1240px}
.client h1{font-variation-settings:'wdth' 82;font-weight:750;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.1;letter-spacing:-.02em;color:#1d2b36}
.client h2{font-variation-settings:'wdth' 85;font-weight:700;font-size:1.25rem;color:#1d2b36}
.client .carte{border:1px solid #cfd8d2;border-radius:14px;padding:28px;box-shadow:none}
.client .carte.tableau{padding:0}
.client .surtitre{display:none}
.client .bouton{display:inline-flex;align-items:center;gap:8px;background:#00805a;color:#fff!important;border:2px solid #00805a;border-radius:999px;padding:11px 22px;font-weight:650;transition:background-color .2s,border-color .2s}
.client .bouton:hover{background:#00694a;border-color:#00694a;filter:none}
.client .bouton.secondaire{background:#fff;color:#1d2b36!important;border-color:#1d2b36}
.client .bouton.secondaire:hover{background:#1d2b36;color:#fff!important}
.client input,.client select,.client textarea{border:1px solid #cfd8d2;border-radius:10px;padding:10px 12px}
.client input:focus,.client select:focus,.client textarea:focus{outline:0;border-color:#00805a;box-shadow:0 0 0 3px rgba(0,128,90,.15)}
.client .pastille{border-radius:999px;border:1.5px solid #cfd8d2;padding:8px 16px}
.client .pastille:has(input:checked){background:#1d2b36;border-color:#1d2b36;color:#fff}
.client .num{background:#1d2b36;color:#fff}
.client .estimation{background:#fff;border:2px solid #1d2b36;border-radius:14px;padding:16px 18px}
.client .estimation::before{content:"";display:block;height:8px;margin:-16px -18px 14px;border-radius:12px 12px 0 0;background:linear-gradient(90deg,#007a55 0 25%,#a5cc74 25% 50%,#f0b50f 50% 75%,#c01c19 75% 100%)}
.client .recap-carte{border:1px solid #cfd8d2;border-radius:14px;box-shadow:none}
.client .recap-carte strong{font-variation-settings:'wdth' 78;font-weight:800;font-variant-numeric:tabular-nums}
.client .recap-titre{text-transform:none;letter-spacing:0;font-size:.85rem;font-weight:600}
.client .liste th{text-transform:none;letter-spacing:0;font-size:.85rem;font-weight:600;background:#fafbfa}
.client .liste tbody tr:hover{background:#f6faf7}
.client .telechargements a{border-radius:12px;border-color:#cfd8d2}
.client .telechargements a:hover{border-color:#00805a;background:#f6faf7}
.client .badge-rapports{background:#eef4ef;color:#00694a}
.client .pub-carte{border-color:#00805a;border-radius:14px}
.client .pied{background:#fff;border-top:1px solid #cfd8d2;color:#5b6a75;font-size:.88rem;padding:24px 16px 32px}
.client .pied a{color:#3d4c58}
@media (max-width:760px){.client .entete-liens a:not(.contact-entete){display:none}.client .marque small{display:none}.client .carte{padding:20px}}
