/* About Page Theme Contrast Fixes */

/* Light Theme Overrides for About Page */

/* Philosophy Cards Light Theme */
[data-theme="light"] .philosophy-card {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.95) 0%,
    rgba(250, 250, 250, 0.95) 100%
  ) !important;
  border: 1px solid rgba(194, 136, 39, 0.2) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .philosophy-card:hover {
  border-color: rgba(194, 136, 39, 0.3) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .philosophy-card h3 {
  color: var(--primary) !important;
}

[data-theme="light"] .philosophy-card p {
  color: #333333 !important;
}

[data-theme="light"] .philosophy-icon {
  color: var(--accent) !important;
}

/* Timeline Content Light Theme */
[data-theme="light"] .timeline-content {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.95) 0%,
    rgba(250, 250, 250, 0.95) 100%
  ) !important;
  border: 1px solid rgba(194, 136, 39, 0.2) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .timeline-content:hover {
  border-color: rgba(194, 136, 39, 0.3) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .timeline-content h3 {
  color: var(--primary) !important;
}

[data-theme="light"] .timeline-content p {
  color: #333333 !important;
}

[data-theme="light"] .timeline-marker {
  background: linear-gradient(
    135deg,
    var(--accent) 0%,
    var(--accent-light) 100%
  ) !important;
  color: var(--dark-bg) !important;
}

/* Team Member Cards Light Theme */
[data-theme="light"] .team-member {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.95) 0%,
    rgba(250, 250, 250, 0.95) 100%
  ) !important;
  border: 1px solid rgba(194, 136, 39, 0.2) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .team-member:hover {
  border-color: rgba(194, 136, 39, 0.3) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .member-info h3 {
  color: var(--primary) !important;
}

[data-theme="light"] .member-info p {
  color: #333333 !important;
}

[data-theme="light"] .member-position {
  color: var(--accent) !important;
}

/* Testimonials Light Theme */
[data-theme="light"] .testimonial-quote {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.95) 0%,
    rgba(250, 250, 250, 0.95) 100%
  ) !important;
  border-left: 3px solid var(--accent) !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .testimonial-quote p {
  color: #333333 !important;
}

[data-theme="light"] .testimonial-quote:before {
  color: rgba(194, 136, 39, 0.15) !important;
}

[data-theme="light"] .author-name {
  color: var(--accent) !important;
}

[data-theme="light"] .author-title {
  color: #555555 !important;
}

/* Certification Cards Light Theme */
[data-theme="light"] .certification-card {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.95) 0%,
    rgba(250, 250, 250, 0.95) 100%
  ) !important;
  border: 1px solid rgba(194, 136, 39, 0.2) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .certification-card:hover {
  border-color: rgba(194, 136, 39, 0.3) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .certification-card h3 {
  color: var(--primary) !important;
}

[data-theme="light"] .certification-card p {
  color: #333333 !important;
}

[data-theme="light"] .certification-icon {
  color: var(--accent) !important;
  background: linear-gradient(
    145deg,
    rgba(245, 245, 245, 0.8) 0%,
    rgba(235, 235, 235, 0.8) 100%
  ) !important;
  border: 1px solid rgba(194, 136, 39, 0.2) !important;
}

/* Section Headers Light Theme */
[data-theme="light"] .section-header h2 {
  color: var(--primary) !important;
}

[data-theme="light"] .section-header p {
  color: var(--accent) !important;
}

/* Philosophy Intro Text Light Theme */
[data-theme="light"] .philosophy-intro {
  color: #333333 !important;
}

[data-theme="light"] .about-text h3 {
  color: var(--primary) !important;
}

[data-theme="light"] .contact-info h3,
[data-theme="light"] .contact-form h3 {
  color: var(--primary) !important;
}

/* Hero Content Light Theme */
[data-theme="light"] .about-hero-content h1 {
  color: #ffffff !important;
  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.8) !important;
}

[data-theme="light"] .about-hero-content p {
  color: #ffffff !important;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.7) !important;
}

/* Image Caption Light Theme */
[data-theme="light"] .image-caption {
  color: #ffffff !important;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.8) 0%,
    rgba(0, 0, 0, 0) 100%
  ) !important;
}

/* General text fixes for light theme */
[data-theme="light"] .about-text p {
  color: #333333 !important;
}

[data-theme="light"] .contact-info p {
  color: #333333 !important;
}

/* Button text ensuring visibility */
[data-theme="light"] .cta-buttons .btn {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="light"] .cta-buttons .btn-outline {
  color: var(--accent) !important;
  border-color: var(--accent) !important;
  text-shadow: none !important;
}

[data-theme="light"] .cta-buttons .btn-outline:hover {
  color: var(--dark-bg) !important;
  background: var(--gradient-accent) !important;
}

/* Testimonial Navigation Light Theme */
[data-theme="light"] .testimonial-prev,
[data-theme="light"] .testimonial-next {
  background: linear-gradient(
    135deg,
    rgba(158, 19, 37, 0.9) 0%,
    rgba(201, 26, 48, 0.9) 100%
  ) !important;
  color: #ffffff !important;
}

[data-theme="light"] .testimonial-prev:hover,
[data-theme="light"] .testimonial-next:hover {
  background: linear-gradient(
    135deg,
    rgba(194, 136, 39, 0.9) 0%,
    rgba(212, 161, 82, 0.9) 100%
  ) !important;
}

[data-theme="light"] .indicator {
  background: rgba(0, 0, 0, 0.2) !important;
}

[data-theme="light"] .indicator.active {
  background: var(--accent) !important;
}

/* CTA Section Text Light Theme */
[data-theme="light"] .cta-content h2 {
  color: #ffffff !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
}

[data-theme="light"] .cta-content p {
  color: #ffffff !important;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.7) !important;
}