/*
 * HADDO (18/10/2026) — accesso come Habbo (security/login, claim-password, recover-password-modal di habbo.it).
 * Il contenuto e il comportamento sono quelli di Habbo (testi, riquadro d'errore #b00049, fumetto sotto il campo,
 * campo #903352 quando non va, "Cancella" a sinistra e "Invia" a destra); la VESTE e' quella del nostro CMS (scelta
 * dell'utente: "non e' coerente con il resto del CMS"): finestra chiara come i riquadri e le finestre del gioco
 * (filo nero, 2px bianchi, corpo #e9e9e1, testata #377998 con la riga #418db0, titolo Ubuntu Condensed maiuscolo),
 * campi bianchi col bordo #96a2b1, il bottone blu unico del sito, fondo scuro dietro.
 */

/* il riquadro "Entra in hotel" scuote quando l'accesso non riesce (animazione shake di Habbo, mezzo secondo) */
@keyframes hh-scuoti {
    from, to { transform: translate3d(0, 0, 0); }
    10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); }
    20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); }
}
.hh-scuoti { animation: hh-scuoti .5s; }

.hh-mp-fondo { position: fixed; inset: 0; z-index: 1040; display: flex; align-items: center; justify-content: center; padding: 16px; overflow-y: auto; background: rgba(5, 10, 16, .78); }
.hh-mp-fondo[hidden] { display: none; }

.hh-mp { position: relative; width: 100%; max-width: 400px; margin: auto; overflow: hidden; border: 1px solid #000000; border-radius: 8px; background: #e9e9e1;
    box-shadow: inset 0 0 0 2px #ffffff, 3px 3px 4px rgba(0, 0, 0, .35), 0 12px 32px rgba(0, 0, 0, .45); color: #2c3440; font-family: Ubuntu, "Trebuchet MS", Arial, sans-serif; }
.hh-mp-titolo { margin: 2px 2px 0; padding: 0 44px; border-bottom: 1px solid #030f18; border-radius: 6px 6px 0 0; background: #377998; box-shadow: inset 0 2px 0 #418db0;
    color: #ffffff; font: 400 21px/50px "Ubuntu Condensed", Ubuntu, "Trebuchet MS", sans-serif; text-align: center; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0, 0, 0, .35); }
.hh-mp-chiudi { position: absolute; right: 14px; top: 17px; width: 20px; height: 20px; padding: 0; border: 0; background: url("/assets/images/habbostyle/sprite.png") -762px -588px no-repeat; cursor: pointer; }
@media (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .hh-mp-chiudi { background-image: url("/assets/images/habbostyle/sprite@2x.png"); background-position: -152px -508px; background-size: 607px 577px; }
}

.hh-mp-contenuto { width: 100%; max-width: 304px; margin: 22px auto 26px; padding: 0 12px; box-sizing: border-box; }

.hh-mp-errore { margin: 0 0 18px; padding: 12px; border-radius: 4px; background: #b00049; color: #ffffff; font-size: 15px; line-height: 1.45; filter: drop-shadow(0 3px 0 rgba(0, 0, 0, .2)); }
.hh-mp-errore[hidden] { display: none; }
.hh-mp-errore a { color: #ffffff; text-decoration: underline; }

.hh-mp-etichetta { display: block; margin: 0 0 8px; color: #2c3440; font-size: 14px; font-weight: 700; }
.hh-mp-campo-box { position: relative; }
.hh-mp-campo { width: 100%; height: 38px; padding: 0 12px; border: 1px solid #96a2b1; border-radius: 4px; background: #ffffff; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .12);
    color: #2c3440; font: 15px Ubuntu, "Trebuchet MS", Arial, sans-serif; box-sizing: border-box; }
.hh-mp-campo:focus { border-color: #1e7295; outline: none; }
.hh-mp-campo.hh-mp-campo-errore { border-color: #903352; box-shadow: 0 0 0 1px #903352; }

/* il fumetto d'errore sotto il campo (form__popover--error dentro una finestra), con la punta in alto a sinistra */
.hh-mp-fumetto { position: relative; margin-top: 12px; padding: 10px 12px; border-radius: 4px; background: #b00049; color: #ffffff; font-size: 14px; line-height: 1.4; filter: drop-shadow(0 3px 0 rgba(0, 0, 0, .2)); }
.hh-mp-fumetto[hidden] { display: none; }
.hh-mp-fumetto::before { content: ""; position: absolute; left: 12px; top: -8px; border-right: 8px solid transparent; border-bottom: 8px solid #b00049; border-left: 8px solid transparent; }

.hh-mp-piede { position: relative; display: flex; align-items: center; justify-content: space-between; margin-top: 22px; }
.hh-mp-annulla { color: #1e7295; font-size: 15px; line-height: 1; text-decoration: none; }
.hh-mp-annulla:hover { color: #1e7295; text-decoration: underline; }
.hh-mp-invia { min-width: 110px; padding: 10px 22px; border: 2px solid #2a9cde; border-radius: 5px; background: #0f7dbc; box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3); color: #ffffff; font: 400 16px Ubuntu, "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; cursor: pointer; }
.hh-mp-invia:hover { border-color: #53bdf9; background: #2a9cde; }
.hh-mp-invia:active { box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3); transform: translateY(2px); }
.hh-mp-invia:disabled { opacity: .6; cursor: default; transform: none; }

.hh-mp-inviato[hidden], .hh-mp-invio[hidden] { display: none; }
/* inviata: i testi in petrolio (la nota in grassetto), l'indirizzo scuro al centro */
.hh-mp-inviato p { margin: 0 0 12px; color: #1e7295; font-size: 15px; line-height: 1.45; }
.hh-mp-email { margin: 16px 0; color: #2c3440; font: 400 20px "Ubuntu Condensed", Ubuntu, sans-serif; text-align: center; text-transform: none; word-break: break-all; }

/* un errore del server o dei troppi tentativi, nel riquadro "Entra in hotel" */
.hhn-accedi-errore[hidden] { display: none; }