/* COMPREHENSIVE Visibility Fix CSS - Eliminates ALL navy text on black backgrounds */

/* ===== NAVIGATION FIXES ===== */
.nav-link {
    color: #ffffff !important;
}

/* ===== HERO SECTION FIXES ===== */
.hero-title {
    color: #ffffff !important;
}

.booking-title {
    color: #ffffff !important;
}

.hero-subtitle {
    color: #fff176 !important; /* Light gold for subtitles */
}

.booking-subtitle {
    color: #fff176 !important; /* Light gold for subtitles */
}

/* ===== BUTTON FIXES ===== */
.btn-secondary {
    color: #ffffff !important;
}

/* ===== CTA SECTION FIXES ===== */
.cta-content h2 {
    color: #ffffff !important;
}

.cta-section {
    color: #ffffff !important;
}

/* ===== FOOTER FIXES ===== */
.footer-section h4 {
    color: #ffffff !important;
}

.footer {
    color: #ffffff !important;
}

/* ===== BOOKING PAGE FIXES ===== */
.benefit-item {
    color: #ffffff !important;
}

.meeting-duration {
    color: #ffffff !important;
}

/* ===== ALL HEADINGS ON DARK BACKGROUNDS ===== */
.about-text h3 {
    color: #ffd700 !important; /* Gold instead of navy */
}

.contact-details h4 {
    color: #ffd700 !important; /* Gold instead of navy */
}

.contact-option .contact-info h4 {
    color: #ffd700 !important; /* Gold instead of navy */
}

/* ===== SECTION HEADERS - COMPREHENSIVE FIX ===== */
.about .section-header h2 {
    color: #ffd700 !important; /* Gold on dark background */
}

.contact .section-header h2 {
    color: #ffd700 !important; /* Gold on dark background */
}

.calendly-section .section-header h2,
.calendly-container h2 {
    color: #ffd700 !important; /* Gold on dark background */
}

.preparation-tips .section-header h2,
.tips-content h2 {
    color: #ffd700 !important; /* Gold on dark background */
}

/* Services section headers - keep navy on white background */
.services .section-header h2 {
    color: #0a0f4d !important; /* Navy on white background */
}

.booking-instructions .section-header h2,
.instructions-content h2 {
    color: #0a0f4d !important; /* Navy on white background */
}

.meeting-types .section-header h2 {
    color: #0a0f4d !important; /* Navy on white background */
}

.booking-contact .section-header h2,
.contact-alternative h2 {
    color: #0a0f4d !important; /* Navy on white background */
}

/* ===== INSTRUCTION AND MEETING CARD FIXES ===== */
.instruction-item h3 {
    color: #0a0f4d !important; /* Navy on white background */
}

.instruction-item p {
    color: #666666 !important; /* Dark gray on white background */
}

.meeting-card h3 {
    color: #0a0f4d !important; /* Navy on white background */
}

.meeting-card p {
    color: #666666 !important; /* Dark gray on white background */
}

.service-card h3 {
    color: #0a0f4d !important; /* Navy on white background */
}

.service-card p {
    color: #666666 !important; /* Dark gray on white background */
}

/* ===== TIP CATEGORY FIXES ===== */
.tip-category h3 {
    color: #0a0f4d !important; /* Navy on white background */
}

.tip-list li {
    color: #666666 !important; /* Dark gray on white background */
}

/* ===== FORM FIXES ===== */
.form-group label {
    color: #ffffff !important;
    opacity: 0.8;
}

.form-group input,
.form-group textarea {
    color: #ffffff !important;
    background: rgba(0,0,0,0.3) !important;
    border-color: rgba(255, 215, 0, 0.5) !important;
}

.form-group input:focus + label,
.form-group textarea:focus + label {
    color: #ffd700 !important;
}

/* ===== COMPREHENSIVE BACKGROUND AND TEXT FIXES ===== */
.about {
    background: #1a1a1a !important;
    color: #ffffff !important;
}

.contact {
    background: #1a1a1a !important;
    color: #ffffff !important;
}

.calendly-section {
    background: #1a1a1a !important;
    color: #ffffff !important;
}

.preparation-tips {
    background: #1a1a1a !important;
    color: #ffffff !important;
}

/* ===== CATCH-ALL NAVY TEXT FIXES ===== */
/* Any navy colored text on dark sections */
.about h1, .about h2, .about h3, .about h4, .about h5, .about h6 {
    color: #ffd700 !important;
}

.contact h1, .contact h2, .contact h3, .contact h4, .contact h5, .contact h6 {
    color: #ffd700 !important;
}

.calendly-section h1, .calendly-section h2, .calendly-section h3, .calendly-section h4, .calendly-section h5, .calendly-section h6 {
    color: #ffd700 !important;
}

.preparation-tips h1, .preparation-tips h2, .preparation-tips h3, .preparation-tips h4, .preparation-tips h5, .preparation-tips h6 {
    color: #ffd700 !important;
}

/* Any text with primary-navy class on dark backgrounds */
.about .primary-navy,
.contact .primary-navy,
.calendly-section .primary-navy,
.preparation-tips .primary-navy {
    color: #ffd700 !important;
}

/* Ensure stats are visible */
.stat h4 {
    color: #ffd700 !important;
}

.stat p {
    color: #ffffff !important;
}

/* ===== ULTIMATE CATCH-ALL FIXES ===== */
/* Target any element with navy colors on dark sections */
.about *[style*="color: var(--primary-navy)"],
.contact *[style*="color: var(--primary-navy)"],
.calendly-section *[style*="color: var(--primary-navy)"],
.preparation-tips *[style*="color: var(--primary-navy)"] {
    color: #ffd700 !important;
}

/* Fix any CSS variable references that might still show navy on dark */
.about * {
    color: inherit !important;
}

.contact * {
    color: inherit !important;
}

.calendly-section * {
    color: inherit !important;
}

.preparation-tips * {
    color: inherit !important;
}

/* Override any remaining navy text specifically */
*[style*="#0a0f4d"] {
    color: #ffd700 !important;
}

*[style*="#1a237e"] {
    color: #ffd700 !important;
}

/* Force headings to proper colors */
.about h1, .about h2, .about h3 {
    color: #ffd700 !important;
}

.contact h1, .contact h2, .contact h3 {
    color: #ffd700 !important;
}

.calendly-section h1, .calendly-section h2, .calendly-section h3 {
    color: #ffd700 !important;
}

.preparation-tips h1, .preparation-tips h2, .preparation-tips h3 {
    color: #ffd700 !important;
}