/* Theme System - Light Mode Styles
   Consolidated from components.css for better organization
   Generated on: $(date)
*/

/* ============================================
   LIGHT THEME OVERRIDES
   ============================================ */

.theme-toggle i[data-theme="light"] {
    opacity: 1;
    transform: rotate(0deg);
}

[data-theme="light"] .theme-toggle i[data-theme="light"] {
    opacity: 0;
    transform: rotate(-180deg);
}

[data-theme="light"] .theme-toggle i[data-theme="dark"] {
    opacity: 1;
    transform: rotate(0deg);
}

/* Fix Navigation Container Background in Light Mode */
[data-theme="light"] .nav-container {
    background: transparent; /* Remove any background from container */
}

[data-theme="light"] .nav-links {
    background: transparent; /* Make nav-links transparent on desktop */
}

/* Mobile menu needs proper background */
@media (max-width: 768px) {
    [data-theme="light"] .nav-links {
        background: #ffffff; /* Solid white for mobile dropdown */
    }
}

[data-theme="light"] .highlight-text .cta-button.primary {
    background: linear-gradient(135deg, #1a5490, #2563eb);
    color: white;
    box-shadow: 0 4px 15px rgba(26, 84, 144, 0.25);
}

[data-theme="light"] .highlight-text .cta-button.primary:hover,
[data-theme="light"] .highlight-text .cta-button.primary:focus-visible {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 8px 25px rgba(26, 84, 144, 0.35);
}

[data-theme="light"] .dashboard-card {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(102, 179, 255, 0.3);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 
                inset 0 1px 0 rgba(255, 255, 255, 1);
}

[data-theme="light"] .dashboard-title {
    color: #64748b;
}

[data-theme="light"] .dashboard-icon {
    background: linear-gradient(135deg, #059669, #10b981);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

[data-theme="light"] .metric-number {
    background: linear-gradient(135deg, #059669, #10b981);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

[data-theme="light"] .metric-symbol {
    color: #059669;
}

[data-theme="light"] .metric-sublabel {
    color: #64748b;
}

[data-theme="light"] .progress-container {
    background: rgba(124, 164, 208, 0.2);
}

[data-theme="light"] .progress-bar-fill {
    background: linear-gradient(135deg, #059669, #10b981);
}

[data-theme="light"] .mini-stat-value {
    color: #0f172a;
}

[data-theme="light"] .mini-stat-label {
    color: #64748b;
}

[data-theme="light"] .dashboard-stats {
    border-top-color: rgba(102, 179, 255, 0.2);
}

[data-theme="light"] .dashboard-pattern {
    background-image: radial-gradient(
        circle at 1px 1px,
        rgba(16, 185, 129, 0.08) 1px,
        transparent 1px
    );
}

[data-theme="light"] .circle-inner {
    background: linear-gradient(135deg, rgba(5, 150, 105, 0.08) 0%, rgba(5, 150, 105, 0.15) 100%);
    border-color: #059669;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .circle-progress {
    background-color: rgba(229, 231, 235, 0.5); /* Neutral light gray background */
}

[data-theme="light"] .percentage {
    color: #047857;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

[data-theme="light"] .label {
    color: #065f46;
    font-weight: 600;
}

[data-theme="light"] .our-clients-section .floating-card {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
    border: 1px solid rgba(15, 23, 42, 0.15);
}

[data-theme="light"] .our-clients-section .floating-card i {
    color: #1a5490;
}

[data-theme="light"] .our-clients-section .floating-card span {
    color: #0f172a;
}

[data-theme="light"] .our-clients-section .floating-card i {
    color: #1a5490;
    background: linear-gradient(135deg, #1a5490, #2563eb);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

[data-theme="light"] .our-clients-section .floating-card span {
    color: #0f172a;
}

[data-theme="light"] #faq {
    background: #7ca4d0; /* Secondary deeper blue - alternating pattern */
}

[data-theme="light"] .faq-item {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.12);
}

[data-theme="light"] .faq-item:hover {
    border-color: rgba(26, 84, 144, 0.3);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1);
}

[data-theme="light"] .faq-item.active {
    border-color: #1a5490;
    box-shadow: 0 12px 32px rgba(26, 84, 144, 0.15);
}

[data-theme="light"] .faq-question:hover {
    background: rgba(26, 84, 144, 0.05);
}

[data-theme="light"] .faq-question-text {
    color: #0f172a;
}

[data-theme="light"] .faq-icon {
    color: #1a5490;
}

[data-theme="light"] .faq-toggle {
    background: linear-gradient(135deg, #1a5490, #2563eb);
}

[data-theme="light"] .faq-item.active .faq-toggle {
    background: linear-gradient(135deg, #047857, #059669);
}

[data-theme="light"] .faq-answer-content {
    color: #334155;
}

[data-theme="light"] .faq-answer-content strong {
    color: #0f172a;
}

[data-theme="light"] .faq-answer-content li::before {
    color: #047857;
}

[data-theme="light"] .faq-cta-box {
    background: linear-gradient(135deg, #1a5490, #2563eb);
}

[data-theme="light"] .faq-cta-box .cta-button.primary {
    background: white;
    color: #1a5490;
}

[data-theme="light"] .faq-cta-box .cta-button.primary:hover {
    background: rgba(255, 255, 255, 0.95);
}

[data-theme="light"] body {
    background: var(--bg-color);
}

[data-theme="light"] .hero {
    background: #b4cbe4;
    position: relative;
}

[data-theme="light"] .hero-background {
    background: transparent;
}

[data-theme="light"] .hero-particles {
    opacity: 0.05;
    filter: brightness(0.5);
}

[data-theme="light"] .features {
    background: #7ca4d0;
    border: none;
    position: relative;
}

[data-theme="light"] #how-it-works {
    background: #b4cbe4;
    border: none;
}

[data-theme="light"] #testimonials {
    background: #7ca4d0;
    border: none;
}

[data-theme="light"] .cta-section {
    background: #7ca4d0; /* Secondary deeper blue - alternating pattern */
    border: none;
    position: relative;
    overflow: hidden;
}

[data-theme="light"] footer {
    background: #b4cbe4; /* Primary light background - alternating pattern */
    border-top: 2px solid rgba(15, 23, 42, 0.2);
}
/*
[data-theme="light"] #navbar {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.1);
    border-bottom: 1px solid rgba(15, 23, 42, 0.1);
}

[data-theme="light"] #navbar.scrolled {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.12);
    border-bottom-color: rgba(15, 23, 42, 0.15);
}
*/

/* Ensure clean navigation appearance in light mode */
[data-theme="light"] #navbar {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
    border-bottom: 1px solid rgba(15, 23, 42, 0.1);
}

[data-theme="light"] #navbar.scrolled {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.1);
    border-bottom-color: rgba(15, 23, 42, 0.12);
}

/* Remove any unwanted backgrounds from nav elements on desktop */
@media (min-width: 769px) {
    [data-theme="light"] .nav-container,
    [data-theme="light"] .nav-links {
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
    }
}


[data-theme="light"] .nav-link {
    color: #0f172a;
}

[data-theme="light"] .nav-link:hover,
[data-theme="light"] .nav-link.active {
    color: #1a5490;
}

[data-theme="light"] .feature-card,
[data-theme="light"] .step-content,
[data-theme="light"] .testimonial-card,
[data-theme="light"] .process-benefits {
    background: #ffffff;
    box-shadow: 0 4px 6px rgba(15, 23, 42, 0.1), 0 1px 3px rgba(15, 23, 42, 0.08);
    border: 1px solid rgba(15, 23, 42, 0.12);
}

[data-theme="light"] .feature-card:hover,
[data-theme="light"] .step-content:hover {
    box-shadow: 0 10px 15px rgba(15, 23, 42, 0.15), 0 4px 6px rgba(15, 23, 42, 0.1);
    border-color: #1a5490;
    transform: translateY(-5px);
}

[data-theme="light"] .testimonial-card.active {
    box-shadow: 0 20px 25px rgba(15, 23, 42, 0.18), 0 10px 10px rgba(15, 23, 42, 0.12);
    border: 1px solid #1a5490;
}

[data-theme="light"] .features .section-title,
[data-theme="light"] .features .section-description,
[data-theme="light"] .features h3,
[data-theme="light"] .features p,
[data-theme="light"] #testimonials .section-title,
[data-theme="light"] #testimonials .section-subtitle,
[data-theme="light"] #testimonials h3,
[data-theme="light"] #testimonials p,
[data-theme="light"] footer h3,
[data-theme="light"] footer p,
[data-theme="light"] footer .footer-copyright,
[data-theme="light"] footer .footer-address,
[data-theme="light"] footer .footer-contact-methods span {
    color: #0f172a !important;
}

[data-theme="light"] .features .section-badge,
[data-theme="light"] #testimonials .professional-testimonial-badge {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(15, 23, 42, 0.2);
    color: #1a5490;
}

[data-theme="light"] .feature-icon {
    color: #1a5490;
}

[data-theme="light"] .icon-bg {
    background: linear-gradient(135deg, #1a5490, #2563eb);
    opacity: 0.1;
}

[data-theme="light"] .modal-content,
[data-theme="light"] .modal .modal-body {
    background: #ffffff;
    box-shadow: 0 25px 50px rgba(15, 23, 42, 0.25), 0 10px 20px rgba(15, 23, 42, 0.15);
    border: 1px solid rgba(15, 23, 42, 0.12);
}

[data-theme="light"] .cta-button.primary,
[data-theme="light"] .submit-btn {
    background: linear-gradient(135deg, #1a5490, #2563eb);
    color: white;
    box-shadow: 0 4px 15px rgba(26, 84, 144, 0.35);
}

[data-theme="light"] .cta-button.primary:hover,
[data-theme="light"] .submit-btn:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 8px 25px rgba(26, 84, 144, 0.45);
}

[data-theme="light"] .cta-button.secondary {
    background: transparent;
    color: #1a5490;
    border: 2px solid #1a5490;
}

[data-theme="light"] .cta-button.secondary:hover {
    background: #1a5490;
    color: white;
    border-color: #1a5490;
}

[data-theme="light"] .nav-btn,
[data-theme="light"] .back-to-top {
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.12), 0 1px 2px rgba(15, 23, 42, 0.08);
    border: 1px solid rgba(15, 23, 42, 0.15);
    color: #0f172a;
}

[data-theme="light"] .nav-btn:hover,
[data-theme="light"] .back-to-top:hover {
    box-shadow: 0 4px 8px rgba(15, 23, 42, 0.18), 0 2px 4px rgba(15, 23, 42, 0.12);
    border-color: #1a5490;
    background: #1a5490;
    color: white;
}

[data-theme="light"] .form-group input,
[data-theme="light"] .form-group textarea {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.2);
    color: #0f172a;
}

[data-theme="light"] .form-group input:focus,
[data-theme="light"] .form-group textarea:focus {
    background: #ffffff;
    border-color: #1a5490;
    box-shadow: 0 0 0 3px rgba(26, 84, 144, 0.15);
}

[data-theme="light"] .form-group input::placeholder,
[data-theme="light"] .form-group textarea::placeholder {
    color: #64748b;
}

[data-theme="light"] .notification-toast {
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.18), 0 4px 12px rgba(15, 23, 42, 0.12);
    border: 1px solid rgba(15, 23, 42, 0.12);
    color: #0f172a;
}

[data-theme="light"] .cookie-consent {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 -4px 20px rgba(15, 23, 42, 0.15), 0 -2px 8px rgba(15, 23, 42, 0.08);
    border-top: 1px solid rgba(15, 23, 42, 0.15);
}

[data-theme="light"] .footer-divider-line {
    background: rgba(15, 23, 42, 0.2);
    opacity: 1;
}

[data-theme="light"] .social-links-footer .social-link {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(15, 23, 42, 0.2);
    color: #0f172a;
}

[data-theme="light"] .social-links-footer .social-link:hover {
    background: #1a5490;
    border-color: #1a5490;
    color: white;
}

[data-theme="light"] .footer-navigation-grid a {
    color: #0f172a;
}

[data-theme="light"] .footer-navigation-grid a:hover {
    color: #1a5490;
}

[data-theme="light"] .footer-navigation-grid a i {
    color: #1a5490;
}

[data-theme="light"] .footer-badges .badge {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(15, 23, 42, 0.2);
    color: #0f172a;
}

[data-theme="light"] .gradient-text {
    background: linear-gradient(135deg, #1a5490, #2563eb);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Section titles should be solid color in light mode, not gradient */
[data-theme="light"] .section-title {
    color: #0f172a !important;
    background: none !important;
    -webkit-text-fill-color: initial !important;
}

/* Ensure testimonials and our-clients sections have visible titles */
[data-theme="light"] #testimonials .section-title,
[data-theme="light"] #testimonials .section-subtitle,
[data-theme="light"] .our-clients-section .section-title,
[data-theme="light"] .our-clients-section .section-description {
    color: #0f172a !important;
    background: none !important;
    -webkit-text-fill-color: initial !important;
    text-shadow: none !important;
}

/* Fix for any h2 elements that might be section titles */
[data-theme="light"] h2.section-title {
    color: #0f172a !important;
    background: none !important;
    -webkit-text-fill-color: initial !important;
}

[data-theme="light"] .hero h1,
[data-theme="light"] .hero-title {
    color: #0f172a;
}

[data-theme="light"] .hero-description {
    color: #334155;
}

[data-theme="light"] .hero-badge {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(15, 23, 42, 0.2);
    color: #1a5490;
}

[data-theme="light"] .stat-number {
    color: #1a5490;
}

[data-theme="light"] .stat-label {
    color: #334155;
}

[data-theme="light"] .client-logos {
    background: rgba(255, 255, 255, 0.6);
    padding: var(--spacing-lg);
    border-radius: var(--radius-xl);
    margin-top: var(--spacing-2xl);
    border: 1px solid rgba(15, 23, 42, 0.12);
}

[data-theme="light"] .logo-item {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(15, 23, 42, 0.15);
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.08);
}

[data-theme="light"] .logo-item:hover {
    background: #ffffff;
    border-color: #1a5490;
    box-shadow: 0 4px 12px rgba(26, 84, 144, 0.2);
    transform: scale(1.05) translateY(-3px);
}

[data-theme="light"] .logo-placeholder {
    color: #1a5490;
    font-weight: 600;
}

[data-theme="light"] .client-logos h3 {
    color: #0f172a;
}

[data-theme="light"] .logo-placeholder {
    color: #334155;
}

[data-theme="light"] .step-features li::before {
    color: #16a34a;
}

[data-theme="light"] .feature-highlight {
    background: rgba(255, 255, 255, 0.85);
    border: 2px solid rgba(180, 203, 228, 0.5);
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.1);
}

[data-theme="light"] .feature-highlight h3 {
    color: #0f172a;
}

[data-theme="light"] .feature-highlight p {
    color: #334155;
}

[data-theme="light"] .feature-highlight::before {
    background: radial-gradient(circle, rgba(180, 203, 228, 0.15) 0%, transparent 70%);
}

[data-theme="light"] .timeline-line {
    background: linear-gradient(to bottom, #1a5490, #2563eb);
    opacity: 0.3;
}

[data-theme="light"] .step-icon {
    background: linear-gradient(135deg, #4b8cf4, #65a6f5) !important;
    box-shadow: 0 4px 12px rgba(74, 138, 241, 0.3);
}

[data-theme="light"] .step-number {
    background: linear-gradient(135deg, #1a5490, #2563eb);
    box-shadow: 0 4px 12px rgba(26, 84, 144, 0.35);
    border: 3px solid #b4cbe4;
    color: white;
}

[data-theme="light"] .step-icon {
    background: linear-gradient(135deg, #047857, #059669);
}

[data-theme="light"] .testimonial-quote p {
    color: #0f172a;
}

[data-theme="light"] .author-name {
    color: #0f172a;
}

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

[data-theme="light"] .author-company {
    color: #1a5490;
}

[data-theme="light"] .metric-value {
    color: #1a5490;
}

[data-theme="light"] .metric-label {
    color: #334155;
}

[data-theme="light"] .cta-text h2 {
    color: #0f172a;
}

[data-theme="light"] .cta-text p {
    color: #334155;
}

[data-theme="light"] .cta-feature {
    color: #0f172a;
}

[data-theme="light"] .cta-feature i {
    color: #16a34a;
}

[data-theme="light"] .floating-card {
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12);
    border: 1px solid rgba(15, 23, 42, 0.1);
}

[data-theme="light"] .flow-step.completed {
    background: rgba(22, 163, 74, 0.1);
    border-color: #16a34a;
}

[data-theme="light"] .floating-card i {
    color: #1a5490;
}

[data-theme="light"] .floating-card span {
    color: #0f172a;
}

[data-theme="light"] .theme-toggle {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(15, 23, 42, 0.2);
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.1);
    color: #0f172a;
}

[data-theme="light"] .theme-toggle:hover {
    background: #1a5490;
    border-color: #1a5490;
    box-shadow: 0 4px 8px rgba(26, 84, 144, 0.25);
    color: white;
}

[data-theme="light"] .scroll-arrow {
    background: rgba(255, 255, 255, 0.9);
    border-color: #1a5490;
    color: #1a5490;
}

[data-theme="light"] .scroll-arrow:hover {
    background: #1a5490;
    color: white;
}

[data-theme="light"] .dot {
    background: rgba(15, 23, 42, 0.2);
}

[data-theme="light"] .dot.active {
    background: #1a5490;
    box-shadow: 0 0 10px rgba(26, 84, 144, 0.5);
}

[data-theme="light"] .cookie-btn {
    background: #ffffff;
    color: #0f172a;
    border-color: rgba(15, 23, 42, 0.2);
}

[data-theme="light"] .cookie-btn.accept {
    background: linear-gradient(135deg, #1a5490, #2563eb);
    color: white;
    border: none;
}

[data-theme="light"] .flow-icon {
    background: linear-gradient(135deg, #1a5490, #2563eb);
    box-shadow: 0 4px 12px rgba(26, 84, 144, 0.3);
}

[data-theme="light"] .section-badge {
    background: rgba(255, 255, 255, 0.95);
    color: #1a5490;
    border-color: rgba(15, 23, 42, 0.2);
}

[data-theme="light"] .spinner {
    border-color: rgba(15, 23, 42, 0.2);
    border-top-color: #1a5490;
}

[data-theme="light"] h1, 
[data-theme="light"] h2, 
[data-theme="light"] h3, 
[data-theme="light"] h4, 
[data-theme="light"] h5, 
[data-theme="light"] h6 {
    color: #0f172a;
}

[data-theme="light"] p {
    color: #334155;
}

[data-theme="light"] a {
    color: #1a5490;
}

[data-theme="light"] a:hover {
    color: #2563eb;
}

    @media (max-width: 768px) {
        [data-theme="light"] .nav-links {
            background: #ffffff;
            box-shadow: 0 10px 30px rgba(15, 23, 42, 0.15);
            border-top: 1px solid rgba(15, 23, 42, 0.1);
        }
    }


    [data-theme="light"] .nav-link {
        border-bottom-color: rgba(15, 23, 42, 0.1);
    }

    [data-theme="light"] .nav-link:hover,
    [data-theme="light"] .nav-link.active {
        background-color: rgba(26, 84, 144, 0.05);
    }
/* === TESTIMONIALS SECTION - COMPLETE LIGHT MODE === */
[data-theme="light"] #testimonials {
    background: #7ca4d0; /* Secondary deeper blue - maintains alternating pattern */
    position: relative;
}

/* Professional Badge - More prominent */
[data-theme="light"] .professional-testimonial-badge {
    background: #ffffff;
    border: 2px solid #1a5490;
    color: #1a5490;
    box-shadow: 0 4px 12px rgba(26, 84, 144, 0.15);
}

[data-theme="light"] .professional-testimonial-badge .badge-icon {
    color: #1a5490;
    font-weight: 700;
}

[data-theme="light"] .professional-testimonial-badge .badge-text {
    color: #0f172a;
    font-weight: 600;
}

/* Testimonial Cards - Better contrast */
[data-theme="light"] .testimonial-card {
    background: #ffffff;
    border: 2px solid rgba(26, 84, 144, 0.2);
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);
}

[data-theme="light"] .testimonial-card.active {
    background: #ffffff;
    border: 2px solid #1a5490;
    box-shadow: 0 20px 50px rgba(26, 84, 144, 0.2), 0 0 0 1px rgba(26, 84, 144, 0.1);
    transform: scale(1.02);
}

/* Author photo border */
[data-theme="light"] .author-photo {
    border-color: #1a5490;
}

[data-theme="light"] .author-avatar {
    background: linear-gradient(135deg, #1a5490, #2563eb);
    border-color: #1a5490;
}

/* Text Colors - Ensure readability */
[data-theme="light"] .testimonial-quote p {
    color: #0f172a;
    border-left-color: #1a5490;
}

[data-theme="light"] .testimonial-quote p::before {
    color: #1a5490;
    opacity: 0.15;
}

[data-theme="light"] .author-name {
    color: #0f172a;
}

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

[data-theme="light"] .author-company {
    color: #1a5490;
    font-weight: 600;
}

[data-theme="light"] .rating i {
    color: #f59e0b; /* Warmer gold for better visibility */
}

/* Metrics */
[data-theme="light"] .metric-value {
    color: #1a5490;
    font-weight: 700;
}

[data-theme="light"] .metric-label {
    color: #475569;
}

[data-theme="light"] .testimonial-metrics {
    border-top: 2px solid rgba(26, 84, 144, 0.15);
}

/* Navigation Buttons */
[data-theme="light"] .nav-btn {
    background: #ffffff;
    border: 2px solid #1a5490;
    color: #1a5490;
    box-shadow: 0 2px 8px rgba(26, 84, 144, 0.1);
}

[data-theme="light"] .nav-btn:hover:not(:disabled) {
    background: #1a5490;
    border-color: #1a5490;
    color: white;
    transform: scale(1.1) translateY(-2px);
    box-shadow: 0 6px 20px rgba(26, 84, 144, 0.3);
}

[data-theme="light"] .nav-btn:disabled {
    background: rgba(255, 255, 255, 0.7);
    border-color: rgba(26, 84, 144, 0.2);
    color: rgba(26, 84, 144, 0.4);
}

/* Progress Dots */
[data-theme="light"] .dot {
    background: rgba(26, 84, 144, 0.2);
    border: 1px solid transparent;
}

[data-theme="light"] .dot.active {
    background: #1a5490;
    border-color: #1a5490;
    box-shadow: 0 0 0 3px rgba(26, 84, 144, 0.2);
}

[data-theme="light"] .dot:hover:not(.active) {
    background: #2563eb;
    border-color: #2563eb;
}

/* === CLIENT LOGOS SECTION - COMPLETE LIGHT MODE === */
[data-theme="light"] .our-clients-section {
    background: #b4cbe4; /* Primary light blue-gray - alternating pattern */
    position: relative;
}

/* Enhanced gradient overlay for depth */
[data-theme="light"] .our-clients-section::before {
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0%, transparent 70%);
}

/* Client Logos Container - More prominent */
[data-theme="light"] .client-logos {
    background: rgba(255, 255, 255, 0.95);
    border: 2px solid rgba(26, 84, 144, 0.2);
    box-shadow: 
        0 15px 40px rgba(15, 23, 42, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 1),
        inset 0 -1px 0 rgba(26, 84, 144, 0.1);
}

/* Gradient overlays */
[data-theme="light"] .client-logos::before {
    background: radial-gradient(
        circle at 30% 50%,
        rgba(26, 84, 144, 0.05) 0%,
        transparent 60%
    );
}

[data-theme="light"] .client-logos::after {
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(26, 84, 144, 0.05) 50%,
        transparent 100%
    );
}

[data-theme="light"] .client-logos h3 {
    color: #0f172a;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}

/* Logo Items - Better styling */
[data-theme="light"] .logo-item {
    background: #ffffff;
    border: 2px solid rgba(26, 84, 144, 0.15);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
    position: relative;
    overflow: hidden;
}

/* Add subtle gradient on hover */
[data-theme="light"] .logo-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(26, 84, 144, 0.05), 
        transparent);
    transition: left 0.6s ease;
}

[data-theme="light"] .logo-item:hover::before {
    left: 100%;
}

[data-theme="light"] .logo-item:hover {
    background: #ffffff;
    border-color: #1a5490;
    box-shadow: 
        0 8px 24px rgba(26, 84, 144, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 1);
    transform: scale(1.05) translateY(-3px);
}

[data-theme="light"] .logo-placeholder {
    color: #1a5490;
    font-weight: 700;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* CTA Content in Client Section */
[data-theme="light"] .our-clients-section .cta-text h2 {
    color: #0f172a;
    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.5);
}

[data-theme="light"] .our-clients-section .cta-text p {
    color: #1e293b;
    font-weight: 500;
}

[data-theme="light"] .our-clients-section .cta-feature {
    color: #0f172a;
    font-weight: 500;
}

[data-theme="light"] .our-clients-section .cta-feature i {
    color: #059669;
    font-weight: 700;
}

/* Floating Cards - Enhanced visibility */
[data-theme="light"] .our-clients-section .floating-card {
    background: #ffffff;
    box-shadow: 
        0 10px 25px rgba(15, 23, 42, 0.12),
        0 0 0 1px rgba(26, 84, 144, 0.1);
    border: 2px solid rgba(26, 84, 144, 0.15);
}

[data-theme="light"] .our-clients-section .floating-card:nth-child(1) {
    background: linear-gradient(135deg, #ffffff 0%, rgba(26, 84, 144, 0.05) 100%);
}

[data-theme="light"] .our-clients-section .floating-card:nth-child(2) {
    background: linear-gradient(135deg, #ffffff 0%, rgba(5, 150, 105, 0.05) 100%);
}

[data-theme="light"] .our-clients-section .floating-card:nth-child(3) {
    background: linear-gradient(135deg, #ffffff 0%, rgba(37, 99, 235, 0.05) 100%);
}

[data-theme="light"] .our-clients-section .floating-card i {
    background: linear-gradient(135deg, #1a5490, #2563eb);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

[data-theme="light"] .our-clients-section .floating-card span {
    color: #0f172a;
    font-weight: 600;
}

/* Section Headers - Ensure visibility */
[data-theme="light"] #testimonials .section-title,
[data-theme="light"] #testimonials .section-subtitle,
[data-theme="light"] .our-clients-section .section-title,
[data-theme="light"] .our-clients-section .section-description {
    color: #0f172a !important;
    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.3);
}

[data-theme="light"] #testimonials .section-badge,
[data-theme="light"] .our-clients-section .section-badge {
    background: #ffffff;
    border: 2px solid #1a5490;
    color: #1a5490;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(26, 84, 144, 0.15);
}

[data-theme="light"] #testimonials .section-badge i,
[data-theme="light"] .our-clients-section .section-badge i {
    color: #1a5490;
}

/* Button overrides for these sections */
[data-theme="light"] .our-clients-section .cta-button.primary {
    background: linear-gradient(135deg, #1a5490, #2563eb);
    color: white;
    box-shadow: 0 6px 20px rgba(26, 84, 144, 0.3);
    border: none;
}

[data-theme="light"] .our-clients-section .cta-button.primary:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 10px 30px rgba(26, 84, 144, 0.4);
}

[data-theme="light"] .our-clients-section .cta-button.secondary {
    background: white;
    color: #1a5490;
    border: 2px solid #1a5490;
}

[data-theme="light"] .our-clients-section .cta-button.secondary:hover {
    background: #1a5490;
    color: white;
    border-color: #1a5490;
}

/* Mobile Responsive Adjustments */
@media (max-width: 768px) {
    [data-theme="light"] .testimonial-card {
        background: #ffffff;
        border-width: 1px;
    }
    
    [data-theme="light"] .client-logos {
        background: rgba(255, 255, 255, 0.98);
        border-width: 1px;
    }
    
    [data-theme="light"] .logo-item {
        border-width: 1px;
    }
}