/* --- SliceWP Affiliate Dashboard Light Theme Override --- */

/* 1. Change the page background to light gray and the text to dark */
body.slicewp-page {
    background-color: #f4f4f5 !important;
    color: #333333 !important;
}

/* 2. Hide the dark theme's background grid and glowing orbs on this page */
body.slicewp-page::before,
body.slicewp-page::after {
    display: none !important;
}

/* 3. Ensure all headings (like "Affiliate Account") are dark and readable */
body.slicewp-page h1,
body.slicewp-page h2,
body.slicewp-page h3,
body.slicewp-page h4,
body.slicewp-page h5,
body.slicewp-page h6 {
    color: #111827 !important;
}

/* 4. Fix paragraphs and labels since the dark theme globally sets them to semi-transparent white */
body.slicewp-page .site-main p,
body.slicewp-page .site-main label,
body.slicewp-page .site-main span:not([class*="slicewp"]) {
    color: #4b5563 !important;
}

/* 5. Fix any standard text links inside the main content area to ensure they are clearly visible */
body.slicewp-page .site-main a:not(.btn):not(.slicewp-button-primary):not([class*="slicewp-card-footer"]) {
    color: #22c55e !important;
}