/* HKS Auto — Devis prestations : assistant (étapes) + indice cliquable. */

/* Carte de prestation cliquable + indice */
.service.hks-dvp-clickable{cursor:pointer}
.service .hks-dvp-hint{position:absolute;left:25px;bottom:18px;display:inline-flex;align-items:center;color:#e3262c;font-size:11px;font-weight:900;letter-spacing:.4px;text-transform:uppercase;opacity:.9}
@media(max-width:600px){.service .hks-dvp-hint{left:27px}}

/* Overlay + boîte */
.hks-dvp-modal[hidden]{display:none!important}
.hks-dvp-modal{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:flex-start;justify-content:center;padding:26px 14px;overflow:auto;font-family:Arial,Helvetica,sans-serif}
.hks-dvp-backdrop{position:fixed;inset:0;background:rgba(8,10,12,.78);backdrop-filter:blur(3px)}
.hks-dvp-dialog{position:relative;z-index:1;width:100%;max-width:580px;margin:auto;background:#fff;border-top:4px solid #e3262c;box-shadow:0 30px 80px rgba(0,0,0,.5)}
body.hks-dvp-open{overflow:hidden}

/* En-tête */
.hks-dvp-head{position:relative;padding:22px 26px 18px;background:#fff;border-bottom:1px solid #e6e9ee}
.hks-dvp-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border:1px solid #e2e8f0;background:#f1f5f9;color:#334155;font-size:22px;line-height:1;cursor:pointer}
.hks-dvp-close:hover{background:#e3262c;border-color:#e3262c;color:#fff}
.hks-dvp-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:9px;color:#e3262c;font-size:11px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase}
.hks-dvp-eyebrow span{width:26px;height:2px;background:#e3262c;display:inline-block}
.hks-dvp-head h2{margin:0;color:#15191d;font-size:25px;font-weight:900;letter-spacing:-.02em;line-height:1.1}
.hks-dvp-head p{margin:8px 0 0;color:#69737d;font-size:13px;line-height:1.6}

/* Indicateur d'étapes */
.hks-dvp-steps{padding:16px 26px 4px}
.hks-dvp-steps-bar{position:relative;height:2px;background:#e2e4e6;margin:0 13px 12px}
.hks-dvp-steps-bar span{position:absolute;left:0;top:0;height:2px;background:#e3262c;width:0;transition:width .25s}
.hks-dvp-steps ol{display:flex;justify-content:space-between;list-style:none;margin:0;padding:0}
.hks-dvp-steps li{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;color:#9aa2ab;font-size:10px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;text-align:center}
.hks-dvp-steps li b{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#eef0f2;color:#9aa2ab;font-size:12px}
.hks-dvp-steps li.is-active{color:#14171b}
.hks-dvp-steps li.is-active b{background:#e3262c;color:#fff}
.hks-dvp-steps li.is-done b{background:#15191d;color:#fff}

/* Corps / étapes */
.hks-dvp-body{padding:16px 26px 20px;color:#14171b}
.hks-dvp-panel>*{margin-bottom:14px}
.hks-dvp-panel>*:last-child{margin-bottom:0}
.hks-dvp-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:0}
.hks-dvp-legend{color:#e3262c;font-size:11px;font-weight:900;letter-spacing:.6px;text-transform:uppercase}
.hks-dvp-body label{display:flex;flex-direction:column;gap:5px;margin:0}
.hks-dvp-grid label{margin:0}
.hks-dvp-body label>span{color:#4b535b;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
.hks-dvp-body input,.hks-dvp-body select,.hks-dvp-body textarea{width:100%;padding:11px 12px;border:1px solid #d0d5d9;background:#fff;color:#14171b;font:400 14px/1.4 Arial,Helvetica,sans-serif;box-sizing:border-box;border-radius:0}
.hks-dvp-body select{background:#f7f8f8;font-weight:700}
.hks-dvp-body textarea{resize:vertical;min-height:64px}
.hks-dvp-body input:focus,.hks-dvp-body select:focus,.hks-dvp-body textarea:focus{outline:none;border-color:#e3262c;box-shadow:0 0 0 3px rgba(227,38,44,.12)}
/* Neutralise un CSS global du thème qui force les majuscules sur les champs */
.hks-dvp-modal input,.hks-dvp-modal select,.hks-dvp-modal textarea{text-transform:none!important;letter-spacing:normal!important}

/* Segmenté (lieu / fourniture des pièces) */
.hks-dvp-sublabel{display:block;margin-bottom:6px;color:#4b535b;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
.hks-dvp-seg{display:flex;border:1px solid #d0d5d9}
.hks-dvp-seg label{flex:1;position:relative;margin:0;cursor:pointer}
.hks-dvp-seg input{position:absolute;opacity:0;width:0;height:0}
.hks-dvp-seg span{display:block;padding:11px;text-align:center;background:#f7f8f8;color:#4b555f;font-size:12px;font-weight:800;letter-spacing:.3px;text-transform:uppercase}
.hks-dvp-seg label+label span{border-left:1px solid #d0d5d9}
.hks-dvp-seg input:checked+span{background:#e3262c;color:#fff}
.hks-dvp-note{display:block;margin-top:8px;color:#8a5a10;font-size:12px;line-height:1.45;font-style:italic}
.hks-dvp-note:empty{display:none}

/* Pièces */
.hks-dvp-parts-box[hidden]{display:none!important}
.hks-dvp-parts-box{padding:12px 13px;border:1px solid #e4e6e8;background:#fafbfb}
.hks-dvp-parts-head{margin:0 0 8px;color:#4b535b;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
.hks-dvp-parts-head em{font-style:normal;font-weight:600;color:#8a929a;text-transform:none;letter-spacing:0}
.hks-dvp-parts-list{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
.hks-dvp-part{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;margin:0;color:#454f58;font-size:13px}
.hks-dvp-part input{width:16px!important;height:16px!important;min-width:16px;flex:0 0 16px;margin:0;accent-color:#e3262c}
.hks-dvp-part span{font-weight:600;text-transform:none}
.hks-dvp-parts-empty{color:#69737d;font-size:13px;line-height:1.5}

/* Photo */
.hks-dvp-photo input[type=file]{padding:10px 12px;background:#f7f8f8;border:1px dashed #cfd3da;font-size:13px;cursor:pointer}
.hks-dvp-note2{color:#8a929a;font-size:11px}

/* Consentement */
.hks-dvp-consent{flex-direction:row!important;align-items:flex-start;gap:9px;color:#4b535b;font-size:12px;line-height:1.45;text-transform:none}
.hks-dvp-consent input{width:18px!important;height:18px!important;min-width:18px;flex:0 0 18px;margin-top:1px;accent-color:#e3262c}
.hks-dvp-consent span{font-weight:600}

/* Honeypot masqué */
.hks-dvp-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}

/* Erreur / navigation / succès */
.hks-dvp-err{margin:12px 0 0;padding:10px 12px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:13px;font-weight:700}
.hks-dvp-err[hidden]{display:none!important}
.hks-dvp-nav{display:flex;align-items:center;gap:10px;margin-top:16px}
.hks-dvp-btn{padding:13px 18px;border:0;font-size:12px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;cursor:pointer}
.hks-dvp-btn[hidden]{display:none!important}
.hks-dvp-prev{background:#f1f2f3;color:#4b555f}
.hks-dvp-prev:hover{background:#e5e7e9}
.hks-dvp-next,.hks-dvp-submit{margin-left:auto;background:#e3262c;color:#fff}
.hks-dvp-next:hover,.hks-dvp-submit:hover{background:#111}
.hks-dvp-submit:disabled{opacity:.6;cursor:wait}
.hks-dvp-ok{display:flex;flex-direction:column;gap:8px;padding:26px 18px;text-align:center;color:#127a52}
.hks-dvp-ok strong{font-size:19px}
.hks-dvp-ok span{color:#4b555f;font-size:14px;line-height:1.5}

/* Pied */
.hks-dvp-foot{padding:14px 26px;background:#f1f2f3;border-top:1px solid #e2e4e6;color:#69737d;font-size:11px;text-align:center}

@media(max-width:560px){
	.hks-dvp-grid{grid-template-columns:1fr}
	.hks-dvp-parts-list{grid-template-columns:1fr}
	.hks-dvp-head h2{font-size:22px}
	.hks-dvp-steps li span{display:none}
}