/* 
==============================================
FIRST VISIT POPUP STYLES
==============================================
*/

/* 
FONT SETTINGS - CHANGE THESE TO CUSTOMIZE FONTS
To change fonts, modify these properties:
- font-family: Change to your preferred font (keep fallbacks for better compatibility)
- font-weight: Increase for bolder text (400=normal, 700=bold, 900=extra bold)
- font-size: Change size as needed
*/
.welcome-popup-title {
    font-family: Arial, Helvetica, sans-serif; /* CHANGE FONT FAMILY HERE */
    font-weight: 900; /* CHANGE FONT WEIGHT HERE - 400=normal, 700=bold, 900=extra bold */
    font-size: 28px; /* CHANGE FONT SIZE HERE */
    text-align: center; /* Centers the title */
    margin-bottom: 15px;
    width: 100%; /* Ensures the title takes full width for proper centering */
}

.welcome-popup-subtitle {
    font-family: Arial, Helvetica, sans-serif; /* CHANGE FONT FAMILY HERE */
    font-weight: 600; /* CHANGE FONT WEIGHT HERE */
    font-size: 20px; /* CHANGE FONT SIZE HERE */
    margin-bottom: 15px;
}

.welcome-popup-text {
    font-family: Arial, Helvetica, sans-serif; /* CHANGE FONT FAMILY HERE */
    font-size: 16px; /* CHANGE FONT SIZE HERE */
    line-height: 1.5;
}

/* Modal header styling */
.welcome-popup .modal-header {
    display: block; /* Allows for center alignment */
    padding-bottom: 0;
    border-bottom: 1px solid #dee2e6;
}

/* Modal body spacing */
.welcome-popup .modal-body {
    padding-top: 20px;
}

/* Button styling */
.welcome-popup-button {
    min-width: 100px;
}