/* /Theme/theme-login.css — LE THEME CLAIR DES MODALES D'AUTHENTIFICATION  [17/09/2026] ///////////////////////////////////////
   Chargee apres modal_login.css, modal_reset_pass.css et modal_mobile.css. Le sombre reste ecrit dans ces feuilles ; ce
   fichier ne pose que ce qui change sous [data-theme="light"].

   Les fenetres (connexion, inscription, code, oubli, devkits, reinitialisation, information) sont des vitres floutees sur la photo :
   en sombre un verre fume (#3d3d3da3, #2929293b) a texte blanc. En clair, le meme verre devient le voile blanc du reste
   du site (--veil, harmonie 3), le texte passe en noir, les champs en blanc casse cerne d'un filet sombre. Le bouton bleu
   d'action et les etats colores (info, succes, alerte, erreur) gardent leur teinte, sur un texte assombri pour la lecture.
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* la vitre — les fenetres d'authentification et la modale d'information (modal_info.css, #content-modal-i) */
[data-theme="light"] #content-modal-i,
[data-theme="light"] #window-login,
[data-theme="light"] #window-forgot,
[data-theme="light"] #window-access-devkits,
[data-theme="light"] #content-modal{
  background-color: rgba(255, 255, 255, 0.66);
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.80),
    inset 0 -1px 0 rgba(0,0,0,0.06),
    0 40px 80px rgba(0,0,0,0.22),
    0 12px 28px rgba(0,0,0,0.14);
}
/* le reflet diagonal etait pense pour un verre fume : sur du blanc il ne se voit plus, on le coupe */
[data-theme="light"] #content-modal-i::before,
[data-theme="light"] #window-login::before,
[data-theme="light"] #window-forgot::before,
[data-theme="light"] #content-modal::before{ display: none; }

/* textes */
[data-theme="light"] #modal-login a,
[data-theme="light"] #modal-forgot a,
[data-theme="light"] #modal a{ color: #1a1a1a; }
[data-theme="light"] #window-login,
[data-theme="light"] #window-forgot,
[data-theme="light"] #window-access-devkits,
[data-theme="light"] #content-modal{ color: #1a1a1a; }
[data-theme="light"] .lbl-row .lbl-login,
[data-theme="light"] .label,
[data-theme="light"] .label-reset,
[data-theme="light"] #titre-register,
[data-theme="light"] #titre-login-devkits{ color: #1a1a1a; }
[data-theme="light"] .lbl-row #span-oublie,
[data-theme="light"] #span-oublie-devkits,
[data-theme="light"] .code-hint,
[data-theme="light"] .switch-auth,
[data-theme="light"] .footer,
[data-theme="light"] .footer a{ color: #4a4a4a; }
[data-theme="light"] .lbl-row #span-oublie:hover,
[data-theme="light"] #oublie-devkits:hover,
[data-theme="light"] .footer a:hover{ color: #000; }
[data-theme="light"] .switch-auth span{ color: #0b63c4; }
[data-theme="light"] .switch-auth span:hover{ color: #000; }
[data-theme="light"] #switch-to-login::before{ background: linear-gradient(90deg, transparent, rgba(0,0,0,0.14), transparent); }

/* onglets Se connecter / Creer un compte (styles poses en ligne dans modal_login.php) : le rail est le meme verre que les
   champs, l'onglet actif est blanc plein a texte noir, l'inactif gris moyen — plus de pave anthracite sur la vitre claire */
[data-theme="light"] .auth-tabs{ background-color: rgba(255, 255, 255, 0.55); border-color: rgba(0, 0, 0, 0.14); }
[data-theme="light"] .auth-tab{ color: #6a6a6a; }
[data-theme="light"] .auth-tab:hover{ color: #1a1a1a; }
[data-theme="light"] .auth-tab.is-on{ background: #ffffff; color: #1a1a1a; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10), 0 0 0 1px rgba(0, 0, 0, 0.06); }

/* filet sous l'en-tete */
[data-theme="light"] #hr-login{ border-bottom-color: rgba(0, 0, 0, 0.10); border-top-color: rgba(0, 0, 0, 0.22); }

/* fermeture, oeil, croix de champ */
[data-theme="light"] #close-login,
[data-theme="light"] #close-login-devkits,
[data-theme="light"] #close-forgot,
[data-theme="light"] .close-btn,
[data-theme="light"] #close-reset{ color: #5a5a5a; }
[data-theme="light"] #close-login:hover,
[data-theme="light"] #close-login-devkits:hover,
[data-theme="light"] .close-btn:hover,
[data-theme="light"] #close-reset:hover{ color: #000; background-color: rgba(0, 0, 0, 0.06); }
[data-theme="light"] .field-icon,
[data-theme="light"] #reg-showhide4{ color: #6a6a6a; }
[data-theme="light"] #reg-showhide4:hover{ color: #1a1a1a; }
[data-theme="light"] .clear-input{ background-color: rgba(0, 0, 0, 0.10); color: #3a3a3a; }
[data-theme="light"] .clear-input:hover{ background-color: rgba(0, 0, 0, 0.18); color: #000; }

/* champs */
[data-theme="light"] #modal-login input,
[data-theme="light"] #modal-forgot input,
[data-theme="light"] .input-reset,
[data-theme="light"] .otp-cell{
  background-color: rgba(255, 255, 255, 0.72);
  border-color: rgba(0, 0, 0, 0.14);
  color: #1a1a1a;
}
[data-theme="light"] #modal-login input::placeholder,
[data-theme="light"] #modal-forgot input::placeholder,
[data-theme="light"] .input-reset::placeholder{ color: #7a7a7a; }
[data-theme="light"] #modal-login input:focus,
[data-theme="light"] #modal-forgot input:focus,
[data-theme="light"] .input-reset:focus,
[data-theme="light"] .otp-cell:focus{ border-color: rgb(25, 136, 240); background-color: rgba(255, 255, 255, 0.92); }
[data-theme="light"] #modal-login input:-webkit-autofill,
[data-theme="light"] #modal-login input:-webkit-autofill:hover,
[data-theme="light"] #modal-login input:-webkit-autofill:focus,
[data-theme="light"] #modal-login input:-webkit-autofill:active{
  -webkit-text-fill-color: #1a1a1a; caret-color: #1a1a1a;
  -webkit-box-shadow: 0 0 0 1000px #f4f4f4 inset;
}

/* case a cocher des conditions (fond #353535 en sombre) */
[data-theme="light"] .check-symbol,
[data-theme="light"] .valid ~ .check-symbol{ background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.22); box-sizing: border-box; }
[data-theme="light"] .true + .label + .check-symbol{ color: rgb(0, 118, 190); }
[data-theme="light"] #LIC-devkits{ color: #0b63c4; }

/* etats : memes teintes, texte assombri */
[data-theme="light"] .reg-status,
[data-theme="light"] .reg-mode-notice{ color: #1a1a1a; }
[data-theme="light"] .reg-status.is-info,
[data-theme="light"] .reg-mode-notice{ background: rgba(25,136,240,0.10); border-color: rgba(25,136,240,0.45); color: #0b3f70; }
[data-theme="light"] .reg-status.is-success{ background: rgba(46,204,113,0.12); border-color: rgba(46,204,113,0.50); color: #14532d; }
[data-theme="light"] .reg-status.is-warning{ background: rgba(240,180,40,0.14); border-color: rgba(240,180,40,0.55); color: #6b4a00; }
[data-theme="light"] .reg-status.is-error,
[data-theme="light"] .reg-mode-notice.blocked{ background: rgba(255,110,110,0.12); border-color: rgba(255,110,110,0.55); color: #7f1d1d; }
[data-theme="light"] .reg-status a,
[data-theme="light"] .reg-mode-notice .reg-mode-title,
[data-theme="light"] .reg-mode-notice.blocked .reg-mode-title{ color: inherit; }
[data-theme="light"] .reg-mode-notice .reg-tp-link{ background: rgba(25,136,240,0.18); border-color: rgba(25,136,240,0.55); color: #0b3f70; }
[data-theme="light"] .reg-mode-notice .reg-tp-link:hover{ background: rgba(25,136,240,0.30); }
[data-theme="light"] #resend-code{ color: #0b63c4; }
[data-theme="light"] #resend-code:hover{ color: #000; }
[data-theme="light"] #reset-status{ color: #1a1a1a; }

/* modale d'information : texte et fermeture */
[data-theme="light"] #titre-modal-i{ color: #1a1a1a; }
[data-theme="light"] #close-modal-i{ color: #5a5a5a; }
[data-theme="light"] #close-modal-i:hover{ color: #000; background-color: rgba(0, 0, 0, 0.06); }

/* le bouton d'action garde son bleu ; le compteur de renvoi en verre */
[data-theme="light"] #reg-submit .btn-spinner{ border-color: rgba(255,255,255,0.45); border-top-color: #ffffff; }