/* ============================================================================
   login-modern.css — Restyle moderno "glass card" della login (direzione 1).
   Sfondo immagine parametrico invariato (backstretch). La card diventa una
   superficie vetro smerigliato (frosted glass) con ombra elegante; gli ACCENTI
   (focus, bottone) usano il brand parametrico via var(--bh-primary) / inline.
   Form e logica invariati. Caricato solo dalle pagine login_*.
   ============================================================================ */

/* Overlay leggero sopra l'immagine per far risaltare la card (contrasto). */
.top-content { position: relative; }
.top-content::before {
  content: "";
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background: radial-gradient(ellipse at 50% 0%, rgba(0,0,0,.16), rgba(0,0,0,.46));
}
.inner-bg, .top-content > .inner-bg { position: relative; z-index: 1; }

/* La card "glass". (Il bg translucido viene impostato inline in login.php per
   lasciare intravedere lo sfondo sfocato dietro.) */
.form-bottom {
  border-radius: 20px !important;
  border: 1px solid rgba(255,255,255,.55);
  box-shadow: 0 30px 70px -26px rgba(0,0,0,.55), 0 2px 10px rgba(0,0,0,.08);
  -webkit-backdrop-filter: blur(16px) saturate(1.15);
  backdrop-filter: blur(16px) saturate(1.15);
  padding: 36px 32px !important;
}

/* Titolo dentro la card (solo forma; il COLORE resta quello parametrico ereditato). */
.form-bottom h3 { font-weight: 700; letter-spacing: .01em; margin: 0; }

/* Input moderni (mantengono il raggio parametrico impostato inline). */
.login-form .form-control {
  height: 48px;
  border: 1.5px solid #e3e7eb;
  background: #fff;
  color: var(--bh-body-text, #2b333c);
  padding: 0 14px;
  font-size: 15px;
  box-shadow: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.login-form textarea.form-control { height: auto; padding: 10px 14px; }
.login-form .form-control::placeholder { color: #9aa3ab; }
.login-form .form-control:focus {
  border-color: var(--bh-primary, #1ba7d8);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--bh-primary, #1ba7d8) 18%, transparent);
}
.login-form .form-group { margin-bottom: 14px; }

/* Campo password con occhio: l'addon resta bianco e attaccato all'input. */
#show_hide_password { box-shadow: none; }
#show_hide_password .form-control { border-right: 0; }
#show_hide_password .input-group-text {
  background: #fff !important;
  border: 1.5px solid #e3e7eb; border-left: 0;
}
#show_hide_password .input-group-text a { color: #8a939b; }
#show_hide_password .input-group-text a:hover { color: var(--bh-primary, #1ba7d8); }

/* Bottone accedi: full-width, moderno; COLORE resta inline parametrico ($btnbgcolor). */
.login-form .btn[type="submit"] {
  width: 100%;
  height: 50px;
  border-radius: var(--bh-btn-radius, 12px) !important;
  font-weight: 600;
  letter-spacing: .02em;
  margin-top: 8px;
  box-shadow: 0 12px 26px -12px rgba(0,0,0,.45);
  transition: transform .08s ease, filter .15s ease;
}
.login-form .btn[type="submit"]:hover  { filter: brightness(.96); }
.login-form .btn[type="submit"]:active { transform: translateY(1px); }

/* Link sotto al form */
.form-bottom a { text-decoration: none; font-weight: 500; }
.form-bottom a:hover { text-decoration: underline; }

/* Responsive: su mobile la card occupa quasi tutta la larghezza. */
@media (max-width: 575.98px) {
  .form-box { padding-left: 14px; padding-right: 14px; }
  .form-bottom { padding: 26px 20px !important; border-radius: 16px !important; }
}