.elementor-11175 .elementor-element.elementor-element-ccf7e7d .wplms_courses_directory{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));}.elementor-11175 .elementor-element.elementor-element-ccf7e7d .wplms_courses_directory >*{max-width:100%;}/* Start custom CSS for course_directory, class: .elementor-element-ccf7e7d *//* ============================================
   WPLMS 4.9 POPUP — SAFE COLOR FIX ONLY
   This ONLY changes colors, does NOT touch 
   widths, margins, padding, or layout
   ============================================ */

/* --- 1. Fix orange/gold text to navy blue --- */
/* Target only text links and labels inside the popup */
.vibebp-auth-modal label,
.vibebp-auth-modal span,
.vibebp-auth-modal a,
.vibebp-modal-content label,
.vibebp-modal-content span,
.vibebp-modal-content a,
.vibebp-login-wrapper label,
.vibebp-login-wrapper span,
.vibebp-login-wrapper a,
.vibebp-register-wrapper label,
.vibebp-register-wrapper span,
.vibebp-register-wrapper a {
    color: #1e3a5f !important;
}

/* --- 2. Make Terms & Privacy links brand blue --- */
.vibebp-auth-modal a[href*="terms"],
.vibebp-auth-modal a[href*="privacy"],
.vibebp-auth-modal a[href*="Terms"],
.vibebp-auth-modal a[href*="Privacy"],
.vibebp-modal-content a[href*="terms"],
.vibebp-modal-content a[href*="privacy"],
.vibebp-login-wrapper a[href*="terms"],
.vibebp-login-wrapper a[href*="privacy"],
.vibebp-register-wrapper a[href*="terms"],
.vibebp-register-wrapper a[href*="privacy"] {
    color: #2563eb !important;
    font-weight: 600 !important;
}

/* --- 3. "Create one" link — brand blue --- */
.vibebp-auth-modal a[href*="register"],
.vibebp-auth-modal a[href*="signup"],
.vibebp-modal-content a[href*="register"],
.vibebp-login-wrapper a[href*="register"] {
    color: #2563eb !important;
    font-weight: 700 !important;
}

/* --- 4. "Forgot Password" — subtle gray, not orange --- */
.vibebp-auth-modal a[href*="forgot"],
.vibebp-auth-modal a[href*="reset"],
.vibebp-modal-content a[href*="forgot"],
.vibebp-login-wrapper a[href*="forgot"] {
    color: #64748b !important;
    font-size: 13px !important;
}

/* --- 5. Button gradient on hover only (keep original layout) --- */
.vibebp-auth-modal button[type="submit"],
.vibebp-auth-modal input[type="submit"],
.vibebp-modal-content button[type="submit"],
.vibebp-modal-content input[type="submit"],
.vibebp-login-wrapper button[type="submit"],
.vibebp-login-wrapper input[type="submit"],
.vibebp-register-wrapper button[type="submit"],
.vibebp-register-wrapper input[type="submit"] {
    background: #1a3a6c !important;
    transition: all 0.3s ease !important;
}

.vibebp-auth-modal button[type="submit"]:hover,
.vibebp-auth-modal input[type="submit"]:hover,
.vibebp-modal-content button[type="submit"]:hover,
.vibebp-modal-content input[type="submit"]:hover,
.vibebp-login-wrapper button[type="submit"]:hover,
.vibebp-login-wrapper input[type="submit"]:hover,
.vibebp-register-wrapper button[type="submit"]:hover,
.vibebp-register-wrapper input[type="submit"]:hover {
    background: linear-gradient(135deg, #1a3a6c 0%, #2563eb 100%) !important;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3) !important;
}

/* --- 6. Input focus — blue glow only (don't change border) --- */
.vibebp-auth-modal input:focus,
.vibebp-auth-modal select:focus,
.vibebp-modal-content input:focus,
.vibebp-modal-content select:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}

/* --- 7. Checkbox accent color --- */
.vibebp-auth-modal input[type="checkbox"],
.vibebp-modal-content input[type="checkbox"],
.vibebp-login-wrapper input[type="checkbox"],
.vibebp-register-wrapper input[type="checkbox"] {
    accent-color: #2563eb !important;
}

/* --- 8. Subtitle/paragraph text — clean gray --- */
.vibebp-auth-modal p,
.vibebp-modal-content p,
.vibebp-login-wrapper p,
.vibebp-register-wrapper p {
    color: #64748b !important;
}

/* --- 9. Headings — navy serif --- */
.vibebp-auth-modal h1,
.vibebp-auth-modal h2,
.vibebp-auth-modal h3,
.vibebp-modal-content h1,
.vibebp-modal-content h2,
.vibebp-modal-content h3,
.vibebp-login-wrapper h1,
.vibebp-login-wrapper h2,
.vibebp-login-wrapper h3,
.vibebp-register-wrapper h1,
.vibebp-register-wrapper h2,
.vibebp-register-wrapper h3 {
    color: #0f1b3d !important;
    font-family: Georgia, 'Times New Roman', serif !important;
}

/* --- 10. Popup overlay — darker for premium feel --- */
.vibebp-modal-overlay,
.vibebp-auth-overlay,
[class*="modal-overlay"],
[class*="auth-overlay"] {
    background: rgba(15, 27, 61, 0.75) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
}/* End custom CSS */