/* =========================================================
   TPSCA LOGIN PAGE
   Login + Account Recovery Buttons
   ========================================================= */

/* Put the recovery section on the same line as the login area */
.com-users-login {
    position: relative;
}

/* Remove the huge space Joomla/Studius is creating */
.com-users-login .com-users-login__options {
    position: absolute !important;
    left: 145px !important;
    top: 275px !important;

    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;

    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

/* Recovery buttons */
.com-users-login .com-users-login__reset,
.com-users-login .com-users-login__remind {
    display: inline-block !important;
    width: auto !important;

    background: #c62828 !important;
    color: #ffffff !important;

    border: none !important;
    border-radius: 6px !important;

    padding: 10px 16px !important;
    margin: 0 !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
    white-space: nowrap !important;
}

/* Remove Joomla list-group formatting */
.com-users-login .com-users-login__options .list-group-item {
    position: static !important;
    border: none !important;
}

/* Hover */
.com-users-login .com-users-login__reset:hover,
.com-users-login .com-users-login__remind:hover {
    background: #a51f1f !important;
    color: #ffffff !important;
}

/* Mobile - stack everything neatly */
@media (max-width: 700px) {

    .com-users-login .com-users-login__options {
        position: static !important;
        margin-top: 12px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .com-users-login .com-users-login__reset,
    .com-users-login .com-users-login__remind {
        width: 100% !important;
    }
}