/* ===== NAVIGATION LINKS FIX ===== */
/* Nav links when mobile menu is active have yellow background */
.nav-links.active a,
.nav-links a {
    color: #333 !important;
}

/* When nav has yellow background (mobile), use dark text */
.nav-links.active {
    background: #F4B223 !important;
}

.nav-links.active a {
    color: #1a1a1a !important;
}

/* ===== COLOR CONTRAST FIXES ===== */

/* Fix 1: CTA Buttons - Dark text on yellow background */
.cta-button,
a.cta-button,
.map-link,
a.map-link {
    background: #F4B223 !important;
    color: #1a1a1a !important; /* 8.35:1 contrast ratio */
}

.cta-button:hover,
a.cta-button:hover,
.map-link:hover,
a.map-link:hover {
    background: #E5A520 !important;
    color: #1a1a1a !important;
}

/* Fix 2: All Specialty Item Headings */
.specialty-item h3,
.specialties-grid .specialty-item h3,
.specialty-item > h3 {
    color: #B8860B !important; /* DarkGoldenrod - 4.55:1 ratio */
}

/* Fix 3: Info Card Headings */
.info-card h3,
.info-grid .info-card h3,
.info-card > h3 {
    color: #B8860B !important;
}

/* Fix 4: Owner/DPT Title and Similar Roles */
.rebecca-photo .title,
.rebecca-photo p.title,
.team-role,
p.title {
    color: #B8860B !important;
}

/* Fix 5: Quote Attribution */
.quote-attribution,
.quote-box .quote-attribution {
    color: #B8860B !important;
}

/* Fix 6: Service Card Links */
.service-card a,
.service-card > a,
.services-grid .service-card a {
    color: #B8860B !important;
}

.service-card a:hover,
.service-card > a:hover {
    color: #8B6914 !important; /* Even darker on hover */
}

/* Fix 7: About Page Section Headings */
.about-section h2,
.about-content .about-section h2 {
    color: #B8860B !important;
}

/* Fix 8: Section Subtitles */
.section-subtitle,
.page-header .section-subtitle {
    color: #B8860B !important;
}

/* Fix 9: Approach Card Headings */
.approach-card h3,
.approach-grid .approach-card h3 {
    color: #B8860B !important;
}

/* Fix 10: FAQ Question Headings */
.faq-question,
.faq-item .faq-question {
    color: #B8860B !important;
}

/* Fix 11: FAQ Answer Links */
.faq-answer a,
.faq-item .faq-answer a {
    color: #B8860B !important;
}

.faq-answer a:hover,
.faq-item .faq-answer a:hover {
    color: #8B6914 !important;
}

/* Fix 12: Service Detail Headings on Services Page */
.service-detail h3,
.services-content .service-detail h3 {
    color: #B8860B !important;
}

/* Fix 13: Other Service Card Headings */
.other-service-card h3,
.other-services-grid .other-service-card h3 {
    color: #B8860B !important;
}

/* Fix 14: Info Item Details Headings (Contact Page) */
.info-details h3,
.info-item .info-details h3 {
    color: #B8860B !important;
}

/* Fix 15: Info Item Details Links */
.info-details a,
.info-item .info-details a {
    color: #B8860B !important;
}

.info-details a:hover,
.info-item .info-details a:hover {
    color: #8B6914 !important;
}

/* Fix 16: Map Container Headings */
.map-container h2,
.contact-info h2 {
    color: #333 !important; /* Keep dark for good contrast */
}

/* Fix 17: Getting Started Page - All Gold Text */
.waitlist-note {
    color: #666 !important; /* Already accessible */
}

/* ===== FOCUS VISIBILITY IMPROVEMENTS ===== */
/* Better keyboard navigation accessibility */

a:focus,
button:focus,
.cta-button:focus,
.nav-links a:focus,
.footer-resources a:focus,
.service-card:focus,
.info-card:focus {
    outline: 3px solid #B8860B !important;
    outline-offset: 3px;
}

/* ===== ADDITIONAL ACCESSIBILITY ENHANCEMENTS ===== */

/* Ensure all interactive elements have proper focus states */
input:focus,
textarea:focus,
select:focus {
    outline: 3px solid #B8860B !important;
    outline-offset: 2px;
}

/* Improve link contrast in general text */
p a,
li a {
    color: #B8860B !important;
    text-decoration: underline;
}

p a:hover,
li a:hover {
    color: #8B6914 !important;
}

/* Exception: Keep footer links white since they're on dark background */
.footer a {
    color: white !important;
}

.footer a:hover {
    color: #F4B223 !important;
}

.footer-section h3 {
    color: #F4B223 !important; /* Keep bright on dark background - good contrast */
}

/* Exception: Keep header nav links dark on white background */
.header .nav-links a {
    color: #333 !important;
}

.header .nav-links a:hover {
    color: #F4B223 !important;
}