/* Fix Text Visibility Issues on All Subpages */

/* Ensure body has white/light background */
body {
    background: #f8f9fa !important;
    color: #333 !important;
}

/* Hero sections - ensure text is visible */
.hero, .hero-split, .hero-advanced {
    background: linear-gradient(135deg, #002d53 0%, #0c3458 100%) !important;
    color: white !important;
}

.hero h1, .hero h2, .hero p,
.hero-content h1, .hero-content h2, .hero-content p,
.hero-split h1, .hero-split p {
    color: white !important;
}

/* Hero title with gradient */
.hero h1, .hero-split .title-yellow {
    background: linear-gradient(135deg, #fdc300 0%, #ffdb4d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Main content sections */
section {
    background: transparent;
}

/* White content cards */
.content-card, .legal-content, .faq-section,
.contact-grid, .directions-container, .parking-container {
    background: white !important;
    color: #333 !important;
}

.content-card h2, .content-card h3,
.legal-content h2, .legal-content h3 {
    color: #002d53 !important;
}

.content-card p, .legal-content p {
    color: #555 !important;
}

/* FAQ Items */
.faq-item {
    background: white !important;
}

.faq-question {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
    color: #333 !important;
}

.faq-question h3 {
    color: #002d53 !important;
}

.faq-question:hover, .faq-item.active .faq-question {
    background: linear-gradient(135deg, #002d53 0%, #0c3458 100%) !important;
    color: white !important;
}

.faq-question:hover h3, .faq-item.active .faq-question h3 {
    color: white !important;
}

.faq-answer {
    background: white !important;
    color: #555 !important;
}

.faq-answer p, .faq-answer li {
    color: #555 !important;
}

/* Category tabs and filter buttons */
.category-tab, .filter-btn {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
    color: #002d53 !important;
    border: 2px solid #e0e0e0 !important;
}

.category-tab:hover, .category-tab.active,
.filter-btn:hover, .filter-btn.active {
    background: linear-gradient(135deg, #002d53 0%, #0c3458 100%) !important;
    color: white !important;
    border-color: #fdc300 !important;
}

/* Search box */
.search-box, .search-container {
    background: white !important;
}

.search-container input {
    color: #333 !important;
    background: white !important;
}

.search-container input::placeholder {
    color: #999 !important;
}

/* Article cards and news items */
.article-card, .news-card {
    background: white !important;
    color: #333 !important;
}

.article-card h3, .news-card h3 {
    color: #002d53 !important;
}

.article-excerpt, .article-content p {
    color: #666 !important;
}

/* Contact cards */
.contact-card, .stat-card, .info-box {
    background: white !important;
    color: #333 !important;
}

.contact-card h3, .stat-card h3 {
    color: #002d53 !important;
}

.contact-card p {
    color: #555 !important;
}

/* Direction cards */
.direction-card, .hours-card {
    background: white !important;
    color: #333 !important;
}

.direction-card h3 {
    color: #002d53 !important;
}

.direction-card li, .direction-card p {
    color: #555 !important;
}

/* Hours section - dark background */
.hours-section {
    background: linear-gradient(135deg, #002d53 0%, #0c3458 100%) !important;
}

.hours-title {
    color: white !important;
}

.hours-card {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    color: white !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
}

.hours-card h3 {
    color: #fdc300 !important;
}

.hours-list li {
    color: white !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.time {
    color: #fdc300 !important;
}

/* Map overlay */
.map-overlay {
    background: rgba(0, 45, 83, 0.95) !important;
    color: white !important;
}

.map-overlay h3 {
    color: #fdc300 !important;
}

.map-overlay p {
    color: white !important;
}

/* Newsletter section */
.newsletter-section, .cta-section, .contact-cta {
    background: linear-gradient(135deg, #002d53 0%, #0c3458 100%) !important;
    color: white !important;
}

.newsletter-section h2, .cta-section h2, .contact-cta h2 {
    color: white !important;
}

.newsletter-section p, .cta-section p, .contact-cta p {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Buttons */
.btn-primary, .read-more, .map-btn {
    background: linear-gradient(135deg, #fdc300 0%, #ffdb4d 100%) !important;
    color: #002d53 !important;
}

.btn-secondary {
    background: transparent !important;
    color: white !important;
    border: 2px solid white !important;
}

/* Section titles */
.section-head h2, .faq-category-title h2,
.directions-title, .gallery-title {
    color: #002d53 !important;
}

/* Stats */
.stat-number {
    color: #fdc300 !important;
}

.stat-label {
    color: #002d53 !important;
}

/* Ensure all links are visible */
a {
    color: #002d53;
    transition: color 0.3s ease;
}

a:hover {
    color: #fdc300;
}

/* Section backgrounds */
.stats-section, .gallery-section, .directions-section,
.parking-section, .filter-section {
    background: #f8f9fa !important;
}

/* Featured article */
.featured-article {
    background: white !important;
}

.featured-content h2 {
    color: #002d53 !important;
}

.featured-content p {
    color: #555 !important;
}

/* Highlight boxes */
.highlight {
    background: linear-gradient(135deg, #002d53 0%, #0c3458 100%) !important;
    color: white !important;
}

.highlight h3 {
    color: #fdc300 !important;
}

.highlight p {
    color: white !important;
}

/* Info boxes */
.info-box {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
    border-left: 5px solid #fdc300 !important;
    color: #555 !important;
}

.info-box strong {
    color: #002d53 !important;
}

/* Disclaimer */
.disclaimer {
    background: #fff3cd !important;
    border-left: 5px solid #ffc107 !important;
    color: #856404 !important;
}

/* Gallery overlays */
.gallery-overlay {
    background: linear-gradient(to top, rgba(0, 45, 83, 0.9), transparent) !important;
    color: white !important;
}

.gallery-overlay h3 {
    color: white !important;
}

/* Article date badge */
.article-date {
    background: rgba(0, 45, 83, 0.9) !important;
    color: white !important;
}

.article-category {
    background: linear-gradient(135deg, #002d53 0%, #0c3458 100%) !important;
    color: white !important;
}

/* Featured badge */
.featured-badge {
    background: #fdc300 !important;
    color: #002d53 !important;
}

/* Parking features */
.parking-features li {
    color: #555 !important;
}

/* Contact item */
.contact-item {
    background: #f8f9fa !important;
    border: 2px solid #e0e0e0 !important;
}

.contact-item strong {
    color: #002d53 !important;
}

.contact-item a {
    color: #002d53 !important;
}

/* Quick links */
.quick-link {
    background: linear-gradient(135deg, #002d53 0%, #0c3458 100%) !important;
    color: white !important;
}

.quick-link:hover {
    background: #fdc300 !important;
    color: #002d53 !important;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    /* Ensure text is still visible on mobile */
    .hero h1 {
        font-size: 2rem !important;
    }

    .hero p {
        font-size: 1rem !important;
    }
}