/* Repair page specific text visibility fixes */
.section-dark#epoxy,
.section-dark#restoration {
    background-color: var(--dark-gray) !important;
    color: var(--white) !important;
}

/* Target specific sections by ID to avoid affecting other pages */
.section-dark#epoxy h2, 
.section-dark#epoxy h3, 
.section-dark#epoxy h4, 
.section-dark#epoxy p, 
.section-dark#epoxy li,
.section-dark#epoxy ol,
.section-dark#epoxy ul,
.section-dark#restoration h2, 
.section-dark#restoration h3, 
.section-dark#restoration h4, 
.section-dark#restoration p, 
.section-dark#restoration li,
.section-dark#restoration ol,
.section-dark#restoration ul {
    color: var(--white) !important;
}

/* Repair specific list styling for dark sections */
.section-dark#epoxy .feature-list li:before,
.section-dark#restoration .feature-list li:before {
    color: var(--primary-light);
}

/* Fix dark section content text in lists specifically */
.section-dark#epoxy ol li,
.section-dark#epoxy ul li,
.section-dark#restoration ol li,
.section-dark#restoration ul li {
    color: #f0f0f0 !important;
}

/* Ensure service cards on repair page have proper contrast */
#repair-services .service-card {
    background-color: var(--white);
}

#repair-services .service-content h3,
#repair-services .service-content p,
#repair-services .service-content li {
    color: var(--dark-gray);
}

/* Fix for any inline styles that might be causing issues */
[style*="color: #fff"] {
    /* This ensures that any element with inline white color styling is visible against dark backgrounds */
    text-shadow: 0 0 1px rgba(0,0,0,0.5);
}

/* Target specific repair page elements without affecting other pages */
body[id="repair-page"] .section-dark {
    background-color: var(--dark-gray);
    color: var(--white);
}

/* Optional: Add this class to any element with white text that needs better visibility */
.visible-light-text {
    color: var(--white) !important;
    text-shadow: 0 0 1px rgba(0,0,0,0.5);
}