/* Light / dark theme overrides */

[data-theme="light"] .gx-navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2815, 23, 42, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-theme="light"] .gx-offcanvas .btn-close {
    filter: none;
    opacity: 0.65;
}

[data-theme="light"] .gx-footer-logo {
    filter: var(--gx-logo-filter);
}

[data-theme="light"] .gx-mesh-bg::before {
    background:
        radial-gradient(ellipse 80% 50% at 20% 40%, rgba(0, 102, 255, 0.06) 0%, transparent 50%),
        radial-gradient(ellipse 60% 40% at 80% 20%, rgba(0, 200, 150, 0.05) 0%, transparent 50%),
        radial-gradient(ellipse 50% 50% at 50% 80%, rgba(0, 102, 255, 0.04) 0%, transparent 50%);
}

[data-theme="light"] .gx-approach-line {
    background: var(--gx-divider);
}

[data-theme="light"] .gx-approach-panel {
    background: rgba(255, 255, 255, 0.85);
}

[data-theme="light"] .gx-approach-step {
    background: rgba(255, 255, 255, 0.7);
}

[data-theme="light"] .gx-stat-item {
    background: rgba(255, 255, 255, 0.6);
}

[data-theme="light"] .gx-service-card-preview {
    background: rgba(255, 255, 255, 0.96);
}

[data-theme="light"] .gx-service-list-card .gx-service-card-detail-link,
[data-theme="light"] .gx-service-list-card .gx-service-card-detail-link:hover {
    background: rgba(255, 255, 255, 0.95);
}

[data-theme="light"] .gx-testimonial-slider-wrap .gx-testimonial-prev,
[data-theme="light"] .gx-testimonial-slider-wrap .gx-testimonial-next,
[data-theme="light"] .gx-testimonial-slider-wrap .swiper-button-prev,
[data-theme="light"] .gx-testimonial-slider-wrap .swiper-button-next {
    background: rgba(255, 255, 255, 0.92);
}

[data-theme="light"] .gx-page-hero::before {
    opacity: 0.35;
}

[data-theme="light"] .gx-hero-badge {
    background: rgba(255, 255, 255, 0.92);
    box-shadow: var(--gx-shadow-sm);
}

[data-theme="light"] .gx-hero-card {
    background: rgba(255, 255, 255, 0.88);
    box-shadow: var(--gx-shadow-sm);
}

[data-theme="light"] .gx-marquee-item {
    color: var(--gx-marquee-text);
}