/*! Voltez Events · conception et développement : Rodolphe Thomas (Rod Services) · © 2026 · Tous droits réservés. Reproduction ou réutilisation interdite sans autorisation écrite. */
/* Espace client Voltez : s'appuie sur les variables et les styles de formulaire du thème */
.vzk{max-width:860px}
.vzk h2{font:500 clamp(26px,2.6vw,36px)/1.1 Biarty,sans-serif!important;letter-spacing:-.03em;color:var(--blanc);margin:0 0 14px!important}
.vzk > p,.vzk-pitch p{color:var(--cendre)}
.vzk-deux{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;align-items:start}
.vzk-pitch{border-left:1px solid var(--filet);padding-left:40px}
.vzk-form{margin-top:20px}
.vzk-form .vzd-envoi a:not(.btn),.vzk a:not(.btn){color:var(--os)}
.vzk-succes{border:1px solid #3ad389;border-radius:var(--r-btn);padding:14px 18px;color:var(--os);margin-bottom:28px}
.vzk-bandeau{border:1px solid var(--filet);border-radius:var(--r-btn);padding:14px 18px;font-size:14px;color:var(--cendre)!important;margin:0 0 32px!important}
.vzk-bandeau a,.vzk-bandeau b{color:var(--blanc);font-weight:400}
.vzk-tete{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--filet);padding-bottom:16px;margin-bottom:32px}
.vzk-tete p{margin:0;color:var(--cendre)}
.vzk-tete b{color:var(--blanc);font-weight:400}
.vzk-onglets{display:flex;flex-wrap:wrap;gap:6px}
.vzk-onglets a{padding:9px 14px;border:1px solid var(--filet);border-radius:var(--r-btn);text-decoration:none;font-size:14px;color:var(--os)}
.vzk-onglets a:hover{border-color:#5a5f63}
.vzk-onglets a[aria-current]{border-color:var(--blanc);color:var(--blanc)}
.vzk-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}
.vzk-vide{border:1px solid var(--filet);border-radius:var(--r-btn);padding:18px 20px;color:var(--cendre)}
.vzk-demandes{list-style:none;padding:0;margin:0;border-top:1px solid var(--filet)}
.vzk-demandes li{border-bottom:1px solid var(--filet)}
.vzk-demandes summary{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:16px;align-items:center;padding:18px 0;cursor:pointer;list-style:none;font-size:15px}
.vzk-demandes summary::-webkit-details-marker{display:none}
.vzk-d-type{color:var(--blanc)}
.vzk-d-date,.vzk-d-evt{color:var(--cendre);font-size:14px}
.vzk-statut{justify-self:end;display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--os);border:1px solid var(--filet);border-radius:999px;padding:5px 12px}
.vzk-statut::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--fer)}
.vzk-nouvelle::before{background:var(--orange)}
.vzk-envoye::before{background:#70b8ff}
.vzk-acceptee::before{background:#3ad389}
.vzk-d-aide{margin:0 0 12px!important;color:var(--cendre)!important;font-size:14px}
.vzk-demandes pre{white-space:pre-wrap;font:300 14px/1.7 Poppins,sans-serif;color:var(--os);background:none;border-left:1px solid var(--filet);padding:0 0 0 18px;margin:0 0 22px}
.vzk-note{font-size:13px;color:var(--cendre)!important}
.vzk-suppr{margin-top:56px;border-top:1px solid var(--filet);padding-top:20px}
.vzk-suppr p{font-size:13px;color:var(--cendre)!important}
.vzk .vzk-lien{background:none;border:0;padding:0;color:var(--os);text-decoration:underline;text-underline-offset:3px;font:inherit;cursor:pointer;width:auto}
.vzk small{color:var(--fer)}
/* Lien « Mon compte » dans la navigation */
.nav-compte{font:300 14px Poppins,sans-serif;color:var(--os);text-decoration:none;margin-right:18px}
.nav-compte:hover{color:var(--blanc)}
@media (max-width:1000px){.nav-compte{display:none}}
@media (max-width:760px){
  .vzk-deux{grid-template-columns:1fr;gap:40px}
  .vzk-pitch{border-left:0;padding-left:0;border-top:1px solid var(--filet);padding-top:32px}
  .vzk-demandes summary{grid-template-columns:1fr auto}
  .vzk-d-date,.vzk-d-evt{grid-column:1}
  .vzk-statut{grid-row:1;grid-column:2}
}
/* Correctifs de mise en page */
.contenu > .vzk{max-width:860px}
.vzk-pro[hidden]{display:none!important}
.vzk fieldset{border:0;padding:0;margin:0 0 28px}
.vzk legend{display:block;font:400 14px/1.4 Poppins,sans-serif;color:var(--os);margin-bottom:10px;padding:0}
.vzk-deux .vzd-grille{grid-template-columns:1fr}
.vzd-consent label{display:block!important}
.vzd-consent input{vertical-align:-4px;margin-right:10px}

/* Page de connexion : bandeau réduit pour que le formulaire soit visible d'emblée */
body:has(.vzk) .page-entete{padding:120px 0 32px}
body:has(.vzk) .page-entete h1{font-size:clamp(28px,3vw,44px)}
body:has(.vzk) .page-entete .chapeau{margin-top:10px}
/* Bouton « œil » dans les champs mot de passe */
.vzk-mdp{position:relative;display:block}
.vzk-mdp input{width:100%;padding-right:52px}
/* .vzk-form .vzk-oeil : passe devant le style des boutons d'envoi du formulaire (fond noir) */
.vzk-form .vzk-oeil{position:absolute;right:3px;top:50%;transform:translateY(-50%);width:44px;height:44px;min-width:0;padding:0;margin:0;display:grid;place-items:center;background:none;border:0;border-radius:8px;box-shadow:none;color:#777;cursor:pointer}
.vzk-form .vzk-oeil:hover,.vzk-form .vzk-oeil[aria-pressed="true"]{background:none;color:#111}
.vzk-form .vzk-oeil:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
.vzk-sans-compte{font-size:14px;margin-top:20px}

/* Inscription : mise en page du formulaire de devis (carte blanche + panneau noir) */
.contenu > .vzk:has(.vzk-inscr){max-width:1180px}
.vzk-inscr .ct-grille{margin-top:0}
.vzk-inscr .ct-formulaire h2{margin-bottom:8px!important}
.vzk-inscr-chapeau{margin:0 0 30px!important;color:var(--cendre)}
.vzk-inscr .vzk-form{margin-top:0}
.vzk-inscr .vzd-types .vzd-choix,.vzk-espace .vzd-types .vzd-choix{margin-bottom:22px}
.vzk-inscr .ct-panneau h2{font:500 20px/1.2 Biarty,sans-serif!important;color:#fff!important;margin:0 0 20px!important}
.vzk-inscr .ct-panneau .ct-delai{margin:0 0 14px!important;color:rgba(255,255,255,.85)!important}
.vzk-inscr-liens{margin:26px 0 0!important;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-size:14px;line-height:1.9;color:rgba(255,255,255,.65)!important}
.vzk .vzk-inscr-liens a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.vzk .vzk-inscr-liens a:hover{color:var(--orange)}
.vzd-champ:has(> .vzd-large),.vzd-champ:has(> .vzk-mdp > .vzd-large){grid-column:1 / -1}
/* Connexion : deux colonnes égales, bouton d'inscription bien visible dans le panneau */
.contenu > .vzk:has(.vzk-connexion){max-width:1040px;margin-inline:auto}
.vzk-connexion .ct-grille{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.vzk-connexion .ct-panneau{position:relative;top:0}
.vzk-panneau-btn{margin:24px 0 0!important}
.vzk .vzk-panneau-btn .btn{display:inline-flex;width:100%;justify-content:center;color:#fff}
.vzk-connexion .vzd-envoi a{font-size:14px}
@media (max-width:1000px){.vzk-connexion .ct-grille{grid-template-columns:minmax(0,1fr)}}
/* Espace connecté : bandeau noir (bonjour, onglets) puis carte blanche */
.contenu > .vzk:has(.vzk-espace){max-width:980px;margin-inline:auto}
.vzk-espace .vzk-tete{background:#000;border:0;border-radius:20px;padding:20px 24px;margin:0 0 18px}
.vzk-espace .vzk-tete p{color:rgba(255,255,255,.7)}
.vzk-espace .vzk-tete b{font:500 20px/1.2 Biarty,sans-serif;color:#fff}
.vzk-espace .vzk-onglets a{border-color:rgba(255,255,255,.22);border-radius:999px;color:#fff;padding:9px 16px}
.vzk-espace .vzk-onglets a:hover{border-color:#fff}
.vzk-espace .vzk-onglets a[aria-current]{background:var(--degrade);border-color:transparent;color:#fff}
.vzk-espace .vzk-onglets a:last-child{border-color:transparent;color:rgba(255,255,255,.65)}
.vzk-espace .vzk-onglets a:last-child:hover{color:var(--orange)}
.vzk-espace .vzk-succes{background:#effaf4;border-color:#3ad389;color:#1d1d20}
.vzk-espace .vzk-vide{background:#faf7f6!important;border:0;border-radius:12px}
.vzk-espace .vzk-actions .btn:not(.btn-plein){color:#000}
.vzk-espace .vzk-demandes{border-top-color:rgba(29,29,32,.1)}
.vzk-espace .vzk-demandes li{border-bottom-color:rgba(29,29,32,.1)}
.vzk-espace .vzk-demandes summary:hover .vzk-d-type{color:var(--magenta)}
.vzk-espace .vzk-statut{border-color:rgba(29,29,32,.14)}
.vzk-espace .vzk-demandes pre{border-left-color:rgba(223,4,125,.3)}
.vzk-espace .vzk-suppr{border-top-color:rgba(29,29,32,.1)}
@media (max-width:640px){
  .vzk-espace .vzk-tete{padding:18px}
  .vzk-espace .vzk-onglets{width:100%}
}