/* Light Theme Override CSS - Comprehensive */

/* Override any remaining dark mode elements */
body {
  background-color: #ffffff !important;
  color: #333333 !important;
}

/* Force light backgrounds on all sections */
section,
.hero-section,
.trusted-section,
.services-section,
.process-section,
.capabilities-section,
.testimonials-section,
.contact-section,
.cta-section,
.about-section {
  background-color: #ffffff !important;
  color: #333333 !important;
}

/* Card styles */
.card,
.service-card,
.process-step,
.expertise-card,
.brand-item,
.brand,
.testimonial-card,
.team-card,
.blog-card,
.price-card,
.contact-card,
.milestone-content {
  background-color: rgba(255, 255, 255, 0.95) !important;
  color: #333333 !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08),
    inset 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
}

/* Text colors */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333333 !important;
}

p,
li {
  color: #555555 !important;
}

/* Special text elements */
.subtitle,
.description,
.card-text,
.info-text {
  color: #666666 !important;
}

/* Ensure all buttons have appropriate contrast */
.btn,
button,
.cta-btn,
.action-btn,
.service-btn,
.nav-cta {
  color: #ffffff !important;
}

/* Force light backgrounds on specific elements */
.services-overlay,
.process-overlay,
.hero-overlay,
.footer-overlay,
.background-overlay {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.9) 0%,
    rgba(255, 255, 255, 0.85) 100%
  ) !important;
}

/* Override any remaining dark overlays */
[class*='overlay'],
[class*='-section']::before {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.8) 0%,
    rgba(255, 255, 255, 0.7) 100%
  ) !important;
}

/* Ensure proper contrast for links */
a:not(.btn):not(.nav-cta) {
  color: #138e9e !important;
}

/* Override any direct background-color styles that might be dark */
[style*='background-color: rgb(0, 0, 0)'],
[style*='background-color: rgb(18, 18, 18)'],
[style*='background-color: rgb(30, 30, 30)'],
[style*='background-color: #000'],
[style*='background-color: #121212'],
[style*='background-color: #1e1e1e'] {
  background-color: #ffffff !important;
}

/* Fix logo visibility in light theme */
.logo-img {
  filter: none !important;
}

/* Hero section elements */
.hero-scroll-indicator,
.hero-v2 .hero-scroll,
.tagline-container,
.hero-highlights span,
.about-highlights .highlight-item {
  background: rgba(240, 240, 240, 0.9) !important;
  border: 1px solid rgba(10, 165, 166, 0.3) !important;
  color: #333333 !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05),
    inset 0 0 0 1px rgba(0, 0, 0, 0.03) !important;
}

/* Hero grid specific overrides */
.hero-grid {
  background-color: transparent !important;
}

.hero-content,
.hero-image-top,
.hero-image-bottom {
  background-color: #ffffff !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.hero-v2 .hero-title {
  color: #333333 !important;
}

.hero-v2 .hero-subtitle {
  color: #666666 !important;
}

.hero-v2 .hero-eyebrow {
  color: var(--primary-color) !important;
}

/* Brand list elements */
.brand {
  background: rgba(245, 245, 245, 0.9) !important;
  color: #666666 !important;
}

/* Journey section specific overrides */
.milestone-content {
  background-color: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.milestone-content:hover {
  background-color: rgba(250, 250, 250, 0.98) !important;
}

.milestone-title {
  color: #333333 !important;
}

.milestone-description {
  color: #666666 !important;
}

.milestone-icon {
  border: 3px solid #ffffff !important;
  box-shadow: 0 0 0 4px rgba(10, 165, 166, 0.3), 0 10px 20px rgba(0, 0, 0, 0.15) !important;
}

.milestone-icon i {
  color: #ffffff !important;
}

.timeline-bar {
  background: linear-gradient(
    to bottom,
    rgba(10, 165, 166, 0.2),
    rgba(10, 165, 166, 0.6),
    rgba(20, 196, 197, 0.6),
    rgba(20, 196, 197, 0.2)
  ) !important;
}

/* Add more visual distinction in light mode */
.service-card:hover,
.process-step:hover,
.expertise-card:hover,
.brand-item:hover,
.testimonial-card:hover,
.milestone-content:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(19, 142, 158, 0.2) !important;
}

/* Additional text color corrections */
.tagline,
.hero-subtitle,
.section-subtitle,
.testimonial-author,
.footer-text,
.process-step p,
.service-description,
.milestone-year,
.contact-info {
  color: #666666 !important;
}

/* Override dark borders */
input,
textarea,
select,
.form-control {
  border-color: rgba(0, 0, 0, 0.1) !important;
  background-color: #ffffff !important;
  color: #333333 !important;
}

/* Override any remaining dark shadows */
* {
  text-shadow: none !important;
}

/* Fix icons contrast */
.fa,
.fas,
.far,
.fab {
  color: inherit;
}