/* ========================================
   LIGHT THEME - Simple Color Overrides
   ======================================== */

/* When body has 'light-mode' class, override dark colors */

body.light-mode {
    background-color: #ffffff !important;
    color: #0f172a !important;
}

/* Header Navigation */
body.light-mode .header .nav .nav-link {
    color: #475569 !important;
}

body.light-mode .header .nav .nav-link.active,
body.light-mode .header .nav .nav-link:hover {
    color: #0f172a !important;
}

body.light-mode .header .hd-fixed::before {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

/* Mobile Menu */
body.light-mode .mobile-nav-menu {
    background: rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .mobile-nav-link {
    color: #475569 !important;
    border-bottom-color: rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .mobile-nav-link:hover,
body.light-mode .mobile-nav-link:focus {
    color: #0f172a !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .btn-menu-toggle span {
    background-color: #0f172a !important;
}

/* Buttons */
body.light-mode .header .btn-started {
    border-color: #0f172a !important;
}


/* Text colors */
body.light-mode h1,
body.light-mode h2,
body.light-mode h3,
body.light-mode h4,
body.light-mode h5,
body.light-mode h6 {
    color: #0f172a;
}

body.light-mode p,
body.light-mode span,
body.light-mode div {
    color: #475569;
}

body.light-mode .free-text {
    color: #475569 !important;
}

body.light-mode .section .section-head .title {
    color: #94a3b8 !important;
    border-bottom-color: #94a3b8 !important;
}

body.light-mode .section .section-head .sub-title {
    color: #0f172a !important;
}

/* Hero sections - reduce opacity for light mode */
body.light-mode .hero-section .hero-bg::before,
body.light-mode .hero-section .creator-bg::before {
    opacity: 0.3;
}

body.light-mode .hero-section .hero-bg::after,
body.light-mode .creator-content-section::after,
body.light-mode .recognition-impact-section::after {
    opacity: 0.2;
}
.light-mode .hero-section .ai-agent-text,.light-mode .quote-text,.light-mode .recognition-impact-steps .text-content p,.light-mode .off-text,.light-mode .hero-section .ai-text, .light-mode .hero-section .btn, .light-mode .theme-btn .btn,.light-mode .appview-section .agent-group .list-group .list-item .title,.light-mode .appview-section .agent-group .text-group .txt,.light-mode .case-study-card .metric-label,.light-mode .case-study-card .metric-detail,.light-mode .footer-block .options li a,.light-mode .pricing-description,.light-mode .pricing-title,.light-mode .feature-title,.light-mode .feature-item,.light-mode .price-amount,.light-mode .brand-section .trusted-text,.light-mode .svideo-section .video-box .head p,.light-mode .svideo-section .video-box .head h2,.light-mode .footer .footer-block .title,.light-mode .how-works .how-header .head,.light-mode .mission-vision-card .card-title,.light-mode .mission-vision-card .card-content,.light-mode .recognition-impact-steps .text-content h4,.light-mode .privacy-table th,.light-mode .privacy-table td{
    color: #0f172a;
}
.light-mode .card-details p.text-white,.light-mode .brand-description .text-white,.light-mode .toc-link,.light-mode .styled-list li,.light-mode .footer .stay-in p,body.light-mode .fc-criteria-list li{
    color: #0f172a !important;
}
.light-mode .hero-section .scroll-down::after{
    background: linear-gradient(180deg, rgba(22, 13, 29, 0.00) 0%, rgba(255, 255, 255, 0.7) 50%, #fff 100%);
}
.light-mode .brand-item-horizontal img,.light-mode .brand-item-horizontal:hover img,.light-mode .footer-block .social-icon .item .icon{
    filter: invert(1);
}
.light-mode .footer-awards.mb-5 {
    -webkit-filter: grayscale(1) invert(1);
    filter: grayscale(1) invert(1);
}
.light-mode .patent-text span{
    color: rgba(255, 255, 255, 0.60);
}
.light-mode .patent-text,.light-mode .hero-section .btn.btn-started ,.light-mode .hero-section .btn.btn-started span,.light-mode .theme-btn .btn-started,.light-mode .theme-btn .btn-started span{
    color: #fff;
}
.light-mode .row.build-a-bear-row,.light-mode .footer,.light-mode .pricing-toggle,.light-mode .privacy-policy-section,.light-mode .error-404-section, .light-mode .blue-gap{
    background: #fff
}
.light-mode .footer .masonary-layout::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.50) 50%, rgba(255, 255, 255, 0.50) 100%);
}
.light-mode .model-card,.light-mode .performanceMediaAgentBox,.light-mode .actualAdsComonBox,.light-mode .performance-card,.light-mode .case-study-card,.light-mode .case-study-card:hover,.light-mode .mission-vision-card,.light-mode .our-core-belief-section .brand-content-bottom,.light-mode .recognition-impact-steps .model-card,.light-mode .promise-card,.light-mode .booking-form-card,.light-mode .toc,.light-mode .privacy-policy-section .info{
    border: 2px solid #D7D7D7;
  background: #ffffff;
}
.light-mode .horizontal-card, .light-mode .video-card-inner,.light-mode .pricing-card{
    background: #FFF;
    box-shadow: 0 4px 24px -1px rgba(0, 0, 0, 0.20);
}
.light-mode .video-card-inner,.light-mode .pricing-card,.light-mode .pricing-toggle,.light-mode .result-card,.light-mode .checkbox-custom{
    border: 2px solid #D7D7D7;
}
.light-mode .aResults{
    border-right: 2px solid #D7D7D7;
}
.light-mode .clientBox,.light-mode .privacy-table td{
    border-bottom: 1px solid #D7D7D7;
}
.light-mode .aResults + .aResults + .aResults{
    border-top: 2px solid #D7D7D7;
}
.light-mode .horizontal-card.animate-in:hover,.light-mode #actualAdsCarousel .carousel-indicators button,.light-mode .difference-quote,.light-mode .privacy-table thead,body.light-mode .fc-criteria-block{
    background: #D7D7D7;
}
.light-mode .svideo-section .video-box{
    background: linear-gradient(127deg, rgba(255, 255, 255, 0.4) 12.11%, rgba(255, 255, 255, 0.1) 73.08%);
}
.light-mode .svideo-section::after{
    background: linear-gradient(180deg, rgba(22, 13, 29, 0.00) 0%, rgba(255, 255, 255, 0.7) 54.33%, #fff 100%);
}
.light-mode .winning-moments-section::after{
    content: unset
}
.light-mode .powers-image::before,.light-mode .glow-bg::before,.light-mode .performanceMediaAgentSection::after,.light-mode .pricing-section::after{
    background: linear-gradient(309deg, rgba(0, 194, 255, 0.30) 4.71%, #A1017450 95.29%);
}
.light-mode .price-amount {
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    background: transparent;
  }
  .light-mode .hero-section .creator-bg::before,.light-mode .hero-section .hero-bg::before,.light-mode .how-works .works-bg::before,.light-mode .case-study-image-wrapper{
    background: unset;
  }
  .light-mode .theme-btn .bg-white{
    border: 2px solid #04F
  }
  .light-mode .real-performance-section::before ,.light-mode .resource-hero::before{
    background: linear-gradient(309deg, rgba(0, 194, 255, 0.21) 4.71%, rgba(161, 1, 116, 0.30) 95.29%);
  }
  .light-mode .case-study-card:hover::before{
    opacity: 0;
  }
  .light-mode .mission-vision-card .card-header{
    background: unset;
    border: unset;
  }
  .light-mode .checkbox-item label,.light-mode .checkbox-item label:hover{
    color: #0f172a;
    background: rgba(215, 215, 215, 0.5);
  }