/* ==================================================================== */
/* ====================== NEXUSTECH - LIGHT MODE ====================== */
/* ==================================================================== */

/* ------------------------------------
   THEME VARIABLES OVERRIDE
------------------------------------ */
[data-theme="light"] {
    --primary-color: #4a6bff;
    --secondary-color: #0099cc;
    --purple: #6b3fff;
    --cyan: #0099cc;
    --dark-color: #f5f5f5;
    --darker-color: #ffffff;
    --light-color: rgba(0, 0, 0, 0.85);
    --lighter-color: #000000;
    --gray-color: #666666;
    --dark-gray: #e0e0e0;

    /* Backgrounds */
    --bg-primary: #f8f9fa;
    --bg-secondary: #ffffff;
    --bg-card: rgba(255, 255, 255, 0.8);
    --bg-card-hover: rgba(255, 255, 255, 0.95);
    --bg-overlay: rgba(255, 255, 255, 0.9);

    /* Borders */
    --border-color: rgba(0, 0, 0, 0.1);
    --border-light: rgba(0, 0, 0, 0.05);

    /* Shadows */
    --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    --neon-shadow: 0 0 15px rgba(74, 107, 255, 0.3);
}


/* ------------------------------------
   GLOBAL STYLES & BACKGROUND
------------------------------------ */
[data-theme="light"] body {
    background: var(--bg-primary);
}

[data-theme="light"] body::before {
    opacity: 0.3;
}

/* Hide orbs in light mode */
[data-theme="light"] .global-orbs-container,
[data-theme="light"] .global-orb {
    opacity: 0.15;
}


/* ------------------------------------
   TYPOGRAPHY - ALL TEXT BLACK/DARK
------------------------------------ */
[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5,
[data-theme="light"] h6,
[data-theme="light"] p,
[data-theme="light"] li,
[data-theme="light"] span:not(.gradient-text):not(.badge-dot):not(.live-dot),
[data-theme="light"] .stat-number,
[data-theme="light"] .member-name,
[data-theme="light"] .plan-name,
[data-theme="light"] .card-title,
[data-theme="light"] .service-title,
[data-theme="light"] .solution-title,
[data-theme="light"] .featured-post-title,
[data-theme="light"] .blog-card-title,
[data-theme="light"] .form-title,
[data-theme="light"] .quick-contact-title,
[data-theme="light"] .office-title,
[data-theme="light"] .hero-heading .heading-line,
[data-theme="light"] .story-title,
[data-theme="light"] .timeline-title {
    color: #1a1a2e !important;
}

[data-theme="light"] .hero-description,
[data-theme="light"] .service-description,
[data-theme="light"] .card-text,
[data-theme="light"] .member-bio,
[data-theme="light"] .testimonial-text p,
[data-theme="light"] .solution-description,
[data-theme="light"] .featured-post-excerpt,
[data-theme="light"] .blog-card-excerpt,
[data-theme="light"] .form-subtitle,
[data-theme="light"] .quick-contact-text,
[data-theme="light"] .story-text,
[data-theme="light"] .widget-about-text,
[data-theme="light"] .address-details p {
    color: #444444 !important;
}

[data-theme="light"] .stat-label,
[data-theme="light"] .client-label,
[data-theme="light"] .plan-description,
[data-theme="light"] .member-position,
[data-theme="light"] .post-date,
[data-theme="light"] .post-author,
[data-theme="light"] .post-stats span,
[data-theme="light"] .latest-post-date,
[data-theme="light"] .method-label,
[data-theme="light"] .price-save,
[data-theme="light"] .guarantee-badge,
[data-theme="light"] .stat-desc {
    color: #666666 !important;
}

/* Strong tags - MUST BE BLACK */
[data-theme="light"] strong,
[data-theme="light"] b {
    color: #1a1a2e !important;
}

/* Gradient text remains gradient */
[data-theme="light"] .gradient-text {
    color: transparent !important;
    background: linear-gradient(135deg, var(--primary-color), var(--purple)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}


/* ------------------------------------
   BUTTONS & PRIMARY ELEMENTS - WHITE TEXT
------------------------------------ */
[data-theme="light"] .btn-primary,
[data-theme="light"] .btn-primary-glow,
[data-theme="light"] .btn-submit,
[data-theme="light"] .services-cta-wrapper .btn,
[data-theme="light"] .custom-solution-card .btn,
[data-theme="light"] .pricing-footer-modern .btn-primary,
[data-theme="light"] .solution-actions .btn-primary,
[data-theme="light"] .owl-dot.active,
[data-theme="light"] .filter-btn.active,
[data-theme="light"] .tab-nav-btn.active,
[data-theme="light"] .page-link-modern.active,
[data-theme="light"] .map-control-btn:hover,
[data-theme="light"] .social-link:hover,
[data-theme="light"] .theme-toggle-btn:hover {
    color: white !important;
}

[data-theme="light"] .btn-primary-glow svg,
[data-theme="light"] .btn-primary svg {
    stroke: white !important;
}

[data-theme="light"] .btn-outline-primary {
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

[data-theme="light"] .btn-outline-primary:hover {
    background: var(--primary-color) !important;
    color: white !important;
}

[data-theme="light"] .btn-outline-primary.group {
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

[data-theme="light"] .btn-outline-primary.group:hover {
    background: var(--primary-color) !important;
    color: white !important;
}

[data-theme="light"] .btn-secondary {
    border-color: rgba(0, 0, 0, 0.2) !important;
    color: #333 !important;
}

[data-theme="light"] .btn-secondary:hover {
    border-color: var(--primary-color) !important;
    background: rgba(74, 107, 255, 0.08) !important;
}


/* ------------------------------------
   BADGES
------------------------------------ */
[data-theme="light"] .badge.bg-primary-soft,
[data-theme="light"] .badge.bg-purple-soft {
    background: rgba(74, 107, 255, 0.12) !important;
    color: var(--primary-color) !important;
}


/* ------------------------------------
   NAVBAR
------------------------------------ */

/* Navbar default - transparent */
[data-theme="light"] .navbar {
    background: transparent !important;
}

/* Navbar saat scroll - putih dengan blur */
[data-theme="light"] .navbar.scrolled {
    background: #ffffff !important;
    backdrop-filter: blur(10px) !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08) !important;
}

/* Brand dan nav links - warna hitam */
[data-theme="light"] .navbar-brand {
    color: #1a1a2e !important;
}

[data-theme="light"] .navbar-brand span {
    color: #1a1a2e !important;
}

[data-theme="light"] .navbar-brand span:first-child {
    color: var(--primary-color) !important;
}

[data-theme="light"] .nav-link {
    color: #4a4a5a !important;
}

/* Nav link hover dan active */
[data-theme="light"] .nav-link:hover,
[data-theme="light"] .nav-link:focus {
    color: var(--primary-color) !important;
    background: rgba(74, 107, 255, 0.08) !important;
}

[data-theme="light"] .nav-link.active {
    color: var(--primary-color) !important;
    background: rgba(74, 107, 255, 0.1) !important;
}

/* Toggler icon - hitam */
[data-theme="light"] .navbar-toggler {
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
}

[data-theme="light"] .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(0, 0, 0, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Dropdown menu - putih */
[data-theme="light"] .dropdown-menu {
    background: #ffffff !important;
    border: 1px solid #e9ecef !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .dropdown-item {
    color: #1a1a2e !important;
}

[data-theme="light"] .dropdown-item:hover {
    background: #f8f9fa !important;
    color: var(--primary-color) !important;
}

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

[data-theme="light"] .dropdown-divider {
    border-color: #e9ecef !important;
}

/* Mobile collapse menu */
@media (max-width: 991.98px) {
    [data-theme="light"] .navbar-collapse {
        background: #ffffff !important;
        border-radius: 12px !important;
        margin-top: 10px !important;
        padding: 10px !important;
    }
}

/* ------------------------------------
   HERO SECTION
------------------------------------ */
[data-theme="light"] .hero {
    background: transparent !important;
}

[data-theme="light"] .trust-badge {
    background: #f0f2f5 !important;
    border-color: #e0e0e0 !important;
    color: #1a1a2e !important;
}

[data-theme="light"] .badge-dot {
    background: var(--primary-color) !important;
}

[data-theme="light"] .stats-row {
    border-color: #e9ecef !important;
}

[data-theme="light"] .stat-divider {
    background: #e0e0e0 !important;
}

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

[data-theme="light"] .logo-placeholder:hover {
    color: var(--primary-color) !important;
}

[data-theme="light"] .feature-card {
    background: #ffffff !important;
    backdrop-filter: none !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .card-icon {
    background: #f0f2f5 !important;
}

[data-theme="light"] .card-badge {
    background: rgba(74, 107, 255, 0.1) !important;
    color: var(--primary-color) !important;
}

[data-theme="light"] .metric-info {
    color: #555 !important;
}

[data-theme="light"] .metric-bar {
    background: #e9ecef !important;
}

[data-theme="light"] .rating span {
    color: #777 !important;
}

[data-theme="light"] .live-badge span {
    color: #10b981 !important;
}


/* ------------------------------------
   CLIENTS SECTION
------------------------------------ */
[data-theme="light"] .clients-section {
    background: #ffffff !important;
    backdrop-filter: none !important;
}

[data-theme="light"] .client-card-inner {
    background: #ffffff !important;
    backdrop-filter: none !important;
    border: 1px solid #e9ecef !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .client-card-inner:hover {
    background: #f8f9fa !important;
    border-color: rgba(74, 107, 255, 0.3) !important;
}

[data-theme="light"] .client-info h4 {
    color: #1a1a2e !important;
}

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

[data-theme="light"] .client-since {
    color: #666 !important;
}

[data-theme="light"] .client-since i {
    color: var(--primary-color) !important;
}

[data-theme="light"] .client-logo-wrapper {
    background: #f8f9fa !important;
}

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

/* Marquee */
[data-theme="light"] .clients-marquee-container {
    background: #ffffff !important;
    backdrop-filter: none !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .marquee-logo {
    background: #ffffff !important;
    border: 1px solid #e9ecef !important;
    filter: brightness(0.9) !important;
}

[data-theme="light"] .marquee-logo:hover {
    background: #f8f9fa !important;
    border-color: rgba(74, 107, 255, 0.3) !important;
}


/* ------------------------------------
   GLOBAL PRESENCE MAP SECTION
------------------------------------ */
[data-theme="light"] .global-presence-section {
    background: #ffffff !important;
    backdrop-filter: none !important;
}

[data-theme="light"] .premium-map-wrapper {
    background: #ffffff !important;
    backdrop-filter: none !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .interactive-map {
    background: #f8f9fa !important;
}

[data-theme="light"] .map-control-btn {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    color: #1a1a2e !important;
}

[data-theme="light"] .map-control-btn:hover {
    background: var(--primary-color) !important;
    color: white !important;
}

[data-theme="light"] .location-card-inner {
    background: #ffffff !important;
    border: 1px solid #e9ecef !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .location-details h4 {
    color: #1a1a2e !important;
}

[data-theme="light"] .location-details p {
    color: #666 !important;
}

[data-theme="light"] .location-stats span {
    color: var(--primary-color) !important;
}

[data-theme="light"] .global-stat-card {
    background: #ffffff !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .global-stat-card:hover {
    background: #f8f9fa !important;
}

[data-theme="light"] .stat-icon-wrapper {
    background: #f0f2f5 !important;
}

[data-theme="light"] .stat-number {
    background: linear-gradient(135deg, #1a1a2e, #444) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}

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

[data-theme="light"] .stat-label {
    color: #1a1a2e !important;
}

[data-theme="light"] .offices-showcase {
    background: #ffffff !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .offices-header {
    border-bottom-color: #e9ecef !important;
}

[data-theme="light"] .offices-header h3 {
    color: #1a1a2e !important;
}

[data-theme="light"] .offices-count {
    background: #f0f2f5 !important;
    color: var(--primary-color) !important;
}

[data-theme="light"] .office-card {
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .office-card:hover {
    background: rgba(74, 107, 255, 0.08) !important;
}

[data-theme="light"] .office-card-icon {
    background: #ffffff !important;
}

[data-theme="light"] .office-card-info h4 {
    color: #1a1a2e !important;
}

[data-theme="light"] .office-card-info p {
    color: #888 !important;
}


/* ------------------------------------
   ABOUT SECTION
------------------------------------ */
[data-theme="light"] .about-section {
    background: #ffffff !important;
    backdrop-filter: none !important;
}

[data-theme="light"] .about-section::before,
[data-theme="light"] .about-section::after {
    display: none !important;
}

[data-theme="light"] .about-story-card {
    background: #ffffff !important;
    backdrop-filter: none !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .about-story-card:hover {
    background: #f8f9fa !important;
}

[data-theme="light"] .story-title {
    color: #1a1a2e !important;
}

[data-theme="light"] .story-text {
    color: #555 !important;
}

[data-theme="light"] .value-item {
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .value-item:hover {
    background: rgba(74, 107, 255, 0.08) !important;
}

[data-theme="light"] .value-content h4 {
    color: #1a1a2e !important;
}

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

[data-theme="light"] .story-image-container {
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .image-caption {
    color: #1a1a2e !important;
    text-shadow: none !important;
}

[data-theme="light"] .image-stats-badge {
    background: var(--primary-color) !important;
    color: white !important;
}

[data-theme="light"] .stat-card-modern {
    background: #ffffff !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .stat-card-modern.main-stat {
    background: linear-gradient(135deg, #ffffff, #f8f9fa) !important;
}

[data-theme="light"] .stat-modern-icon.small {
    background: #f0f2f5 !important;
}

[data-theme="light"] .stat-modern-icon.small i {
    color: var(--primary-color) !important;
}

[data-theme="light"] .stat-card-modern:hover .stat-modern-icon.small {
    background: linear-gradient(135deg, var(--primary-color), var(--purple)) !important;
}

[data-theme="light"] .stat-card-modern:hover .stat-modern-icon.small i {
    color: white !important;
}

[data-theme="light"] .stat-modern-number {
    color: #1a1a2e !important;
}

[data-theme="light"] .stat-modern-number .counter {
    background: linear-gradient(135deg, #1a1a2e, #444) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}

[data-theme="light"] .stat-modern-suffix {
    color: var(--primary-color) !important;
}

[data-theme="light"] .stat-modern-label {
    color: #666 !important;
}

[data-theme="light"] .stat-modern-progress {
    background: #e9ecef !important;
}

[data-theme="light"] .timeline-container {
    background: #ffffff !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .timeline-title {
    color: #1a1a2e !important;
}

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

[data-theme="light"] .timeline-badge {
    background: rgba(74, 107, 255, 0.1) !important;
    color: var(--primary-color) !important;
}

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


/* ------------------------------------
   SERVICES SECTION
------------------------------------ */
[data-theme="light"] .services-section {
    background: #ffffff !important;
    backdrop-filter: none !important;
}

[data-theme="light"] .services-section::before,
[data-theme="light"] .services-section::after {
    display: none !important;
}

[data-theme="light"] .service-card-inner {
    background: #ffffff !important;
    backdrop-filter: none !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .service-card-inner:hover {
    background: #f8f9fa !important;
}

[data-theme="light"] .service-icon-modern {
    background: #f0f2f5 !important;
    color: var(--primary-color) !important;
}

[data-theme="light"] .service-card-inner:hover .service-icon-modern {
    background: linear-gradient(135deg, var(--primary-color), var(--purple)) !important;
    color: white !important;
}

[data-theme="light"] .service-title {
    color: #1a1a2e !important;
}

[data-theme="light"] .service-description {
    color: #555 !important;
}

[data-theme="light"] .metric-header .metric-value {
    color: var(--primary-color) !important;
}

[data-theme="light"] .metric-header .metric-label {
    color: #888 !important;
}

[data-theme="light"] .metric-progress {
    background: #e9ecef !important;
}

[data-theme="light"] .service-features li {
    color: #444 !important;
}

[data-theme="light"] .service-features li i {
    background: #f0f2f5 !important;
    color: var(--primary-color) !important;
}

[data-theme="light"] .service-card-inner:hover .service-features li i {
    background: var(--primary-color) !important;
    color: white !important;
}

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

[data-theme="light"] .service-btn:hover {
    color: #1a1a2e !important;
}


/* ------------------------------------
   SOLUTIONS SECTION
------------------------------------ */
[data-theme="light"] .solutions-section {
    background: #ffffff !important;
    backdrop-filter: none !important;
}

[data-theme="light"] .solutions-section::before,
[data-theme="light"] .solutions-section::after {
    display: none !important;
}

[data-theme="light"] .solutions-container {
    background: #ffffff !important;
    backdrop-filter: none !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .solutions-tabs-nav {
    background: #f8f9fa !important;
    border-color: #e9ecef !important;
}

[data-theme="light"] .tab-nav-btn {
    color: #666 !important;
}

[data-theme="light"] .tab-nav-btn i {
    color: #666 !important;
}

[data-theme="light"] .tab-nav-btn:hover:not(.active) {
    background: rgba(74, 107, 255, 0.08) !important;
    color: var(--primary-color) !important;
}

[data-theme="light"] .tab-nav-btn:hover:not(.active) i {
    color: var(--primary-color) !important;
}

[data-theme="light"] .tab-nav-btn.active {
    color: white !important;
}

[data-theme="light"] .tab-nav-btn.active i {
    color: white !important;
}

[data-theme="light"] .tab-nav-btn.active::before {
    background: linear-gradient(135deg, var(--primary-color), var(--purple)) !important;
    opacity: 1 !important;
}

[data-theme="light"] .stat-block {
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .stat-icon {
    background: #ffffff !important;
    border: 1px solid #e9ecef !important;
    color: var(--primary-color) !important;
}

[data-theme="light"] .stat-block:hover .stat-icon {
    background: linear-gradient(135deg, var(--primary-color), var(--purple)) !important;
    color: white !important;
}

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

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

[data-theme="light"] .stat-progress {
    background: #e9ecef !important;
}

[data-theme="light"] .solution-quick-fact {
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    color: #555 !important;
}

[data-theme="light"] .solution-title {
    color: #1a1a2e !important;
}

[data-theme="light"] .solution-description {
    color: #555 !important;
}

[data-theme="light"] .feature-item {
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .feature-item i {
    background: #ffffff !important;
    color: var(--primary-color) !important;
}

[data-theme="light"] .feature-item:hover i {
    background: var(--primary-color) !important;
    color: white !important;
}

[data-theme="light"] .feature-text strong {
    color: #1a1a2e !important;
}

[data-theme="light"] .feature-text span {
    color: #666 !important;
}

[data-theme="light"] .solution-actions .btn-link {
    color: var(--primary-color) !important;
}

[data-theme="light"] .solution-actions .btn-link:hover {
    color: #1a1a2e !important;
}

/* ------------------------------------
   PERFORMANCE SECTION BACKGROUND
------------------------------------ */
[data-theme="light"] .performance-section {
    background: #ffffff !important;
    backdrop-filter: none !important;
}

[data-theme="light"] .performance-section::before,
[data-theme="light"] .performance-section::after {
    display: none !important;
}


/* ------------------------------------
   CHART CARDS
------------------------------------ */
[data-theme="light"] .chart-card-modern {
    background: #ffffff !important;
    backdrop-filter: none !important;
    border: 1px solid #e9ecef !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .chart-card-modern:hover {
    background: #f8f9fa !important;
    border-color: rgba(74, 107, 255, 0.3) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}


/* ------------------------------------
   CHART HEADER
------------------------------------ */
[data-theme="light"] .chart-title {
    color: #1a1a2e !important;
}

[data-theme="light"] .chart-subtitle {
    color: #777 !important;
}

[data-theme="light"] .chart-icon {
    background: #f0f2f5 !important;
}

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


/* ------------------------------------
   CHART BADGES
------------------------------------ */
[data-theme="light"] .live-badge {
    background: rgba(16, 185, 129, 0.1) !important;
    color: #10b981 !important;
    border-color: rgba(16, 185, 129, 0.2) !important;
}

[data-theme="light"] .success-badge {
    background: rgba(74, 107, 255, 0.1) !important;
    color: var(--primary-color) !important;
    border-color: rgba(74, 107, 255, 0.2) !important;
}

[data-theme="light"] .growth-badge {
    background: rgba(245, 158, 11, 0.1) !important;
    color: #f59e0b !important;
    border-color: rgba(245, 158, 11, 0.2) !important;
}


/* ------------------------------------
   CHART FOOTER & STATS
------------------------------------ */
[data-theme="light"] .chart-footer {
    border-top-color: #e9ecef !important;
}

[data-theme="light"] .stat-item {
    color: #666 !important;
}

[data-theme="light"] .stat-item strong {
    color: #1a1a2e !important;
}

[data-theme="light"] .trend-indicator.positive {
    background: rgba(16, 185, 129, 0.08) !important;
    color: #10b981 !important;
}


/* ------------------------------------
   SUMMARY CARDS
------------------------------------ */
[data-theme="light"] .summary-card {
    background: #ffffff !important;
    backdrop-filter: none !important;
    border: 1px solid #e9ecef !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .summary-card:hover {
    background: #f8f9fa !important;
    border-color: rgba(74, 107, 255, 0.3) !important;
}

[data-theme="light"] .summary-icon {
    background: #f0f2f5 !important;
}

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

[data-theme="light"] .summary-value {
    color: #1a1a2e !important;
}

[data-theme="light"] .summary-label {
    color: #888 !important;
}


/* ------------------------------------
   CHART.JS CUSTOMIZATION (Warna teks chart di light mode)
------------------------------------ */
[data-theme="light"] canvas {
    filter: brightness(0.95);
}

/* ------------------------------------
   PRICING SECTION
------------------------------------ */
[data-theme="light"] .pricing-section {
    background: #ffffff !important;
    backdrop-filter: none !important;
}

[data-theme="light"] .pricing-section::before,
[data-theme="light"] .pricing-section::after {
    display: none !important;
}

[data-theme="light"] .billing-label {
    color: #777 !important;
}

[data-theme="light"] .billing-label.active {
    color: #1a1a2e !important;
}

[data-theme="light"] .toggle-slider {
    background: #e9ecef !important;
    border-color: #ddd !important;
}

[data-theme="light"] .pricing-card-inner {
    background: #ffffff !important;
    backdrop-filter: none !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .pricing-card-inner:hover {
    background: #f8f9fa !important;
}

[data-theme="light"] .popular-badge-modern {
    background: linear-gradient(135deg, var(--primary-color), var(--purple)) !important;
    color: white !important;
}

[data-theme="light"] .plan-icon {
    background: #f0f2f5 !important;
    color: var(--primary-color) !important;
}

[data-theme="light"] .plan-icon.featured {
    background: linear-gradient(135deg, var(--primary-color), var(--purple)) !important;
    color: white !important;
}

[data-theme="light"] .pricing-card-inner:hover .plan-icon:not(.featured) {
    background: linear-gradient(135deg, var(--primary-color), var(--purple)) !important;
    color: white !important;
}

[data-theme="light"] .plan-name {
    color: #1a1a2e !important;
}

[data-theme="light"] .plan-description {
    color: #666 !important;
}

[data-theme="light"] .price-monthly .amount,
[data-theme="light"] .price-yearly .amount {
    color: #1a1a2e !important;
}

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

[data-theme="light"] .pricing-features-modern h4 {
    color: #1a1a2e !important;
}

[data-theme="light"] .pricing-features-modern li {
    color: #444 !important;
}

[data-theme="light"] .pricing-features-modern li strong {
    color: #1a1a2e !important;
}

[data-theme="light"] .pricing-features-modern li span {
    color: #888 !important;
}

[data-theme="light"] .guarantee-badge {
    color: #888 !important;
}

[data-theme="light"] .custom-solution-card {
    background: #ffffff !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .custom-text h3 {
    color: #1a1a2e !important;
}

[data-theme="light"] .custom-text p {
    color: #666 !important;
}

[data-theme="light"] .trust-item {
    color: #777 !important;
}

[data-theme="light"] .trust-item i {
    color: var(--primary-color) !important;
}


/* ------------------------------------
   TEAM SECTION
------------------------------------ */
[data-theme="light"] .team-section {
    background: #ffffff !important;
    backdrop-filter: none !important;
}

[data-theme="light"] .team-section::before,
[data-theme="light"] .team-section::after {
    display: none !important;
}

[data-theme="light"] .team-card-inner {
    background: #ffffff !important;
    backdrop-filter: none !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .team-card-inner:hover {
    background: #f8f9fa !important;
}

[data-theme="light"] .member-name {
    color: #1a1a2e !important;
}

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

[data-theme="light"] .skill-pill {
    background: #f0f2f5 !important;
    border-color: #e0e0e0 !important;
    color: var(--primary-color) !important;
}

[data-theme="light"] .member-bio {
    color: #555 !important;
}

[data-theme="light"] .exp-value {
    color: #1a1a2e !important;
}

[data-theme="light"] .exp-label {
    color: #888 !important;
}

[data-theme="light"] .social-link {
    background: #f0f2f5 !important;
    border-color: #e0e0e0 !important;
    color: #1a1a2e !important;
}

[data-theme="light"] .social-link:hover {
    background: var(--primary-color) !important;
    color: white !important;
}

[data-theme="light"] .expertise-badge {
    background: var(--primary-color) !important;
    color: white !important;
}


/* ------------------------------------
   TESTIMONIALS SECTION
------------------------------------ */
[data-theme="light"] .testimonials-wrapper {
    background: #ffffff !important;
    backdrop-filter: none !important;
}

[data-theme="light"] .testimonial-card-inner {
    background: #ffffff !important;
    backdrop-filter: none !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .testimonial-card-inner:hover {
    background: #f8f9fa !important;
}

[data-theme="light"] .quote-icon {
    color: rgba(74, 107, 255, 0.08) !important;
}

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

[data-theme="light"] .author-name {
    color: #1a1a2e !important;
}

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

[data-theme="light"] .author-company-badge {
    background: #f0f2f5 !important;
    border-color: #e0e0e0 !important;
    color: var(--primary-color) !important;
}


/* ------------------------------------
   GALLERY SECTION
------------------------------------ */
[data-theme="light"] .gallery-section {
    background: #ffffff !important;
    backdrop-filter: none !important;
}

[data-theme="light"] .gallery-filter-modern {
    background: #f8f9fa !important;
    border-color: #e9ecef !important;
}

[data-theme="light"] .filter-btn {
    color: #666 !important;
}

[data-theme="light"] .filter-btn:hover:not(.active) {
    background: rgba(74, 107, 255, 0.08) !important;
    color: var(--primary-color) !important;
}

[data-theme="light"] .filter-btn.active {
    color: white !important;
}

[data-theme="light"] .filter-btn.active::before {
    background: linear-gradient(135deg, var(--primary-color), var(--purple)) !important;
    opacity: 1 !important;
}

[data-theme="light"] .gallery-card-modern {
    background: #ffffff !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .gallery-card-modern:hover {
    background: #f8f9fa !important;
}

[data-theme="light"] .gallery-title {
    color: #1a1a2e !important;
}

[data-theme="light"] .gallery-desc {
    color: #666 !important;
}

[data-theme="light"] .gallery-card-footer {
    background: #f8f9fa !important;
    border-top-color: #e9ecef !important;
}

[data-theme="light"] .footer-stats {
    color: #888 !important;
}

[data-theme="light"] .gallery-overlay-modern {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.3) 100%) !important;
}

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

[data-theme="light"] .gallery-link:hover {
    color: #1a1a2e !important;
}

[data-theme="light"] .category-badge {
    background: rgba(74, 107, 255, 0.1) !important;
    border-color: rgba(74, 107, 255, 0.2) !important;
    color: var(--primary-color) !important;
}


/* ------------------------------------
   BLOG SECTION
------------------------------------ */
[data-theme="light"] .blog-section {
    background: #ffffff !important;
    backdrop-filter: none !important;
}

[data-theme="light"] .featured-post-card {
    background: #ffffff !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .featured-post-title {
    color: #1a1a2e !important;
}

[data-theme="light"] .featured-post-excerpt {
    color: #555 !important;
}

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

[data-theme="light"] .post-date,
[data-theme="light"] .post-author {
    color: #888 !important;
}

[data-theme="light"] .blog-card-inner {
    background: #ffffff !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .blog-card-inner:hover {
    background: #f8f9fa !important;
}

[data-theme="light"] .blog-card-title {
    color: #1a1a2e !important;
}

[data-theme="light"] .blog-card-excerpt {
    color: #555 !important;
}

[data-theme="light"] .blog-meta {
    color: #888 !important;
}

[data-theme="light"] .blog-tags .tag {
    background: #f0f2f5 !important;
    color: var(--primary-color) !important;
}

[data-theme="light"] .blog-read-more {
    color: var(--primary-color) !important;
}

[data-theme="light"] .blog-read-more:hover {
    color: #1a1a2e !important;
}

[data-theme="light"] .sidebar-widget-modern {
    background: #ffffff !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .widget-title-modern {
    color: #1a1a2e !important;
    border-bottom-color: #e9ecef !important;
}

[data-theme="light"] .sidebar-search input {
    background: #f8f9fa !important;
    border-color: #e0e0e0 !important;
    color: #1a1a2e !important;
}

[data-theme="light"] .sidebar-search button {
    background: linear-gradient(135deg, var(--primary-color), var(--purple)) !important;
    color: white !important;
}

[data-theme="light"] .latest-post-info h4 {
    color: #1a1a2e !important;
}

[data-theme="light"] .latest-post-date {
    color: #888 !important;
}

[data-theme="light"] .category-item {
    background: #f8f9fa !important;
    color: #1a1a2e !important;
}

[data-theme="light"] .category-item:hover {
    background: #f0f2f5 !important;
}

[data-theme="light"] .category-count {
    background: rgba(74, 107, 255, 0.1) !important;
    color: var(--primary-color) !important;
}

[data-theme="light"] .tag-modern {
    background: #f0f2f5 !important;
    border-color: #e0e0e0 !important;
    color: var(--primary-color) !important;
}

[data-theme="light"] .page-link-modern {
    background: #ffffff !important;
    border-color: #e0e0e0 !important;
    color: #555 !important;
}

[data-theme="light"] .page-link-modern.active {
    background: linear-gradient(135deg, var(--primary-color), var(--purple)) !important;
    color: white !important;
}


/* ------------------------------------
   CONTACT SECTION
------------------------------------ */
[data-theme="light"] .contact-section {
    background: transparent !important;
}

[data-theme="light"] .contact-form-card {
    background: #ffffff !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .form-title {
    color: #1a1a2e !important;
}

[data-theme="light"] .form-subtitle {
    color: #666 !important;
}

[data-theme="light"] .form-label {
    color: #1a1a2e !important;
}

[data-theme="light"] .form-control {
    background: #f8f9fa !important;
    border: 1px solid #e0e0e0 !important;
    color: #1a1a2e !important;
}

[data-theme="light"] .form-control::placeholder {
    color: #aaa !important;
}

[data-theme="light"] .quick-contact-card {
    background: #ffffff !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .quick-contact-title {
    color: #1a1a2e !important;
}

[data-theme="light"] .quick-contact-text {
    color: #666 !important;
}

[data-theme="light"] .contact-method-item {
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .contact-method-item:hover {
    background: rgba(74, 107, 255, 0.05) !important;
}

[data-theme="light"] .method-icon {
    background: #ffffff !important;
    color: var(--primary-color) !important;
}

[data-theme="light"] .method-label {
    color: #888 !important;
}

[data-theme="light"] .method-value {
    color: #1a1a2e !important;
}

[data-theme="light"] .office-location-card {
    background: #ffffff !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .office-title {
    color: #1a1a2e !important;
}

[data-theme="light"] .office-address {
    background: #f8f9fa !important;
}

[data-theme="light"] .address-icon {
    background: #f0f2f5 !important;
    color: var(--primary-color) !important;
}

[data-theme="light"] .address-details h4 {
    color: #1a1a2e !important;
}


/* ------------------------------------
   FULL WIDTH MAP SECTION
------------------------------------ */
[data-theme="light"] .fullwidth-map-section {
    background: #ffffff !important;
}

[data-theme="light"] .map-info-content {
    background: #ffffff !important;
    border: 1px solid #e9ecef !important;
}

[data-theme="light"] .map-info-text h4 {
    color: #1a1a2e !important;
}

[data-theme="light"] .map-info-text p {
    color: #666 !important;
}


/* ------------------------------------
   FOOTER SECTION
------------------------------------ */
[data-theme="light"] .footer {
    background: #f8f9fa !important;
    border-top: 1px solid #e9ecef !important;
}

[data-theme="light"] .footer-brand {
    color: #1a1a2e !important;
}

[data-theme="light"] .footer-about p {
    color: #555 !important;
}

[data-theme="light"] .footer-links h5 {
    color: #1a1a2e !important;
}

[data-theme="light"] .footer-links a {
    color: #555 !important;
}

[data-theme="light"] .footer-links a:hover {
    color: var(--primary-color) !important;
}

[data-theme="light"] .footer-contact h5 {
    color: #1a1a2e !important;
}

[data-theme="light"] .footer-contact li {
    color: #555 !important;
}

[data-theme="light"] .footer-contact i {
    color: var(--primary-color) !important;
}

[data-theme="light"] .subscribe-form .form-control {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    color: #1a1a2e !important;
}

[data-theme="light"] .copyright {
    color: #777 !important;
}

[data-theme="light"] .footer-bottom-links a {
    color: #777 !important;
}

[data-theme="light"] .footer-bottom-links a:hover {
    color: var(--primary-color) !important;
}


/* ------------------------------------
   PRELOADER
------------------------------------ */
[data-theme="light"] .preloader {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
}

[data-theme="light"] .loader-text {
    background: linear-gradient(135deg, var(--primary-color), var(--purple)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}


/* ------------------------------------
   THEME TOGGLE BUTTON
------------------------------------ */
[data-theme="light"] .theme-icon-light {
    display: block !important;
}

[data-theme="light"] .theme-icon-dark {
    display: none !important;
}

[data-theme="light"] .theme-toggle-btn {
    background: #f0f2f5 !important;
    border-color: #e0e0e0 !important;
}

[data-theme="light"] .theme-toggle-btn i {
    color: #1a1a2e !important;
}

[data-theme="light"] .theme-toggle-btn:hover {
    background: var(--primary-color) !important;
}

[data-theme="light"] .theme-toggle-btn:hover i {
    color: white !important;
}


/* ------------------------------------
   PROGRESS BARS & METRICS
------------------------------------ */
[data-theme="light"] .progress-bar {
    background: linear-gradient(90deg, var(--primary-color), var(--purple)) !important;
}

[data-theme="light"] .metric-bar,
[data-theme="light"] .stat-progress {
    background: #e9ecef !important;
}


/* ------------------------------------
   CARD GLOWS (reduce opacity)
------------------------------------ */
[data-theme="light"] .card-glow,
[data-theme="light"] .pricing-card-glow,
[data-theme="light"] .service-card-glow,
[data-theme="light"] .team-card-glow,
[data-theme="light"] .gallery-card-glow {
    opacity: 0.08 !important;
}


/* ------------------------------------
   ISOTOPE GALLERY TRANSITION
------------------------------------ */
[data-theme="light"] .gallery-item {
    transition: all 0.4s ease;
}