/* Random styles that only apply to the Login/Register UI. */

body {
    border-top: 8px solid var(--plid-primary);
}

@media (min-width: 768px) {
    body {
        border-top: 0;
    }
}

a {
    color: var(--pf-global--link--Color);
    font-weight: 700;
}

h1 {
    margin: 0;
    word-break: break-word;
}

.login-pf body {
    background: #ffffff;
}

.plid-logo {
    max-height: 30px;
}

/*
================================================================================
===== Header Description =======================================================
================================================================================
*/

.plid-header-description {
    line-height: 19px;
    margin-top: 24px;

}

.plid-header-description a {
    color: initial;
    font-weight: initial;
    text-decoration: underline;
}

/*
================================================================================
===== Back to Redirect URI =====================================================
================================================================================
*/

.plid-back-to-redirect-uri {
    align-items: center;
    display: inline-flex;
    font-weight: 700;
    color: #000000;
    font-size: 1.2rem;
    line-height: 1.4rem;
    word-break: break-word;
}

@media (min-width: 768px) {
    .plid-back-to-redirect-uri {
        font-size: 1.4rem;
        line-height: 1.7rem;
    }
}

.plid-back-to-redirect-uri__icon {
    background-image: url(../img/chevron-left.svg);
    background-size: 16px 16px;
    min-width: 16px;
    height: 16px;
    width: 16px;
}

[dir=rtl] .plid-back-to-redirect-uri__icon {
    transform: rotate(180deg);
}

/*
================================================================================
===== Page: Add OTP ============================================================
================================================================================
*/

.plid-configure-otp-step-list > .plid-configure-otp-step-list__item {
    margin-bottom: 16px;
}

.plid-configure-otp-form {
    margin-top: 40px;
}

.plid-configure-otp-session-sign-out {
    margin-bottom: 40px;
}

.plid-configure-otp-buttons-wrapper {
    display: flex;
    gap: 12px;
    flex-direction: column;
}

#kc-totp-secret-qr-code {
    margin-left: -10px;
}

@media (min-width: 768px) {
    .plid-configure-otp-buttons-wrapper {
        flex-direction: row;
    }
}

/*
================================================================================
===== Page: Password Reset =====================================================
================================================================================
*/

#kc-reset-password-form [type=submit] {
    float: right;
}

/*
================================================================================
===== Page: Email Verification =================================================
================================================================================
*/

#kc-info-message .instruction {
    word-break: break-word;
}