/* Yiricloud — page de connexion — 18/10/2026
   Chargee par une ligne ajoutee dans login_header() de login_theme.php.
   Cette page n'inclut PAS custom.css : tout doit etre ici. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --navy:#0A1F4D; --accent:#1747C9; --accent-ink:#0F37A3;
  --ambre:#FFB800; --line:#E4E8EF; --ink:#0E1525; --muted:#5A6478;
}

body{
  font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;
  background:var(--navy) !important;
  background-image:
    radial-gradient(900px 520px at 50% -12%, rgba(23,71,201,.50), transparent 70%),
    radial-gradient(620px 420px at 88% 112%, rgba(255,184,0,.10), transparent 70%) !important;
  background-attachment:fixed !important;
  min-height:100vh;
}
.trail{display:none !important}

/* bloc logo */
.login-form.bg-transparent{
  background:transparent !important;box-shadow:none !important;
  padding:0 !important;border:0 !important}
.login-form.bg-transparent img{width:210px !important;max-width:70vw}
.yiri-sub{
  margin-top:12px;font-size:12px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:#9DB4FF}

/* carte */
.login-form{
  background:#fff !important;border:0 !important;
  border-radius:16px !important;padding:32px !important;
  box-shadow:0 20px 56px rgba(4,12,34,.42) !important;
  position:relative;overflow:hidden}
.login-form.bg-transparent::before{display:none}
.login-form::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--accent),var(--ambre))}

.login-form label{
  font-size:13px !important;font-weight:600 !important;
  color:var(--ink) !important;margin-bottom:6px !important}

.login-form .form-control{
  height:48px !important;border-radius:10px !important;
  border:1px solid var(--line) !important;padding:0 14px !important;
  font-size:14px !important;color:var(--ink) !important;
  background:#fff !important;box-shadow:none !important}
.login-form .form-control:focus{
  border-color:var(--accent) !important;
  box-shadow:0 0 0 3px rgba(23,71,201,.12) !important}
.login-form .form-control::placeholder{color:#8A93A8 !important}

.login-form .btn-primary{
  height:48px !important;padding:0 !important;
  border-radius:10px !important;font-weight:700 !important;font-size:15px !important;
  background:var(--accent) !important;border-color:var(--accent) !important;
  box-shadow:0 6px 18px rgba(23,71,201,.28) !important}
.login-form .btn-primary:hover,
.login-form .btn-primary:focus{
  background:var(--accent-ink) !important;border-color:var(--accent-ink) !important}

.fpass-link a,.login-link a{
  color:var(--accent) !important;font-size:13px !important;
  font-weight:600 !important;text-decoration:none !important}
.fpass-link a:hover,.login-link a:hover{
  color:var(--accent-ink) !important;text-decoration:underline !important}

/* barre de robustesse — page de reinitialisation */
.progress.pass-progress{
  height:22px !important;border-radius:11px !important;
  background:#E8EEFB !important;border:1px solid #D8E2F8 !important;
  overflow:hidden !important}
.progress.pass-progress .progress-bar{
  height:100% !important;min-width:44px !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  border-radius:11px 0 0 11px !important;
  font-size:12px !important;font-weight:700 !important;line-height:1 !important}
.progress.pass-progress .progress-bar.bg-danger{background:#D64545 !important;color:#fff !important}
.progress.pass-progress .progress-bar.bg-warning{background:#FFB800 !important;color:#4A3200 !important}
.progress.pass-progress .progress-bar.bg-success{background:#1F9D63 !important;color:#fff !important}

/* erreurs */
.login-error [role="alert"]{
  background:#FFF4F3 !important;border:1px solid #F3C7C3 !important;
  border-radius:12px !important}
.login-error .alert-title{color:#B3261E !important;font-weight:700 !important;font-size:13.5px}
.login-error .error-list{color:#7A1F18;font-size:13px;margin:6px 0 0}

.yiri-pied{
  position:fixed;left:0;right:0;bottom:18px;text-align:center;
  font-size:12px;color:#7F8FB8}
.yiri-pied a{color:#9DB4FF;text-decoration:none}
.yiri-pied a:hover{text-decoration:underline}

@media (max-width:576px){
  .login-form{padding:24px !important}
  .yiri-pied{position:static;margin-top:28px}
}