/* ==========================================================================
   Light Theme Overrides
   Comprehensive light theme implementation for all pages
   ========================================================================== */

/* Global light theme variables */
:root {
  --light-primary: #ffffff;
  --light-secondary: #f8f9fa;
  --light-tertiary: #e9ecef;
  --light-quaternary: #dee2e6;
  --light-text-primary: #212529;
  --light-text-secondary: #495057;
  --light-text-tertiary: #6c757d;
  --light-accent: #007bff;
  --light-accent-hover: #0056b3;
  --light-border: #dee2e6;
  --light-shadow: rgba(0, 0, 0, 0.1);
  --light-shadow-hover: rgba(0, 0, 0, 0.15);
}



/* Override all dark backgrounds with light ones */
*[style*="background-color: #000"],
*[style*="background: #000"],
*[style*="background-color:#000"],
*[style*="background:#000"],
*[style*="background-color: #032030"],
*[style*="background: #032030"],
*[style*="background-color: #0d3044"],
*[style*="background: #0d3044"],
*[style*="background-color: #05121a"],
*[style*="background: #05121a"],
*[style*="background-color: #113f5a"],
*[style*="background: #113f5a"],
*[style*="background-color: #32373c"],
*[style*="background: #32373c"] {
  background: var(--light-secondary) !important;
  color: var(--light-text-primary) !important;
}

/* Override Elementor dark backgrounds */
.elementor-element[style*="background-color: #000"],
.elementor-element[style*="background: #000"],
.elementor-element[style*="background-color:#000"],
.elementor-element[style*="background:#000"],
.elementor-element[style*="background-color: #032030"],
.elementor-element[style*="background: #032030"],
.elementor-element[style*="background-color: #0d3044"],
.elementor-element[style*="background: #0d3044"],
.elementor-element[style*="background-color: #05121a"],
.elementor-element[style*="background: #05121a"],
.elementor-element[style*="background-color: #113f5a"],
.elementor-element[style*="background: #113f5a"],
.elementor-element[style*="background-color: #32373c"],
.elementor-element[style*="background: #32373c"] {
  background: var(--light-secondary) !important;
  color: var(--light-text-primary) !important;
}

/* Override containers */
.elementor-container[style*="background-color: #000"],
.elementor-container[style*="background: #000"],
.elementor-container[style*="background-color:#000"],
.elementor-container[style*="background:#000"],
.elementor-container[style*="background-color: #032030"],
.elementor-container[style*="background: #032030"],
.elementor-container[style*="background-color: #0d3044"],
.elementor-container[style*="background: #0d3044"],
.elementor-container[style*="background-color: #05121a"],
.elementor-container[style*="background: #05121a"],
.elementor-container[style*="background-color: #113f5a"],
.elementor-container[style*="background: #113f5a"],
.elementor-container[style*="background-color: #32373c"],
.elementor-container[style*="background: #32373c"] {
  background: var(--light-secondary) !important;
  color: var(--light-text-primary) !important;
}

/* Override widgets */
.elementor-widget[style*="background-color: #000"],
.elementor-widget[style*="background: #000"],
.elementor-widget[style*="background-color:#000"],
.elementor-widget[style*="background:#000"],
.elementor-widget[style*="background-color: #032030"],
.elementor-widget[style*="background: #032030"],
.elementor-widget[style*="background-color: #0d3044"],
.elementor-widget[style*="background: #0d3044"],
.elementor-widget[style*="background-color: #05121a"],
.elementor-widget[style*="background: #05121a"],
.elementor-widget[style*="background-color: #113f5a"],
.elementor-widget[style*="background: #113f5a"],
.elementor-widget[style*="background-color: #32373c"],
.elementor-widget[style*="background: #32373c"] {
  background: var(--light-secondary) !important;
  color: var(--light-text-primary) !important;
}

/* Override sections */
.elementor-section[style*="background-color: #000"],
.elementor-section[style*="background: #000"],
.elementor-section[style*="background-color:#000"],
.elementor-section[style*="background:#000"],
.elementor-section[style*="background-color: #032030"],
.elementor-section[style*="background: #032030"],
.elementor-section[style*="background-color: #0d3044"],
.elementor-section[style*="background: #0d3044"],
.elementor-section[style*="background-color: #05121a"],
.elementor-section[style*="background: #05121a"],
.elementor-section[style*="background-color: #113f5a"],
.elementor-section[style*="background: #113f5a"],
.elementor-section[style*="background-color: #32373c"],
.elementor-section[style*="background: #32373c"] {
  background: var(--light-secondary) !important;
  color: var(--light-text-primary) !important;
}

/* Override columns */
.elementor-column[style*="background-color: #000"],
.elementor-column[style*="background: #000"],
.elementor-column[style*="background-color:#000"],
.elementor-column[style*="background:#000"],
.elementor-column[style*="background-color: #032030"],
.elementor-column[style*="background: #032030"],
.elementor-column[style*="background-color: #0d3044"],
.elementor-column[style*="background: #0d3044"],
.elementor-column[style*="background-color: #05121a"],
.elementor-column[style*="background: #05121a"],
.elementor-column[style*="background-color: #113f5a"],
.elementor-column[style*="background: #113f5a"],
.elementor-column[style*="background-color: #32373c"],
.elementor-column[style*="background: #32373c"] {
  background: var(--light-secondary) !important;
  color: var(--light-text-primary) !important;
}

/* Override buttons (except homepage orange buttons) */
body:not(.home) .elementor-button[style*="background-color: #000"],
body:not(.home) .elementor-button[style*="background: #000"],
body:not(.home) .elementor-button[style*="background-color:#000"],
body:not(.home) .elementor-button[style*="background:#000"],
body:not(.home) .elementor-button[style*="background-color: #032030"],
body:not(.home) .elementor-button[style*="background: #032030"],
body:not(.home) .elementor-button[style*="background-color: #0d3044"],
body:not(.home) .elementor-button[style*="background: #0d3044"],
body:not(.home) .elementor-button[style*="background-color: #05121a"],
body:not(.home) .elementor-button[style*="background: #05121a"],
body:not(.home) .elementor-button[style*="background-color: #113f5a"],
body:not(.home) .elementor-button[style*="background: #113f5a"],
body:not(.home) .elementor-button[style*="background-color: #32373c"],
body:not(.home) .elementor-button[style*="background: #32373c"] {
  background: var(--light-accent) !important;
  color: var(--light-primary) !important;
  border: 1px solid var(--light-accent) !important;
  box-shadow: 0 2px 8px var(--light-shadow) !important;
  transition: all 0.3s ease !important;
}

body:not(.home) .elementor-button[style*="background-color: #000"]:hover,
body:not(.home) .elementor-button[style*="background: #000"]:hover,
body:not(.home) .elementor-button[style*="background-color:#000"]:hover,
body:not(.home) .elementor-button[style*="background:#000"]:hover,
body:not(.home) .elementor-button[style*="background-color: #032030"]:hover,
body:not(.home) .elementor-button[style*="background: #032030"]:hover,
body:not(.home) .elementor-button[style*="background-color: #0d3044"]:hover,
body:not(.home) .elementor-button[style*="background: #0d3044"]:hover,
body:not(.home) .elementor-button[style*="background-color: #05121a"]:hover,
body:not(.home) .elementor-button[style*="background: #05121a"]:hover,
body:not(.home) .elementor-button[style*="background-color: #113f5a"]:hover,
body:not(.home) .elementor-button[style*="background: #113f5a"]:hover,
body:not(.home) .elementor-button[style*="background-color: #32373c"]:hover,
body:not(.home) .elementor-button[style*="background: #32373c"]:hover {
  background: var(--light-accent-hover) !important;
  color: var(--light-primary) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px var(--light-shadow-hover) !important;
}

/* Override text colors */
*[style*="color: #fff"],
*[style*="color: #ffffff"],
*[style*="color:#fff"],
*[style*="color:#ffffff"] {
  color: var(--light-text-primary) !important;
}

/* Override borders */
*[style*="border-color: #000"],
*[style*="border-color:#000"],
*[style*="border-color: #032030"],
*[style*="border-color:#032030"],
*[style*="border-color: #0d3044"],
*[style*="border-color:#0d3044"],
*[style*="border-color: #05121a"],
*[style*="border-color:#05121a"],
*[style*="border-color: #113f5a"],
*[style*="border-color:#113f5a"],
*[style*="border-color: #32373c"],
*[style*="border-color:#32373c"] {
  border-color: var(--light-border) !important;
}

/* Override specific dark colors */
*[style*="#a19e9e"] {
  background: var(--light-tertiary) !important;
  color: var(--light-text-primary) !important;
}

/* Mobile menu burger */
.burger {
  background: var(--light-secondary) !important;
  color: var(--light-text-primary) !important;
}

/* Mobile menu items */
.mobile_menu_container .sub-anchor {
  background: var(--light-secondary) !important;
  color: var(--light-text-primary) !important;
}

.mobile_menu_container .sub-anchor:hover {
  background: var(--light-tertiary) !important;
  color: var(--light-text-primary) !important;
}

.mobile_menu_container .sub-menu a {
  background: var(--light-secondary) !important;
  color: var(--light-text-primary) !important;
}

.mobile_menu_container .sub-menu a:hover {
  background: var(--light-tertiary) !important;
  color: var(--light-text-primary) !important;
}

/* Global body and text styling */
body {
  background-color: var(--light-primary) !important;
  color: var(--light-text-primary) !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: var(--light-text-primary) !important;
}

/* Paragraphs and text */
p, span, div {
  color: #262626;
}

/* Links */
a {
  color: var(--light-accent) !important;
  background: none !important;
  text-decoration: none !important;
}

a:hover {
  color: var(--light-accent-hover) !important;
  background: none !important;
  text-decoration: underline !important;
}

/* Buttons - Remove all backgrounds and add custom hover */
.elementor-button,
button,
.btn,
.wp-block-button__link {
  background: none !important;
  background-color: transparent !important;
  border: 1px solid var(--light-accent) !important;
  color: var(--light-accent) !important;
  padding: 12px 24px !important;
  border-radius: 6px !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
}

.elementor-button:hover,
button:hover,
.btn:hover,
.wp-block-button__link:hover {
  background: var(--light-accent) !important;
  color: var(--light-primary) !important;
  border-color: var(--light-accent) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3) !important;
}

/* Homepage buttons - keep orange gradient */
body.home .elementor-button,
body.home .wp-block-button__link,
body.home button,
body.home .btn {
  background: #fff;
  border: none !important;
  color: white !important;
}

body.home .elementor-button:hover,
body.home .wp-block-button__link:hover,
body.home button:hover,
body.home .btn:hover {
  background: #fff;
border: 1px solid rgba(33, 37, 41, 0.1) !important;;
  color: white !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(255, 107, 53, 0.4) !important;
}

/* Forms */
input, textarea, select {
  background-color: var(--light-primary) !important;
  color: var(--light-text-primary) !important;
  border-color: var(--light-border) !important;
}

input:focus, textarea:focus, select:focus {
  border-color: var(--light-accent) !important;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2) !important;
}

/* Tables */
table {
  background-color: var(--light-primary) !important;
  color: var(--light-text-primary) !important;
}

table th, table td {
  border-color: var(--light-border) !important;
  color: var(--light-text-primary) !important;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--light-secondary);
}

::-webkit-scrollbar-thumb {
  background: var(--light-tertiary);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--light-accent);
}

/* Card-specific overrides */
.modern-feature-card,
.modern-stat-card,
.modern-testimonial-card,
.elementor-widget-counter,
.elementor-widget-icon-box {
  background: var(--light-primary) !important;
  color: var(--light-text-primary) !important;
  border: 1px solid var(--light-border) !important;
  box-shadow: 0 2px 8px var(--light-shadow) !important;
}

.modern-feature-card:hover,
.modern-stat-card:hover,
.modern-testimonial-card:hover,
.elementor-widget-counter:hover,
.elementor-widget-icon-box:hover {
  background: var(--light-secondary) !important;
  color: var(--light-text-primary) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 16px var(--light-shadow-hover) !important;
  transition: all 0.3s ease !important;
}

/* Override any card with dark background */
*[class*="card"][style*="background-color: #000"],
*[class*="card"][style*="background: #000"],
*[class*="card"][style*="background-color:#000"],
*[class*="card"][style*="background:#000"],
*[class*="card"][style*="background-color: #032030"],
*[class*="card"][style*="background: #032030"],
*[class*="card"][style*="background-color: #0d3044"],
*[class*="card"][style*="background: #0d3044"],
*[class*="card"][style*="background-color: #05121a"],
*[class*="card"][style*="background: #05121a"],
*[class*="card"][style*="background-color: #113f5a"],
*[class*="card"][style*="background: #113f5a"],
*[class*="card"][style*="background-color: #32373c"],
*[class*="card"][style*="background: #32373c"] {
  background: var(--light-primary) !important;
  color: var(--light-text-primary) !important;
  border: 1px solid var(--light-border) !important;
  box-shadow: 0 2px 8px var(--light-shadow) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .burger {
    background: var(--light-secondary) !important;
  }
  
  .mobile_menu_container .sub-anchor {
    padding: 12px 20px !important;
  }
  
  .modern-feature-card,
  .modern-stat-card,
  .modern-testimonial-card {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 480px) {
  .mobile_menu_container .sub-anchor {
    padding: 10px 16px !important;
  }
  
  .modern-feature-card,
  .modern-stat-card,
  .modern-testimonial-card {
    padding: 16px !important;
  }
}