/* About Page Text Visibility Fix for Dark Blue Backgrounds */

/* Hero Section Text Improvements - ONLY in hero section */
.hero-section .hero-subtitle {
    color: rgba(255,255,255,0.95) !important; /* Increased from 0.9 */
    text-shadow: 0 1px 3px rgba(0,0,0,0.3); /* Added subtle shadow for better readability */
}

.hero-section .stat-label {
    color: rgba(255,255,255,0.9) !important; /* Increased from 0.8 */
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* Timeline Section Text Improvements - ONLY in timeline section */
.timeline-section .section-subtitle {
    color: rgba(255,255,255,0.85) !important; /* Increased from 0.7 */
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.timeline-section .timeline-description {
    color: rgba(255,255,255,0.9) !important; /* Increased from 0.7 */
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    line-height: 1.7; /* Improved line height for better readability */
}

/* Team Section Text Improvements - ONLY in team section */
.team-section .section-subtitle {
    color: rgba(255,255,255,0.85) !important; /* Increased from 0.7 */
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.team-section .team-feature-text p {
    color: rgba(255,255,255,0.9) !important; /* Increased from 0.7 */
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* CTA Section Text Improvements - ONLY in CTA section */
.cta-section .cta-subtitle {
    color: #ffffff !important; /* Changed to pure white from 0.9 */
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

/* Additional improvements for ONLY dark sections */
.timeline-section p {
    color: rgba(255,255,255,0.9) !important;
}

.team-section p:not(.team-bio) {
    color: rgba(255,255,255,0.9) !important;
}

/* Timeline specific enhancements */
.timeline-item {
    position: relative;
}

.timeline-item::before {
    /* Subtle glow effect for timeline dots */
    box-shadow: 0 0 20px rgba(255,255,255,0.3);
}

.timeline-content {
    /* Add subtle background for better text contrast */
    background: rgba(0,0,0,0.2);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

/* Improve link visibility ONLY in dark sections */
.timeline-section a,
.team-section a:not(.team-member a),
.hero-section a,
.cta-section a {
    color: #ffffff !important;
    text-decoration: underline;
    text-decoration-color: rgba(255,255,255,0.5);
    transition: all 0.3s ease;
}

.timeline-section a:hover,
.team-section a:not(.team-member a):hover,
.hero-section a:hover,
.cta-section a:hover {
    text-decoration-color: rgba(255,255,255,1);
    text-shadow: 0 0 10px rgba(255,255,255,0.5);
}

/* Mission, Vision, Values cards improvements - preserve original styling */
.value-card {
    /* Ensure cards have enough contrast */
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

.value-card:hover {
    box-shadow: 0 8px 30px rgba(0,0,0,0.15);
}

/* Stat numbers should be very visible - ONLY in hero */
.hero-section .stat-value {
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* Section titles should have maximum visibility - ONLY in dark sections */
.hero-section .section-title,
.timeline-section .section-title,
.team-section .section-title,
.cta-section .section-title {
    color: #ffffff !important;
    text-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

/* Team member names and titles - preserve white background styling */
.team-member .team-name {
    /* Don't override - these are on white backgrounds */
}

.team-member .team-title {
    /* Don't override - these are on white backgrounds */
}

/* Only apply white text to team section header text */
.team-section > .container > .section-title,
.team-section > .container > .section-subtitle {
    color: #ffffff !important;
}

/* Apply Playfair Display font to ALL section titles on About page */
.story-section .section-title,
.timeline-section .section-title,
.values-section .section-title,
.team-section .section-title {
    font-family: 'Playfair Display', serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
}

/* Also apply to the hero title for consistency */
.hero-text h1 {
    font-family: 'Playfair Display', serif !important;
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
    /* Increase font sizes slightly on mobile for better readability */
    .timeline-description,
    .team-feature-text p {
        font-size: 16px;
        line-height: 1.8;
    }
    
    .section-subtitle {
        font-size: 18px;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .timeline-section *,
    .team-section *,
    .hero-section * {
        color: #ffffff !important;
        text-shadow: 0 1px 3px #000000 !important;
    }
}

/* Print styles - ensure text is visible when printed */
@media print {
    .timeline-section,
    .team-section,
    .hero-section {
        background: none !important;
        color: #000000 !important;
    }
    
    .timeline-section *,
    .team-section *,
    .hero-section * {
        color: #000000 !important;
        text-shadow: none !important;
    }
}