/* Custom typography consistency for side login/register buttons to prevent hover shifts */

/* 1. General fallback for all buttons in side drawers */
#hpasl-side-login .btn:hover,
#hpasl-side-login .btn:focus,
#hpasl-side-login .btn:active,
#hpasl-side-register .btn:hover,
#hpasl-side-register .btn:focus,
#hpasl-side-register .btn:active,
#hpasl-side-sms .btn:hover,
#hpasl-side-sms .btn:focus,
#hpasl-side-sms .btn:active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
}

/* 2. Specific styles for Acceder and Registrarse buttons (normal and hover) */
#hpasl-side-login .btn-offcanvas,
#hpasl-side-login .btn-offcanvas:hover,
#hpasl-side-login .btn-offcanvas:focus,
#hpasl-side-login .btn-offcanvas:active,
#hpasl-side-register .btn-offcanvas,
#hpasl-side-register .btn-offcanvas:hover,
#hpasl-side-register .btn-offcanvas:focus,
#hpasl-side-register .btn-offcanvas:active,
#hpasl-side-sms .btn-offcanvas,
#hpasl-side-sms .btn-offcanvas:hover,
#hpasl-side-sms .btn-offcanvas:focus,
#hpasl-side-sms .btn-offcanvas:active {
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/* 3. Specific styles for Enviar codigo de verificacion button (normal and hover) */
#hpasl-side-sms #send-code,
#hpasl-side-sms #send-code:hover,
#hpasl-side-sms #send-code:focus,
#hpasl-side-sms #send-code:active {
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/* 4. Specific styles for the green button (Registro por correo / Registro por teléfono) and its inner text span/icon */
#hpasl-side-login .btn-sms-register,
#hpasl-side-login .btn-sms-register span,
#hpasl-side-login .btn-sms-register i,
#hpasl-side-login .btn-sms-register:hover,
#hpasl-side-login .btn-sms-register:hover span,
#hpasl-side-login .btn-sms-register:hover i,
#hpasl-side-login .btn-sms-register:focus,
#hpasl-side-login .btn-sms-register:focus span,
#hpasl-side-login .btn-sms-register:focus i,
#hpasl-side-login .btn-sms-register:active,
#hpasl-side-login .btn-sms-register:active span,
#hpasl-side-login .btn-sms-register:active i,
#hpasl-side-register .btn-sms-register,
#hpasl-side-register .btn-sms-register span,
#hpasl-side-register .btn-sms-register i,
#hpasl-side-register .btn-sms-register:hover,
#hpasl-side-register .btn-sms-register:hover span,
#hpasl-side-register .btn-sms-register:hover i,
#hpasl-side-register .btn-sms-register:focus,
#hpasl-side-register .btn-sms-register:focus span,
#hpasl-side-register .btn-sms-register:focus i,
#hpasl-side-register .btn-sms-register:active,
#hpasl-side-register .btn-sms-register:active span,
#hpasl-side-register .btn-sms-register:active i,
#hpasl-side-sms .btn-sms-register,
#hpasl-side-sms .btn-sms-register span,
#hpasl-side-sms .btn-sms-register i,
#hpasl-side-sms .btn-sms-register:hover,
#hpasl-side-sms .btn-sms-register:hover span,
#hpasl-side-sms .btn-sms-register:hover i,
#hpasl-side-sms .btn-sms-register:focus,
#hpasl-side-sms .btn-sms-register:focus span,
#hpasl-side-sms .btn-sms-register:focus i,
#hpasl-side-sms .btn-sms-register:active,
#hpasl-side-sms .btn-sms-register:active span,
#hpasl-side-sms .btn-sms-register:active i {
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/* 5. Fix: selector de bandera (intlTelInput) - neutralizar hover que lo desplaza */
#hpasl-side-login .iti__flag-container,
#hpasl-side-login .iti__flag-container:hover,
#hpasl-side-register .iti__flag-container,
#hpasl-side-register .iti__flag-container:hover,
#hpasl-side-sms .iti__flag-container,
#hpasl-side-sms .iti__flag-container:hover {
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    top: 0 !important;
    margin-top: 0 !important;
    position: absolute !important;
}

#hpasl-side-login .iti__selected-flag,
#hpasl-side-login .iti__selected-flag:hover,
#hpasl-side-register .iti__selected-flag,
#hpasl-side-register .iti__selected-flag:hover,
#hpasl-side-sms .iti__selected-flag,
#hpasl-side-sms .iti__selected-flag:hover {
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: background-color 0.15s ease !important;
    transition: background-color 0.15s ease !important;
    top: 0 !important;
    margin-top: 0 !important;
    vertical-align: middle !important;
}

/* También cubrir el selector de bandera cuando intlTelInput aún no se ha montado */
#hpasl-side-login input[type="tel"],
#hpasl-side-register input[type="tel"],
#hpasl-side-sms input[type="tel"] {
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}