/**
 * Login modal surface for lean inner pages (How It Works, FAQ, blogs).
 * Header Login still opens LRM after om-theme-custom-styles is dequeued.
 */

.lrm-user-modal-container .lrm-switcher li:nth-child(2),
.lrm-user-modal-container .lrm-switch-to--register,
.lrm-user-modal-container .lrm-signup-section {
    display: none !important;
}

.lrm-user-modal-container .lrm-switcher,
.lrm-user-modal-container .lrm-switcher li:first-child,
.lrm-user-modal-container .lrm-switch-to--login {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
}

.lrm-user-modal-container .lrm-switch-to--login {
    display: block !important;
}

.lrm-user-modal .lrm-close-form,
.lrm-user-modal .lrm-close-modal,
.lrm-user-modal .cd-close-form,
.lrm-user-modal .lrm-user-modal-close {
    cursor: pointer !important;
    pointer-events: auto !important;
    z-index: 3 !important;
}

.lrm-user-modal input[type="submit"],
.lrm-user-modal button[type="submit"],
.lrm-user-modal-container input[type="submit"],
.lrm-user-modal-container button[type="submit"],
.lrm-user-modal-container .lrm-form input[type="submit"],
.lrm-user-modal-container .lrm-form button[type="submit"],
.lrm-user-modal-container button.lrm-button,
.lrm-user-modal-container input.lrm-button[type="submit"],
.lrm-user-modal-container button.full-width[type="submit"],
.lrm-user-modal-container input.full-width[type="submit"] {
    background: linear-gradient(135deg, #ff1493 0%, #c2185b 100%) !important;
    background-color: #ff1493 !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(194, 24, 91, 0.28) !important;
}

.lrm-user-modal-container .lrm-form input[type="text"],
.lrm-user-modal-container .lrm-form input[type="email"],
.lrm-user-modal-container .lrm-form input[type="password"],
.lrm-user-modal-container input.full-width[type="text"],
.lrm-user-modal-container input.full-width[type="email"],
.lrm-user-modal-container input.full-width[type="password"],
.lrm-user-modal input[type="text"],
.lrm-user-modal input[type="email"],
.lrm-user-modal input[type="password"] {
    background: #f3f4f6 !important;
    color: #1f2937 !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.lrm-user-modal-container:has(.lrm-signup-section.is-selected) .lrm-signin-section {
    display: block !important;
}