MODAL HEADER TEXT COLOR FIX
============================

PROBLEM:
--------
Modal headers have dark text that's hard to read against the colored background.
The .lfl-modal-header has color: white but h2 doesn't inherit it properly.

SOLUTION:
---------
Find this in your stylefour.css or in the <style> section of preview.php:

.lfl-modal-header h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
}

Change to:

.lfl-modal-header h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: white !important;  /* ADD THIS LINE */
}

OR if you want to fix ALL text in modal headers (h2, h3, any text):

.lfl-modal-header,
.lfl-modal-header h2,
.lfl-modal-header h3,
.lfl-modal-header * {
    color: white !important;
}

.lfl-modal-header h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
}


LOCATION IN PREVIEW.PHP:
------------------------
Around line 4818-4824 in the modal CSS section:

BEFORE:
.lfl-modal-header h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
}

AFTER:
.lfl-modal-header h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: white !important;
}


ALSO FIX EXIT MODAL H3:
-----------------------
If exit modal h3 is also dark, find:

.lfl-exit-modal h3 {
    color: #1E293B;
    font-size: 26px;
    margin: 0 0 16px 0;
    font-weight: 700;
}

This is CORRECT (h3 is in the body, should be dark)
But if it appears dark in the header, ensure it's in the body section.


QUICK FIX - ADD THIS CSS:
=========================
Add anywhere in your modal styles:

/* Force white text in all modal headers */
.lfl-modal-header,
.lfl-modal-header * {
    color: white !important;
}


VERIFICATION:
=============
After fix:
□ Welcome modal header: "Welcome to Your Website Preview!" - WHITE
□ Exit modal header: "Before You Go..." - WHITE  
□ Learn More modal header: "About the Learn More Button" - WHITE
□ Close button (×) - WHITE