/* RDHGates Login Page Canvas Styles */

/* 1. Dark Theme Background (Base Layer behind canvas) */
html,
body {
    background: #0b1e2d !important;
    /* Matches Vanta background or deep navy */
    background-color: #0b1e2d !important;
}

/* 2. Full Screen Canvas */
#ptg-login-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    /* Above body BG, Below content */
    pointer-events: none;
}

/* 3. Make ALL Backgrounds Transparent EXCEPT the card */
#page,
.site,
.site-content,
.elementor-section-wrap,
.elementor-section,
.elementor-column-wrap,
.elementor-widget-wrap,
.ptg-member-wrapper,
.um {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 4. SOLID WHITE CARD (User request: Exclude ptg-member-card) */
.ptg-member-card,
.um-login,
.um-register {
    background: #ffffff !important;
    background-color: #ffffff !important;
    position: relative;
    z-index: 10;
    border-radius: 12px !important;
    padding: 30px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important;
}

/* Ensure text inputs remain readable */
.um-field-label {
    color: #333333 !important;
}

.um-field-input input {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #1e293b !important;
}