/* login.php slice */
body.page-login {
  min-height: 100vh;
  /* background: var(--vv-bg, #f6f7fb); tieni lo sfondo, se vuoi */
    background: url('/vittrosviaggi_shared/wallpaper/home-default.jpg') no-repeat center center fixed;
  background-size: cover;
}

/* stile comune */
.vv-login-card {
  max-width: 520px;
  margin: clamp(24px, 6vh, 64px) auto;
  padding: 20px 22px;
  border-radius: 16px;
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(6px);
  box-shadow: 0 12px 30px rgba(0,0,0,.15);
  transition: all .3s ease;
}

/* --- varianti di layout --- */
/* posizione centrata (default) */

/* angolo sinistro (come test) */
.login-left {
  position: absolute;
  top: 8%;
  left: 6%;
  transform: none;
  margin: 0;
}

/* opacità più trasparente (come test) */
.login-translucent {
  background: rgba(255,255,255,.4);
  backdrop-filter: blur(8px);
}

.vv-login-card h1 {
  display:flex; align-items:center; gap:.5rem;
  font-size: 1.4rem; margin: 0 0 .75rem;
}

.vv-login-card label { display:block; margin:.5rem 0 .25rem; font-size:.9rem; color:#555; }
.vv-login-card input[type="text"],
.vv-login-card input[type="password"] {
  width:100%; padding:.55rem .7rem; border-radius:10px; border:1px solid #cfd6e4;
}
.vv-login-card .actions { display:flex; gap:.5rem; align-items:center; margin-top:.75rem; }
.vv-login-card .btn-primary { border-radius:10px; padding:.5rem .9rem; }

.vv-login-card h2 { font-size: 1.35rem; margin: 0 0 1rem; }
.vv-login-card .form-label { font-size: .92rem; color: #444; }

/* --- login slice base --- */
.page-login {
  min-height: 100vh;
  background: var(--vv-bg, #f6f7fb);
  display: block;
}