/* ZhouTech Color Scheme Override */
:root {
  /* Primary Colors */
  --zhoutech-primary-red: #E30613;
  --zhoutech-dark-blue: #0A2540;
  --zhoutech-bright-blue: #4BC6F0;
  
  /* Secondary/Cube Colors */
  --zhoutech-light-cyan: #A1E8E8;
  --zhoutech-medium-teal: #4ECDC4;
  --zhoutech-medium-blue: #2A9EDB;
  --zhoutech-deep-blue: #1E5A9E;
  
  /* Neutrals */
  --zhoutech-white: #FFFFFF;
  --zhoutech-light-bg: #F8F9FA;
  --zhoutech-dark-text: #0A2540;
  --zhoutech-gray-text: #1F2A44;
}

/* Primary Color Overrides */
.bg-primary-50 {
  background-color: rgba(227, 6, 19, 0.05) !important;
}

.bg-primary-100 {
  background-color: rgba(227, 6, 19, 0.1) !important;
}

.bg-primary-600 {
  background-color: #E30613 !important;
}

.bg-primary-700 {
  background-color: #C00510 !important;
}

.text-primary-300 {
  color: #FF6B75 !important;
}

.text-primary-400 {
  color: #4BC6F0 !important;
}

.text-primary-500 {
  color: #E30613 !important;
}

.text-primary-600 {
  color: #E30613 !important;
}

.text-primary-700 {
  color: #C00510 !important;
}

.border-primary-200 {
  border-color: rgba(227, 6, 19, 0.2) !important;
}

.border-primary-500 {
  border-color: #E30613 !important;
}

.border-primary-600 {
  border-color: #E30613 !important;
}

.border-primary-800 {
  border-color: #0A2540 !important;
}

.ring-primary-500 {
  --tw-ring-color: #E30613 !important;
}

.shadow-primary-600\/25 {
  --tw-shadow-color: rgba(227, 6, 19, 0.25) !important;
}

.shadow-primary-600\/30 {
  --tw-shadow-color: rgba(227, 6, 19, 0.3) !important;
}

.hover\:bg-primary-700:hover {
  background-color: #C00510 !important;
}

.hover\:shadow-primary-600\/30:hover {
  --tw-shadow-color: rgba(227, 6, 19, 0.3) !important;
}

.focus\:border-primary-500:focus {
  border-color: #E30613 !important;
}

.focus\:ring-primary-500:focus {
  --tw-ring-color: #E30613 !important;
}

.focus\:ring-primary-500\/20:focus {
  --tw-ring-color: rgba(227, 6, 19, 0.2) !important;
}

/* Dark mode overrides */
.dark .dark\:bg-primary-900\/50 {
  background-color: rgba(10, 37, 64, 0.5) !important;
}

.dark .dark\:bg-primary-900\/30 {
  background-color: rgba(10, 37, 64, 0.3) !important;
}

.dark .dark\:text-primary-300 {
  color: #4BC6F0 !important;
}

.dark .dark\:text-primary-400 {
  color: #4BC6F0 !important;
}

.dark .dark\:border-primary-800 {
  border-color: #0A2540 !important;
}

.dark .dark\:border-t-primary-400 {
  border-top-color: #4BC6F0 !important;
}

/* Gradient backgrounds */
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, rgba(227, 6, 19, 0.05), white) !important;
}

.dark .bg-gradient-to-b {
  background-image: linear-gradient(to bottom, rgba(10, 37, 64, 1), rgba(10, 37, 64, 0.95)) !important;
}

/* Accent colors for depth */
.bg-primary-200\/50 {
  background-color: rgba(227, 6, 19, 0.15) !important;
}

.dark .dark\:bg-primary-900\/30 {
  background-color: rgba(10, 37, 64, 0.3) !important;
}

.bg-accent-200\/30 {
  background-color: rgba(75, 198, 240, 0.3) !important;
}

.dark .dark\:bg-accent-900\/20 {
  background-color: rgba(30, 90, 158, 0.2) !important;
}

/* Additional accent elements */
.text-primary-700 {
  color: #0A2540 !important;
}

.dark .dark\:text-primary-300 {
  color: #4BC6F0 !important;
}

/* Scroll progress bar */
#scroll-progress {
  background-color: #E30613 !important;
}

/* Focus ring colors */
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) #E30613;
}

/* Hero section badge */
.border-primary-200 {
  border-color: rgba(227, 6, 19, 0.2) !important;
}

.bg-primary-50 {
  background-color: rgba(227, 6, 19, 0.05) !important;
}

/* Links and interactive elements */
a.text-primary-600 {
  color: #4BC6F0 !important;
}

a.text-primary-600:hover {
  color: #2A9EDB !important;
}

/* Stats counter colors */
[data-counter] {
  color: #E30613 !important;
}

.dark [data-counter] {
  color: #4BC6F0 !important;
}

/* Preloader spinner */
.border-t-primary-600 {
  border-top-color: #E30613 !important;
}

.dark .dark\:border-t-primary-400 {
  border-top-color: #4BC6F0 !important;
}

/* Environmental counters */
[data-env-counter] {
  color: #E30613 !important;
}

.dark [data-env-counter] {
  color: #4BC6F0 !important;
}

/* Badge floating animation */
.bg-primary-400 {
  background-color: #E30613 !important;
}

.bg-primary-500 {
  background-color: #E30613 !important;
}

/* Icon colors */
.text-primary-600 svg,
.dark .dark\:text-primary-400 svg {
  color: currentColor !important;
}

/* Service icons */
.bg-primary-100.text-primary-600 {
  background-color: rgba(227, 6, 19, 0.1) !important;
  color: #E30613 !important;
}

.dark .dark\:bg-primary-900\/50.dark\:text-primary-400 {
  background-color: rgba(10, 37, 64, 0.5) !important;
  color: #4BC6F0 !important;
}

/* Footer social icons and links */
.hover\:text-primary-400:hover {
  color: #4BC6F0 !important;
}

/* Active navigation states */
.text-primary-600[data-active="true"] {
  color: #E30613 !important;
}

/* Form focus states */
input:focus,
select:focus,
textarea:focus {
  border-color: #E30613 !important;
}

.dark input:focus,
.dark select:focus,
.dark textarea:focus {
  border-color: #4BC6F0 !important;
}

/* Hero background gradient enhancement */
.from-primary-50 {
  --tw-gradient-from: rgba(227, 6, 19, 0.05) !important;
}

.dark .dark\:from-gray-900 {
  --tw-gradient-from: #0A2540 !important;
}

.dark .dark\:to-gray-950 {
  --tw-gradient-to: #0A2540 !important;
}

/* Mobile CTA bar */
.bg-primary-600.hover\:bg-primary-700 {
  background-color: #E30613 !important;
}

.bg-primary-600.hover\:bg-primary-700:hover {
  background-color: #C00510 !important;
}

/* Cookie consent buttons */
button[data-cookie-accept] {
  background-color: #E30613 !important;
}

button[data-cookie-accept]:hover {
  background-color: #C00510 !important;
}

/* Logo padding in header */
header img[alt="PriGadgets"] {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Hide unwanted service cards */
#services .lg\:grid-cols-3 > div:nth-child(7),
#services .lg\:grid-cols-3 > div:nth-child(8),
#services .lg\:grid-cols-3 > div:nth-child(9) {
  display: none !important;
}

/* Hide the entire Products section (e-waste equipment) */
#products {
  display: none !important;
}

/* Hide old e-waste footer service links */
footer li:has(a[href*="residential"]),
footer li:has(a[href*="commercial"]),
footer li:has(a[href*="battery"]) {
  display: none !important;
}

/* Make service cards clickable */
#services .group {
  cursor: pointer;
  text-decoration: none;
  display: block;
}

#services .group:hover h3 {
  color: #E30613 !important;
}

/* Add link styling to service cards */
a.service-card-link {
  text-decoration: none;
  color: inherit;
  display: block;
}

/* Hide Resources footer links (contains solar/e-waste links) */
footer li:has(a[href*="incentives"]) {
  display: none !important;
}

/* Hide Products and Pricing links in Company section */
footer li:has(a[href="products/index.php"]),
footer li:has(a[href="pricing/index.php"]) {
  display: none !important;
}

/* Hide Environmental Impact section (not relevant to security business) */
#impact {
  display: none !important;
}

/* Hide other e-waste related sections */
#testimonials,
#partners,
#faq {
  display: none !important;
}

/* Header responsive fallback for service pages */
.site-desktop-nav {
  display: none;
}

.site-mobile-toggle {
  display: inline-flex;
}

@media (min-width: 768px) {
  .site-desktop-nav {
    display: flex !important;
  }

  .site-mobile-toggle {
    display: none !important;
  }

  .site-mobile-menu {
    display: none !important;
  }
}