/* Pages d'inscription, de connexion et de mot de passe (thème 2) à la charte
   de la vitrine. Les formulaires gardent leur balisage : on ne fait que
   reprendre les couleurs, les polices et la mise en page. */
@font-face{font-family:"Inter";font-weight:400 600;font-display:swap;src:url("../../fonts/vitrine/inter-latin.woff2") format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:700 800;font-display:swap;src:url("../../fonts/vitrine/plus-jakarta-sans-latin.woff2") format("woff2")}

.wk-auth{--wk-sarcelle:#0B5857;--wk-sarcelle-f:#08403F;--wk-encre:#0F2524;--wk-gris:#52615F;--wk-teinte:#E9F1EF;--wk-filet:#DCE5E3;
  font-family:"Inter",system-ui,sans-serif!important;color:var(--wk-encre);background:#F6F8F7!important;min-height:100vh}
.wk-auth *{font-family:inherit}
@media (min-width:1100px){.wk-auth{padding-left:44vw}}

/* Panneau de marque */
.wk-auth__marque{display:none}
@media (min-width:1100px){
  .wk-auth__marque{display:flex;flex-direction:column;gap:28px;position:fixed;inset:0 auto 0 0;width:44vw;padding:56px 56px 0;background:var(--wk-sarcelle);color:#fff;overflow:hidden;z-index:1}
}
.wk-auth__logo{height:34px;width:auto}
.wk-auth__titre{font-family:"Plus Jakarta Sans",system-ui,sans-serif!important;font-weight:800;font-size:clamp(30px,2.6vw,42px);line-height:1.08;letter-spacing:-.02em;margin:24px 0 0;max-width:520px}
.wk-auth__atouts{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;font-size:16px;color:#CFE3DF}
.wk-auth__atouts li::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#5FD3C4;margin-right:12px;vertical-align:middle}
.wk-auth__ecrans{margin-top:auto;display:flex;gap:16px;align-items:flex-end;transform:translateY(40px)}
.wk-auth__ecrans img{width:31%;border-radius:22px 22px 0 0;box-shadow:0 30px 60px rgba(0,0,0,.25)}
.wk-auth__ecrans img:nth-child(2){transform:translateY(-36px)}

/* Fond, carte et logo du thème */
.wk-auth .authImage,.wk-auth .register-section,.wk-auth .login-section,.wk-auth [class*="-section"]{background:#F6F8F7!important;background-image:none!important}
.wk-auth .modern-register-card,.wk-auth .modern-login-card,.wk-auth .bg-white.p-4{border-radius:24px!important;border:1px solid var(--wk-filet)!important;box-shadow:0 20px 50px rgba(15,37,36,.08)!important;animation:none!important}
/* Le logo du thème vient d'un fichier téléversé : on affiche celui de la marque. */
.wk-auth .logo-container{display:none!important}
.wk-auth__entete{display:block;width:max-content;margin:28px auto 4px}
.wk-auth__entete img{height:34px;width:auto}
@media (min-width:1100px){.wk-auth__entete{display:none}}

/* Champs */
.wk-auth .form-label{color:var(--wk-encre)!important;font-weight:600!important}
.wk-auth .modern-input,.wk-auth .form-control{border:1.5px solid #C9D6D3!important;background:#fff!important;border-radius:14px!important;min-height:48px}
.wk-auth .modern-input:focus,.wk-auth .form-control:focus{border-color:var(--wk-sarcelle)!important;box-shadow:0 0 0 3px rgba(11,88,87,.12)!important;transform:none!important}
.wk-auth .modern-eye-btn:hover{color:var(--wk-sarcelle)!important;background:var(--wk-teinte)!important}
.wk-auth .modern-checkbox-input:checked + .checkbox-design{background:var(--wk-sarcelle)!important}

/* Boutons et liens : on remplace le violet du thème */
.wk-auth [style*="#667eea"][style*="linear-gradient"],.wk-auth .modern-register-btn,.wk-auth .modern-login-btn{background:var(--wk-sarcelle)!important;box-shadow:none!important;border-radius:999px!important;min-height:52px}
.wk-auth .modern-register-btn:hover,.wk-auth .modern-login-btn:hover{background:var(--wk-sarcelle-f)!important;transform:none!important}
.wk-auth a[style*="#667eea"],.wk-auth .modern-link{color:var(--wk-sarcelle)!important}
.wk-auth .modern-link:hover{color:var(--wk-sarcelle-f)!important}
.wk-auth [style*="rgba(102, 126, 234, 0.05)"]{background:var(--wk-teinte)!important;border-color:var(--wk-filet)!important}
.wk-auth .modern-social-btn{border-radius:999px!important;border:1.5px solid #C9D6D3!important}
.wk-auth h1,.wk-auth h2,.wk-auth h3{font-family:"Plus Jakarta Sans",system-ui,sans-serif!important;color:var(--wk-encre)!important}
.wk-auth .btn-info{background:#fff!important;color:var(--wk-encre)!important;border:1.5px solid var(--wk-filet)!important;border-radius:999px!important}

/* À côté du panneau, les colonnes du thème deviennent trop étroites. */
@media (min-width:1100px){
  .wk-auth .row.justify-content-center > [class*="col-"]{flex:0 0 auto!important;width:min(520px,92%)!important;max-width:520px!important}
}