/**
 * PinkCode LearnDash Beautifier - Registration & Login Module
 *
 * Styles LearnDash registration, login, and consent components with
 * cohesive College 2b visuals.
 */

.ag-open-popup-link {
    font-weight: 600;
    color: var(--pcld-color-blue-500) !important;
    text-decoration: underline;
    transition: color 0.2s ease;
}

.ag-open-popup-link:hover,
.ag-open-popup-link:focus {
    color: var(--pcld-color-blue-400) !important;
    text-decoration: none;
}

#learndash_registerform {
    max-width: 480px;
    margin: 30px auto;
    background: #ffffff;
    border-radius: var(--pcld-radius-lg);
    padding: 28px 32px;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);
    border: 1px solid rgba(226, 232, 240, 0.8);
}

#learndash_registerform input[type="text"],
#learndash_registerform input[type="password"],
#learndash_registerform input[type="email"],
#learndash_loginform input[type="text"],
#learndash_loginform input[type="password"],
.learndash-wrapper .ld-login-form input[type="text"],
.learndash-wrapper .ld-login-form input[type="password"] {
    width: 100%;
    padding: 12px 14px;
    border-radius: var(--pcld-radius-sm);
    border: 1px solid var(--pcld-surface-300);
    margin-top: 6px;
    font-size: 14px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#learndash_registerform input:focus,
#learndash_loginform input:focus,
.learndash-wrapper .ld-login-form input:focus {
    border-color: var(--pcld-color-blue-400);
    box-shadow: 0 0 0 3px rgba(56, 198, 232, 0.25);
    outline: none;
}

#learndash_registerform label,
#learndash_loginform label,
.learndash-wrapper .ld-login-form label {
    font-weight: 600;
    color: var(--pcld-color-slate-700);
    font-size: 14px;
}

#wp-submit.button-primary,
#learndash_registerform input[type="submit"],
#learndash_loginform input[type="submit"],
.learndash-wrapper .ld-login-submit input[type="submit"] {
    background: var(--pcld-gradient-primary) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: var(--pcld-radius-sm) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 10px 22px !important;
    cursor: pointer;
    transition: var(--pcld-transition-fast);
    box-shadow: 0 4px 12px rgba(8, 145, 178, 0.25);
}

#wp-submit.button-primary:hover,
#learndash_registerform input[type="submit"]:hover,
#learndash_loginform input[type="submit"]:hover,
.learndash-wrapper .ld-login-submit input[type="submit"]:hover {
    background: var(--pcld-gradient-primary-dark) !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(8, 145, 178, 0.3);
}

#wp-submit.button-primary:active,
#learndash_registerform input[type="submit"]:active,
#learndash_loginform input[type="submit"]:active,
.learndash-wrapper .ld-login-submit input[type="submit"]:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(8, 145, 178, 0.25);
}

.registration-login-link,
.learndash-wrapper .ld-login-form__toggle a {
    color: var(--pcld-color-green-500) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    font-size: 16px !important;
    transition: color 0.3s ease, border-bottom 0.3s ease !important;
}

.registration-login-link:hover,
.learndash-wrapper .ld-login-form__toggle a:hover {
    color: var(--pcld-color-green-600) !important;
    border-bottom: 2px solid var(--pcld-color-green-600) !important;
}

.learndash-wrapper .ld-login-form {
    max-width: 420px;
    margin: 30px auto;
    background: #ffffff;
    border-radius: var(--pcld-radius-lg);
    padding: 28px 32px;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.12);
    border: 1px solid rgba(226, 232, 240, 0.8);
}

.learndash-wrapper .ld-login-form__toggle {
    text-align: center;
    margin-top: 18px;
}

.learndash-wrapper .ld-login-form__toggle a {
    display: inline-block;
    padding-bottom: 2px;
}

.learndash-wrapper .ld-login-form__title,
.learndash-wrapper .ld-form-heading {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--pcld-color-slate-700);
    margin-bottom: 16px;
}

@media (max-width: 480px) {
    #learndash_registerform,
    .learndash-wrapper .ld-login-form {
        padding: 24px 20px;
    }

    .registration-login-link,
    .learndash-wrapper .ld-login-form__toggle a {
        font-size: 15px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #learndash_registerform input,
    #learndash_loginform input,
    .learndash-wrapper .ld-login-form input,
    #wp-submit.button-primary,
    #learndash_registerform input[type="submit"],
    #learndash_loginform input[type="submit"],
    .learndash-wrapper .ld-login-submit input[type="submit"],
    .registration-login-link,
    .learndash-wrapper .ld-login-form__toggle a {
        transition: none !important;
        transform: none !important;
    }
}