/* Dark Mode Styles - Invert Black/White, Keep Purple */
.dark-mode {
  background-color: #0a0a0a !important;
}

.dark-mode body {
  background-color: #0a0a0a !important;
  color: #ffffff !important;
}

/* Hero Section */
.dark-mode .aximo-hero-section2 {
  background-color: #0f0f0f !important;
}

.dark-mode .aximo-hero-content2 h1,
.dark-mode .aximo-hero-content2 p,
.dark-mode .aximo-hero-content2 div {
  color: #ffffff !important;
}

/* ARB MARKETING text - BLACK in light mode, WHITE in dark mode */
.aximo-hero-content2 > div > div {
  color: #000000 !important;
}

.dark-mode .aximo-hero-content2 > div > div {
  color: #ffffff !important;
}

/* Mobile-specific hero text fix - force white in dark mode */
@media (max-width: 768px) {
  .dark-mode .aximo-hero-content2 *,
  .dark-mode .aximo-hero-content2 div,
  .dark-mode .aximo-hero-content2 h1,
  .dark-mode .aximo-hero-content2 p {
    color: #ffffff !important;
  }
  
  /* Force ARB MARKETING white on mobile dark mode */
  .dark-mode .aximo-hero-content2 > div > div {
    color: #ffffff !important;
  }
}

/* Hamburger menu - White in Dark Mode, Black in Light Mode */
.mobile-hamburger span {
  background-color: #000000;
}

.dark-mode .mobile-hamburger span {
  background-color: #ffffff !important;
}

.dark-mode .mobile-hamburger {
  border-color: #ffffff;
}

/* Headers and Text */
.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6 {
  color: #ffffff !important;
}

.dark-mode p, .dark-mode span, .dark-mode li, .dark-mode a {
  color: #e0e0e0 !important;
}

/* Header */
.dark-mode .site-header {
  background-color: rgba(15, 15, 15, 0.95) !important;
  border-bottom: 1px solid #333;
}

.dark-mode .site-header a {
  color: #ffffff !important;
}

.dark-mode .nav-link-item {
  color: #ffffff !important;
}

/* ARB Logo - Invert to White in Dark Mode */
.dark-mode .brand-logo img,
.dark-mode .light-version-logo {
  filter: invert(1) brightness(2) !important;
}

/* Buttons - Keep Black Button Black with White Border in Dark Mode */
.dark-mode .aximo-default-btn:not(.aximo-default-btn-outline) {
  background-color: #000000 !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
}

/* Hero black button - white border */
.dark-mode .aximo-hero-btn-wrap .aximo-default-btn:not(.aximo-default-btn-outline) {
  border: 2px solid #ffffff !important;
}

.dark-mode .aximo-default-btn-outline,
.dark-mode .aximo-header-btn.outline-btn {
  border-color: #ffffff !important;
  color: #ffffff !important;
  background-color: transparent !important;
}

.dark-mode .aximo-header-btn.outline-btn .aximo-label-up {
  color: #ffffff !important;
}

/* Pricing Cards - White becomes Dark */
.dark-mode .aximo-pricing-wrap {
  background-color: #1a1a1a !important;
  border: 1px solid #333 !important;
}

.dark-mode .aximo-pricing-header h3,
.dark-mode .aximo-pricing-price h2,
.dark-mode .aximo-pricing-body li {
  color: #ffffff !important;
}

/* Icon Boxes */
.dark-mode .aximo-iconbox-wrap2 {
  background-color: #1a1a1a !important;
  border: 1px solid #333 !important;
}

.dark-mode .aximo-iconbox-data2 h3,
.dark-mode .aximo-iconbox-data2 p {
  color: #ffffff !important;
}

/* Sections - White becomes Black */
.dark-mode .section {
  background-color: #0a0a0a !important;
}

.dark-mode .aximo-section-padding,
.dark-mode .aximo-section-padding3 {
  background-color: #0a0a0a !important;
}

/* CTA Sections - Keep purple but darker */
.dark-mode .aximo-cta-section {
  background: linear-gradient(135deg, #2a1f3d 0%, #1a1a1a 50%, #2a1f3d 100%) !important;
}

.dark-mode .aximo-cta-section h3,
.dark-mode .aximo-cta-section p {
  color: #ffffff !important;
}

.dark-mode .aximo-cta-referrals {
  background-color: #4a3a5c !important;
}

/* Solutions Section - Black becomes White bg */
.dark-mode .aximo-service-increase-row {
  background-color: #1a1a1a !important;
  border-bottom: 1px solid #333 !important;
}

.dark-mode .aximo-service-increase-row:hover {
  background-color: #222222 !important;
}

.dark-mode .aximo-service-increase-title h3,
.dark-mode .aximo-service-increase-body p {
  color: #ffffff !important;
}

/* About Section */
.dark-mode .aximo-about-section.bg-dark {
  background-color: #0f0f0f !important;
}

.dark-mode .aximo-default-content h2,
.dark-mode .aximo-default-content p {
  color: #ffffff !important;
}

/* Counter Stats - Keep Purple in Dark Mode */
.dark-mode .aximo-counter-data2 h2,
.dark-mode .aximo-counter-data2 h2 *,
.dark-mode .aximo-counter-data2 span,
.dark-mode .aximo-counter,
.dark-mode .aximo-counter-number,
.dark-mode .aximo-counter-number *,
.dark-mode .aximo-counter-wrap .aximo-counter-number,
.dark-mode .aximo-counter-wrap .aximo-counter-number *,
.dark-mode span[data-percentage] {
  color: #C8B6E2 !important;
}

.dark-mode .aximo-counter-data2 p,
.dark-mode .aximo-counter-data p {
  color: #ffffff !important;
}

.dark-mode .aximo-counter-wrap2,
.dark-mode .aximo-counter-wrap {
  background-color: transparent !important;
}

/* Footer */
.dark-mode .aximo-footer-section2 {
  background-color: #0f0f0f !important;
}

.dark-mode .aximo-footer-textarea p,
.dark-mode .aximo-footer-menu a,
.dark-mode .aximo-copywright p {
  color: #e0e0e0 !important;
}

.dark-mode .aximo-footer-title p {
  color: #ffffff !important;
}

/* Forms */
.dark-mode input,
.dark-mode textarea,
.dark-mode select {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border-color: #333 !important;
}

.dark-mode input::placeholder {
  color: #888 !important;
}

.dark-mode .custom-dropdown-selected {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border-color: #333 !important;
}

.dark-mode .custom-dropdown-options {
  background-color: #1a1a1a !important;
  border-color: #333 !important;
}

.dark-mode .custom-dropdown-option {
  color: #ffffff !important;
}

.dark-mode .custom-dropdown-option:hover {
  background-color: #2a2a2a !important;
}

.dark-mode .aximo-subscription input {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border-color: #333 !important;
}

/* Hyperspeed Background - Pure Black with Purple Lines in Dark Mode */
.dark-mode .aximo-hero-section2 {
  background-color: #000000 !important;
}

.dark-mode .aximo-hero-section2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000 !important;
  z-index: 0 !important;
}

.dark-mode .particles-bg,
.dark-mode .particles-bg canvas,
.dark-mode .loading-hyperspeed canvas {
  background-color: #000000 !important;
  filter: none !important;
  opacity: 1 !important;
}

.dark-mode #app-loading-screen,
.dark-mode .PageLoader,
.dark-mode .PageLoader > div {
  background-color: #000000 !important;
}

.dark-mode .custom-cursor {
  background-color: #C8B6E2 !important;
}

/* Hire Us button - White ONLY in dark mode - NUCLEAR OPTION */
.dark-mode .hire-us-header-btn,
.dark-mode .hire-us-header-btn *,
.dark-mode .hire-us-text {
  color: #ffffff !important;
}

.dark-mode .hire-us-header-btn {
  border-color: #ffffff !important;
}

/* Icons - White in Dark Mode - AGGRESSIVE */
.dark-mode .aximo-iconbox-icon,
.dark-mode .aximo-iconbox-icon *,
.dark-mode .aximo-iconbox-icon i,
.dark-mode .aximo-iconbox-icon2,
.dark-mode .aximo-iconbox-icon2 *,
.dark-mode .aximo-iconbox-icon2 img,
.dark-mode .aximo-iconbox-icon2 svg,
.dark-mode .aximo-iconbox-wrap2 .aximo-iconbox-icon2 img {
  color: #ffffff !important;
  filter: brightness(0) invert(1) !important;
}

/* Mobile-specific icon fix - White in dark mode, black in light mode */
@media (max-width: 768px) {
  .aximo-iconbox-icon2 img {
    filter: none;
  }
  
  .dark-mode .aximo-iconbox-icon2 img {
    filter: brightness(0) invert(1) !important;
  }
}

/* Pricing Card Icons - White */
.dark-mode .aximo-pricing-header img {
  filter: brightness(0) invert(1) !important;
}

/* Button Text in Dark Mode */
.dark-mode .aximo-default-btn .aximo-label-up {
  color: #ffffff !important;
}

.dark-mode .aximo-cta-primary-btn .aximo-label-up,
.dark-mode .aximo-pricing-btn .aximo-label-up {
  color: #ffffff !important;
}

/* Service Cards */
.dark-mode .aximo-iconbox-wrap {
  background-color: #1a1a1a !important;
  border-color: #9333EA !important;
}

.dark-mode .aximo-iconbox-wrap:hover,
.dark-mode .service-card-hover:hover {
  background-color: #2a2050 !important;
}

.dark-mode .aximo-iconbox-data h3,
.dark-mode .aximo-iconbox-data p {
  color: #ffffff !important;
}

/* Accordion/FAQ */
.dark-mode .process-accordion-item,
.dark-mode .faq-item {
  background-color: #1a1a1a !important;
  border-color: #9333EA !important;
}

.dark-mode .process-accordion-item:hover,
.dark-mode .faq-item:hover,
.dark-mode .process-accordion-item.open {
  background-color: #2a2050 !important;
}

.dark-mode .aximo-accordion-header h3,
.dark-mode .aximo-accordion-body p,
.dark-mode .faq-item h3,
.dark-mode .faq-item p {
  color: #ffffff !important;
}

.dark-mode .aximo-accordion-icon i {
  color: #C8B6E2 !important;
}

/* Section Titles */
.dark-mode .aximo-section-title h2,
.dark-mode .aximo-section-title p {
  color: #ffffff !important;
}

/* All Headings - White */
.dark-mode h1, .dark-mode h2, .dark-mode h3 {
  color: #ffffff !important;
}

/* Most Text - Light Gray */
.dark-mode p, .dark-mode li {
  color: #e0e0e0 !important;
}

/* Don't change counter spans - keep purple */
.dark-mode span:not(.aximo-counter):not(.aximo-counter-number span) {
  color: #e0e0e0 !important;
}

/* Images - Don't invert */
.dark-mode img {
  filter: none !important;
}

/* Loading Screen */
.dark-mode #app-loading-screen,
.dark-mode .loading-screen {
  background-color: #0a0a0a !important;
}

/* Loading Screen Marketing Text - Black in light, White in dark */
.loading-marketing-text {
  color: #000000;
}

.dark-mode .loading-marketing-text {
  color: #ffffff !important;
}

/* Schedule Free Consultation Button - White border in dark mode */
.dark-mode .aximo-hero-btn-wrap a:first-child {
  border: 2px solid #ffffff !important;
}

/* Contact Info Boxes */
.dark-mode .aximo-contact-info-box {
  background-color: #1a1a1a !important;
  border: 1px solid #333 !important;
}

.dark-mode .aximo-contact-info-data span,
.dark-mode .aximo-contact-info-data p {
  color: #ffffff !important;
}