/* ==========================================================================
   LES DEMANDES DE SERVICE (inc/services.php, assets/js/wa-services.js) : le
   formulaire garde le style des formulaires du site (.wa-form) ; ici, le champ
   refuse, l'etat sous le bouton, et le numero de la demande qui prend la place
   du formulaire une fois envoye.
   ========================================================================== */
.wa-root .wa-service [aria-invalid=true]{border-color:var(--red-press);box-shadow:0 0 0 1px var(--red-press)}
.wa-root .wa-service-fin .btn{min-width:240px;justify-content:center}
.wa-root .wa-service-fin .hint{margin:10px 0 0}
.wa-root .wa-service-etat{margin:10px 0 0;font-size:14.5px;line-height:1.5;font-weight:600}
.wa-root .wa-service-etat.ko{color:var(--red-press)}
.wa-root .wa-service-etat.ok{color:#005f29;color:oklch(0.42 0.12 152)}
/* une fois envoyee : les champs se taisent, le numero de la demande parle */
.wa-root .wa-service.wa-service-envoye > :not(.wa-service-ok){display:none}
.wa-root .wa-service-ok{grid-column:1/-1;display:grid;gap:10px;justify-items:start;outline:none}
.wa-root .wa-service-ok p{margin:0;font-size:15.5px;line-height:1.55;color:var(--ink-soft)}
.wa-root .wa-service-ok .wa-service-ok-t{font-family:var(--fd);font-size:clamp(20px,2.2vw,24px);font-weight:700;letter-spacing:-.01em;line-height:1.2;color:var(--ink)}
.wa-root .wa-service-num{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.04em;white-space:nowrap}
.wa-root .wa-service-ok .hint{font-size:13.5px;color:var(--muted)}
/* la section d'une page de service qui porte le formulaire : l'ancre de ses boutons (#demande), sous l'en-tete fixe */
.wa-root .wa-service-section{scroll-margin-top:96px}
.wa-root .wa-service-section .wa-form{max-width:880px}
/* le formulaire d'un bloc qui a deja sa carte (le total exact, l'aparte de la fiche) : sans seconde carte autour */
.wa-root .wa-form.wa-service-mini{max-width:none;background:none;border:0;border-radius:0;padding:0;gap:12px 14px}
.wa-root .wa-form.wa-service-mini label{font-size:13.5px;margin-bottom:5px}
.wa-root .wa-form.wa-service-mini input,.wa-root .wa-form.wa-service-mini select,.wa-root .wa-form.wa-service-mini textarea{padding:11px 13px}
.wa-root .wa-form.wa-service-colonne{grid-template-columns:1fr}
.wa-root .wa-service-colonne .wa-service-fin .btn{width:100%;min-width:0}
.wa-root .wa-cost-form{margin-top:4px}
/* les demandes de la fiche repliees sous leur lien (la baisse de prix, le signalement) */
.wa-root .wa-fiche-dem > summary{cursor:pointer;list-style:none}
.wa-root .wa-fiche-dem > summary::-webkit-details-marker{display:none}
.wa-root .wa-fiche-dem[open] > summary{color:var(--ink)}
.wa-root .wa-fiche-dem > .wa-form{margin:12px 0 18px}
.wa-root .wa-service-vehicule{margin-top:8px;font-weight:600}
.wa-root .wa-service-vehicule a{text-decoration:underline;text-underline-offset:3px}
/* le devis express de la location garde sa grille (.lq-grid, wa-enhance.css) : la ligne entiere, et ses precisions */
.wa-root .lq-grid .full{grid-column:1/-1}
.wa-root .lq-f textarea{border:1.5px solid var(--line);border-radius:12px;padding:13px 14px;font:inherit;font-size:15px;line-height:1.5;background:#fff;color:var(--ink);width:100%;min-height:76px;resize:vertical;transition:border-color .2s}
.wa-root .lq-f textarea:focus{outline:none;border-color:var(--red)}
@media (max-width:640.98px){
	.wa-root .wa-service-fin .btn{width:100%;min-width:0}
}
/* l'espace (page-espace-parc.php) : la demande de visite repliee sous son bouton (Mon statut) ; le changement de compte et
   les donnees sous la fiche (Mon profil) */
.wa-root .wa-sv-plier > summary{list-style:none;cursor:pointer}
.wa-root .wa-sv-plier > summary::-webkit-details-marker{display:none}
.wa-root .wa-sv-plier[open] > summary{margin-bottom:14px}
.wa-root .wa-profil-demandes{margin-top:28px}