/* =========================================================
   COSMIC THEME FOR ULTIMATE MEMBER (LOGIN, REGISTER, ACCOUNT)
   ========================================================= */

/* --- 1. NEUTRALIZE THE WHITE WRAPPER (The Fix) --- */
/* This specific block removes the white box from the container you found */
.um-page-login .glass-content-card,
.um-page-register .glass-content-card,
.um-page-password-reset .glass-content-card,
.um-page-account .glass-content-card,
.um-page-user .glass-content-card {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* --- 2. FORCE BACKGROUND IMAGE & TRANSPARENCY --- */
/* Target all UM Pages: Login, Register, Account, Password Reset */
body.um-page-login, 
body.um-page-register, 
body.um-page-password-reset,
body.um-page-account,
body.um-page-user,
body.login,
body.register {
    background-image: url('../images/hero-bg.webp') !important;
    background-color: #2E0B45 !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}

/* Remove White Backgrounds from Theme Containers */
body.um-page-login .site, body.um-page-login .site-content, body.um-page-login .content-area,
body.um-page-register .site, body.um-page-register .site-content,
body.um-page-password-reset .site, body.um-page-password-reset .site-content,
body.um-page-account .site, body.um-page-account .site-content,
.page:has(.um) .inside-article,
.page:has(.um) .entry-content,
.um-page-login article, .um-page-register article {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Hide Sidebars & Page Titles */
body.um-page-login #secondary,
body.um-page-register #secondary,
body.um-page-password-reset #secondary,
body.um-page-account #secondary,
.um-page-login .entry-header,
.um-page-register .entry-header,
.um-page-account .entry-header {
    display: none !important;
}

/* Force Full Width */
body.um-page-login #primary,
body.um-page-register #primary,
body.um-page-account #primary {
    width: 100% !important;
}

/* --- 3. GLASS FORM STYLING (The Container) --- */
/* Target both the generic .um form and the specific .um-account profile */
/* Added 'div.um' for higher specificity to override default white box */
div.um, .um-account, .um-profile, .um-form, .um-login, .um-register {
    background: rgba(46, 11, 69, 0.85) !important; /* Dark Purple Glass */
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid #FFD700 !important; /* Gold Border */
    box-shadow: 0 0 25px rgba(255, 215, 0, 0.3) !important; /* Gold Glow */
    border-radius: 20px !important;
    padding: 40px !important;
    margin: 60px auto !important;
    max-width: 500px !important; /* Slightly narrower for Login */
    color: #fff !important;
}

/* --- 4. TEXT & HEADINGS --- */
.um-field-label, 
.um-account-main, 
.um-field-value,
.um-field-label label { 
    color: #ffffff !important; 
}

.um-form h2, .um-header, 
.um-account-heading, 
.um-account-name a,
.um-title { 
    color: #FFD700 !important; 
    text-transform: uppercase; 
    font-family: 'Cinzel', serif !important; 
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.4);
    text-align: center !important;
}

/* --- 5. INPUT FIELDS --- */
.um-field input[type=text], 
.um-field input[type=password], 
.um-field input[type=email],
.um-field input[type=tel],
.um-field textarea {
    background: rgba(255, 255, 255, 0.9) !important;
    border-radius: 50px !important;
    height: 50px !important;
    border: 2px solid transparent !important;
    color: #333 !important;
    padding-left: 20px !important;
}
.um-field input:focus {
    border-color: #FFD700 !important;
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.4) !important;
}

/* --- 6. BUTTONS --- */
.um-button, input[type="submit"].um-button {
    background: linear-gradient(90deg, #FF9933 0%, #FFD700 100%) !important;
    color: #2E0B45 !important;
    font-weight: 800 !important;
    border-radius: 50px !important;
    border: none !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}
.um-button:hover, input[type="submit"].um-button:hover {
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.6) !important;
    transform: translateY(-2px);
    color: #2E0B45 !important;
}

/* --- 7. ACCOUNT PAGE SPECIFICS --- */

/* Navigation Tabs (Account, Password, Privacy) */
.um-account-nav a {
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    transition: 0.3s;
}
.um-account-nav a:hover,
.um-account-nav a.current {
    color: #FFD700 !important;
    background: rgba(255, 215, 0, 0.1) !important;
}

/* Icons in Menu */
.um-account-nav a i {
    color: #FFD700 !important;
}

/* Profile Photo Ring */
.um-account-img img,
.um-profile-photo-img {
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.6) !important;
    padding: 3px;
}

/* --- 8. LINKS & HOVERS --- */
/* "Forgot Password" / "Register" Links */
.um-col-alt-b a, a.um-link-alt, .um-field-area a {
    color: #ffffff !important;
    text-decoration: none;
    transition: 0.3s ease;
}
.um-col-alt-b a:hover, a.um-link-alt:hover, .um-field-area a:hover {
    color: #FFD700 !important;
    text-decoration: underline !important;
}

/* Checkbox Text */
.um-field-checkbox-option, .um-field-checkbox-state i {
    color: #ffffff !important;
}
.um-field-checkbox:hover .um-field-checkbox-option {
    color: #FFD700 !important;
}