/* AffiliateWP Login Form Styling */

.affwp-login-form {
    max-width: 420px;
    margin: 30px auto;
    padding: 35px 30px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    font-family: Arial, sans-serif;
}

/* Remove Default Fieldset Border */
.affwp-login-form fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

/* Form Title */
.affwp-login-form legend {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
    color: #222;
}

/* Form Paragraphs */
.affwp-login-form p {
    margin-bottom: 18px;
}

/* Labels */
.affwp-login-form label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #444;
}

/* Inputs */
.affwp-login-form input[type="text"],
.affwp-login-form input[type="password"] {
    width: 100%;
    padding: 11px 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 15px;
    transition: all 0.2s ease;
}

.affwp-login-form input:focus {
    border-color: #0A3D62;
    outline: none;
    box-shadow: 0 0 0 2px rgba(34,113,177,0.15);
}

/* Remember Me */
.affwp-user-remember {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #555;
    cursor: pointer;
}

.affwp-user-remember input {
    margin: 0;
}

/* Submit Button */
.affwp-login-form input[type="submit"],
.affwp-login-form .button {
    width: 100%;
    padding: 12px;
    background: #0A3D62;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.25s ease;
}

.affwp-login-form input[type="submit"]:hover,
.affwp-login-form .button:hover {
    background: #185a9d;
}

/* Lost Password Link */
.affwp-lost-password {
    text-align: center;
    margin-top: 12px;
}

.affwp-lost-password a {
    color: #0A3D62;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.affwp-lost-password a:hover {
    text-decoration: underline;
}

/* Validation Error (if any) */
.affwp-error,
.affwp-errors {
    background: #fdeaea;
    color: #b32d2e;
    padding: 10px 15px;
    border-radius: 6px;
    margin-bottom: 15px;
    font-size: 14px;
}

/* Success Message */
.affwp-success {
    background: #e7f7ed;
    color: #0a6b2d;
    padding: 10px 15px;
    border-radius: 6px;
    margin-bottom: 15px;
    font-size: 14px;
}

/* Mobile Responsive */
@media (max-width: 480px) {

    .affwp-login-form {
        margin: 40px 15px;
        padding: 25px 20px;
    }

    .affwp-login-form legend {
        font-size: 22px;
    }

}
/* End of AffiliateWP Login Form Styling */

/* Forgot Password Page Styling */

.forgot-password-wrapper {
    max-width: 420px;
    margin: 80px auto;
    padding: 35px 30px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    font-family: Arial, sans-serif;
}

/* Title */
.forgot-password-wrapper h2 {
    text-align: center;
    margin-bottom: 25px;
    color: #222;
    font-size: 24px;
    font-weight: 600;
}

/* Form Layout */
.affwp-forgot-password-form p {
    margin-bottom: 18px;
}

/* Labels */
.affwp-forgot-password-form label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #444;
}

/* Input Field */
.affwp-forgot-password-form input[type="text"] {
    width: 100%;
    padding: 11px 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 15px;
    transition: all 0.2s ease;
}

.affwp-forgot-password-form input:focus {
    border-color: #0A3D62;
    outline: none;
    box-shadow: 0 0 0 2px rgba(34,113,177,0.15);
}

/* Submit Button */
.affwp-forgot-password-form button {
    width: 100%;
    padding: 12px;
    background: #0A3D62;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.25s ease;
}

.affwp-forgot-password-form button:hover {
    background: #185a9d;
}

/* Success Message */
.fp-success {
    background: #e7f7ed;
    color: #0a6b2d;
    padding: 10px 15px;
    border-radius: 6px;
    margin-bottom: 15px;
    text-align: center;
    font-size: 14px;
}

/* Error Message */
.fp-errors {
    background: #fdeaea;
    color: #b32d2e;
    padding: 10px 15px;
    border-radius: 6px;
    margin-bottom: 15px;
    font-size: 14px;
}

/* Mobile Responsive */
@media (max-width: 480px) {

    .forgot-password-wrapper {
        margin: 40px 15px;
        padding: 25px 20px;
    }

    .forgot-password-wrapper h2 {
        font-size: 22px;
    }

}
/* End of Forgot Password Page Styling */

/* Reset Password Page Styling */

.reset-password-wrapper {
    max-width: 420px;
    margin: 80px auto;
    padding: 35px 30px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    font-family: Arial, sans-serif;
}

/* Title */
.reset-password-wrapper h2 {
    text-align: center;
    margin-bottom: 25px;
    color: #222;
    font-size: 24px;
    font-weight: 600;
}

/* Form Spacing */
.reset-password-wrapper form p {
    margin-bottom: 18px;
}

/* Labels */
.reset-password-wrapper label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #444;
}

/* Inputs */
.reset-password-wrapper input[type="password"] {
    width: 100%;
    padding: 11px 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 15px;
    transition: all 0.2s ease;
}

.reset-password-wrapper input:focus {
    border-color: #0A3D62;
    outline: none;
    box-shadow: 0 0 0 2px rgba(34,113,177,0.15);
}

/* Submit Button */
.reset-password-wrapper button {
    width: 100%;
    margin-top: 5px;
    padding: 12px;
    background: #0A3D62;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.25s ease;
}

.reset-password-wrapper button:hover {
    background: #185a9d;
}

/* Success Message */
.rp-success {
    background: #e7f7ed;
    color: #0a6b2d;
    padding: 10px 15px;
    border-radius: 6px;
    margin-bottom: 15px;
    text-align: center;
    font-size: 14px;
}

/* Error Message */
.rp-error {
    background: #fdeaea;
    color: #b32d2e;
    padding: 10px 15px;
    border-radius: 6px;
    margin-bottom: 12px;
    font-size: 14px;
}

/* Login Link */
.reset-password-wrapper a {
    display: inline-block;
    margin-top: 15px;
    width: 100%;
    text-align: center;
    color: #0A3D62;
    font-weight: 600;
    text-decoration: none;
}

.reset-password-wrapper a:hover {
    text-decoration: underline;
}

/* Mobile Responsive */
@media (max-width: 480px) {

    .reset-password-wrapper {
        margin: 40px 15px;
        padding: 25px 20px;
    }

    .reset-password-wrapper h2 {
        font-size: 22px;
    }

}
/* End of Reset Password Page Styling */

/* Register Account Button */

.ltc-register-link-btn {
    text-align: center;
    margin-top: 18px;
}

.ltc-register-link-btn a {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #0A3D62;
    border-radius: 6px;
    background: transparent;
    color: #0A3D62;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s ease;
}

.ltc-register-link-btn a:hover {
    background: #0A3D62;
    color: #ffffff !important;
}
/* End of Register Account Button */


/* =========================================
   Affiliate Registration Form - Full Layout
========================================= */

.affwp-register-form {
    max-width: 900px;
    margin: 20px auto;
    padding: 40px 35px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    font-family: Arial, sans-serif;
}

/* Remove fieldset styling */
.affwp-register-form fieldset {
    border: none;
    padding: 0;
    margin: 0;

    /* Grid Layout */
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* Each Field */
.affwp-register-form fieldset > p {
    width: calc(50% - 10px);
    margin-bottom: 0;
}

/* Full Width Fields */
.affwp-register-form .ltc-consent-wrap,
.affwp-register-form input[type="submit"],
.affwp-register-form .button {
    width: 100%;
}

/* Labels */
.affwp-register-form .affwp-field-label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #444;
    line-height: 1.4;
}

/* Required */
.affwp-register-form .required {
    color: #d63638;
    font-size: 12px;
}

/* Inputs */
.affwp-register-form input[type="text"],
.affwp-register-form input[type="email"],
.affwp-register-form input[type="tel"],
.affwp-register-form input[type="password"] {
    width: 100%;
    padding: 11px 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 15px;
    transition: 0.2s ease;
}

.affwp-register-form input:focus {
    border-color: #2271b1;
    outline: none;
    box-shadow: 0 0 0 2px rgba(34,113,177,0.15);
}

/* Consent Box */
.ltc-consent-wrap {
    background: #f9fafb;
    border: 1px solid #e1e5ea;
    padding: 15px;
    border-radius: 6px;
    font-size: 13px;
    line-height: 1.6;
}

.ltc-consent-wrap label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
}

.ltc-consent-wrap input[type="checkbox"] {
    margin-top: 4px;
    flex-shrink: 0;
}

.ltc-consent-text {
    color: #555;
}

.ltc-consent-text a {
    color: #2271b1;
    font-weight: 600;
    text-decoration: none;
}

.ltc-consent-text a:hover {
    text-decoration: underline;
}

/* Submit Button */
.affwp-register-form input[type="submit"],
.affwp-register-form .button {
    padding: 14px;
    margin-top: 10px;
    background: #2271b1;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.25s ease;
}

.affwp-register-form input[type="submit"]:hover,
.affwp-register-form .button:hover {
    background: #185a9d;
}

/* Errors */
.affwp-errors,
.affwp-error {
    background: #fdeaea;
    color: #b32d2e;
    padding: 12px 15px;
    border-radius: 6px;
    margin-bottom: 18px;
    font-size: 14px;
    width: 100%;
}

/* Success */
.affwp-success {
    background: #e7f7ed;
    color: #0a6b2d;
    padding: 12px 15px;
    border-radius: 6px;
    margin-bottom: 18px;
    font-size: 14px;
    width: 100%;
}

/* Mobile Layout */
@media (max-width: 768px) {

    .affwp-register-form {
        max-width: 100%;
        margin: 40px 15px;
        padding: 28px 22px;
    }

    .affwp-register-form fieldset {
        gap: 15px;
    }

    .affwp-register-form fieldset > p {
        width: 100%;
    }

}
/* End of Affiliate Registration Form - Full Layout */