/* HADDO (31/10/2026): il login del client (client/login-gate.blade.php) nella scheda delle pagine d'accesso
   (.hh-auth-card). Qui solo quello che la scheda non ha: tutto centrato come il login di Habbo, la colonna dei bottoni
   social e dei campi larga 256 come la finestra di Habbo, i collegamenti nel colore dei collegamenti del tema. */
.hh-gate-card .hh-auth-card-box {
    max-width: 380px;
    text-align: center;
}

.hh-gate-card .hh-auth-card-sub {
    margin: 0 0 12px;
    text-align: center;
}

.hh-gate-card .hh-gate-social,
.hh-gate-card .hh-gate-modulo {
    width: 100%;
    max-width: 256px;
    margin: 0 auto;
}

.hh-gate-card .hh-gate-social {
    position: relative;
    margin-bottom: 8px;
}

.hh-gate-card .hh-gate-modulo {
    margin-top: 16px;
    text-align: left;
}

.hh-gate-card .hh-gate-modulo .hh-auth-card-sub {
    margin-bottom: 10px;
}

.hh-gate-card .hh-settings-field {
    margin-bottom: 10px;
}

.hh-gate-card .hh-settings-input {
    width: 100%;
}

.hh-gate-card .hh-auth-card-submit.hh-gate-submit {
    width: 100%;
    margin: 6px 0 12px;
    padding: 9px 24px;
}

.hh-gate-card .hh-gate-link {
    margin: 0 0 12px;
    font-size: 13px;
    text-align: center;
}

.hh-gate-card .hh-gate-link a {
    color: #7ecaee;
    text-decoration: none;
}

.hh-gate-card .hh-gate-link a:hover {
    text-decoration: underline;
}

.hh-gate-card .hh-gate-forgot {
    margin: 0 0 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.hh-gate-card .hh-gate-register {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
}

/* tema New: scheda chiara, collegamenti blu come nelle altre schede */
.hh-tema-retro .hh-gate-card .hh-gate-link a {
    color: #1e7295;
}

.hh-tema-retro .hh-gate-card .hh-gate-forgot {
    border-bottom-color: #c8c8be;
}

/* il popup del bottone LOGIN dell'intestazione (components/auth/login-modal): la stessa scheda, con la x nella testata */
.hh-gate-modale {
    width: 380px;
    max-width: calc(100vw - 24px);
    margin-top: 30px;
}

.hh-gate-card .hh-auth-card-title {
    position: relative;
}

.hh-gate-chiudi {
    position: absolute;
    top: 50%;
    right: 12px;
    padding: 0 4px;
    border: 0;
    background: none;
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    transform: translateY(-50%);
}

.hh-gate-chiudi:hover {
    color: #ffe680;
}