/* ==========================================================================
   Global Color Scheme - Light Theme Palette
   Applied to all pages of the website
   ========================================================================== */

/* Global replacement for any black backgrounds */
*[style*="background-color: #000"],
*[style*="background: #000"],
*[style*="background-color:#000"],
*[style*="background:#000"] {
  background: linear-gradient(135deg, #F8F9FA 0%, #E9ECEF 100%) !important;
  color: #212529 !important;
  
}

/* Replace black backgrounds in all Elementor elements */
.elementor-element[style*="background-color: #000"],
.elementor-element[style*="background: #000"],
.elementor-element[style*="background-color:#000"],
.elementor-element[style*="background:#000"] {
  background: linear-gradient(135deg, #F8F9FA 0%, #E9ECEF 100%) !important;
  color: #212529 !important;
}

/* Replace black backgrounds in all containers */
.elementor-container[style*="background-color: #000"],
.elementor-container[style*="background: #000"],
.elementor-container[style*="background-color:#000"],
.elementor-container[style*="background:#000"] {
  background: linear-gradient(135deg, #F8F9FA 0%, #E9ECEF 100%) !important;
  color: #212529 !important;
}

/* Replace black backgrounds in all widgets */
.elementor-widget[style*="background-color: #000"],
.elementor-widget[style*="background: #000"],
.elementor-widget[style*="background-color:#000"],
.elementor-widget[style*="background:#000"] {
  background: linear-gradient(135deg, #F8F9FA 0%, #E9ECEF 100%) !important;
  color: #212529 !important;
}

/* Replace black backgrounds in all widget containers */
.elementor-widget-container[style*="background-color: #000"],
.elementor-widget-container[style*="background: #000"],
.elementor-widget-container[style*="background-color:#000"],
.elementor-widget-container[style*="background:#000"] {
  background: linear-gradient(135deg, #F8F9FA 0%, #E9ECEF 100%) !important;
  color: #212529 !important;
  border: 1px solid rgba(33, 37, 41, 0.1) !important;
  box-shadow: 0 8px 32px rgba(248, 249, 250, 0.3) !important;
}

/* Card-specific styling */
.modern-feature-card,
.modern-stat-card,
.modern-testimonial-card,
.elementor-widget-counter,
.elementor-widget-icon-box {
  background: #ffffff !important;
  color: #212529 !important;
  border: 1px solid rgba(33, 37, 41, 0.1) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  border-radius: 12px !important;
}

.modern-feature-card:hover,
.modern-stat-card:hover,
.modern-testimonial-card:hover,
.elementor-widget-counter:hover,
.elementor-widget-icon-box:hover {
  background: #f8f9fa !important;
  color: #212529 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.3s ease !important;
}

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

body:not(.home) .elementor-button:hover,
body:not(.home) button:hover,
body:not(.home) .btn:hover,
body:not(.home) .wp-block-button__link:hover {
  background: #007bff !important;
  color: white !important;
  border-color: #007bff !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;
}

/* Replace black backgrounds in all icons */
.elementor-icon[style*="background-color: #000"],
.elementor-icon[style*="background: #000"],
.elementor-icon[style*="background-color:#000"],
.elementor-icon[style*="background:#000"] {
  background: linear-gradient(135deg, #F8F9FA 0%, #E9ECEF 100%) !important;
  color: #212529 !important;
  border: 1px solid rgba(33, 37, 41, 0.1) !important;
  box-shadow: 0 4px 16px rgba(248, 249, 250, 0.3) !important;
}

/* Replace black backgrounds in all icon boxes */
.elementor-icon-box[style*="background-color: #000"],
.elementor-icon-box[style*="background: #000"],
.elementor-icon-box[style*="background-color:#000"],
.elementor-icon-box[style*="background:#000"] {
  background: linear-gradient(135deg, #F8F9FA 0%, #E9ECEF 100%) !important;
  color: #212529 !important;
  border: 1px solid rgba(33, 37, 41, 0.1) !important;
  box-shadow: 0 8px 32px rgba(248, 249, 250, 0.3) !important;
}

/* Replace black backgrounds in all tabs */
.zendrop-tab-content[style*="background-color: #000"],
.zendrop-tab-content[style*="background: #000"],
.zendrop-tab-content[style*="background-color:#000"],
.zendrop-tab-content[style*="background:#000"] {
  background: linear-gradient(135deg, #F8F9FA 0%, #E9ECEF 100%) !important;
  color: #212529 !important;
  border: 1px solid rgba(33, 37, 41, 0.1) !important;
}

/* Replace black backgrounds in all motion effects */
.elementor-motion-effects-layer[style*="background-color: #000"],
.elementor-motion-effects-layer[style*="background: #000"],
.elementor-motion-effects-layer[style*="background-color:#000"],
.elementor-motion-effects-layer[style*="background:#000"] {
  background: linear-gradient(135deg, #F8F9FA 0%, #E9ECEF 100%) !important;
  color: #212529 !important;
}

/* Replace black backgrounds in all sections */
.elementor-section[style*="background-color: #000"],
.elementor-section[style*="background: #000"],
.elementor-section[style*="background-color:#000"],
.elementor-section[style*="background:#000"] {
  background: linear-gradient(135deg, #F8F9FA 0%, #E9ECEF 100%) !important;
  color: #212529 !important;
}

/* Replace black backgrounds in all columns */
.elementor-column[style*="background-color: #000"],
.elementor-column[style*="background: #000"],
.elementor-column[style*="background-color:#000"],
.elementor-column[style*="background:#000"] {
  background: linear-gradient(135deg, #F8F9FA 0%, #E9ECEF 100%) !important;
  color: #212529 !important;
}

/* Enhanced hover effects for all replaced elements */
.elementor-widget-container[style*="background-color: #000"]:hover,
.elementor-widget-container[style*="background: #000"]:hover,
.elementor-widget-container[style*="background-color:#000"]:hover,
.elementor-widget-container[style*="background:#000"]:hover,
.elementor-icon-box[style*="background-color: #000"]:hover,
.elementor-icon-box[style*="background: #000"]:hover,
.elementor-icon-box[style*="background-color:#000"]:hover,
.elementor-icon-box[style*="background:#000"]:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 40px rgba(248, 249, 250, 0.4) !important;
}

/* Responsive adjustments for all replaced elements */
@media (max-width: 768px) {
  .elementor-widget-container[style*="background-color: #000"],
  .elementor-widget-container[style*="background: #000"],
  .elementor-widget-container[style*="background-color:#000"],
  .elementor-widget-container[style*="background:#000"],
  .elementor-icon-box[style*="background-color: #000"],
  .elementor-icon-box[style*="background: #000"],
  .elementor-icon-box[style*="background-color:#000"],
  .elementor-icon-box[style*="background:#000"] {
    padding: 20px !important;
  }
}

@media (max-width: 480px) {
  .elementor-widget-container[style*="background-color: #000"],
  .elementor-widget-container[style*="background: #000"],
  .elementor-widget-container[style*="background-color:#000"],
  .elementor-widget-container[style*="background:#000"],
  .elementor-icon-box[style*="background-color: #000"],
  .elementor-icon-box[style*="background: #000"],
  .elementor-icon-box[style*="background-color:#000"],
  .elementor-icon-box[style*="background:#000"] {
    padding: 16px !important;
  }
}

/* Additional global replacements for common black background patterns */
[class*="elementor-element-"][style*="background-color: #000"],
[class*="elementor-element-"][style*="background: #000"],
[class*="elementor-element-"][style*="background-color:#000"],
[class*="elementor-element-"][style*="background:#000"] {
  background: linear-gradient(135deg, #F8F9FA 0%, #E9ECEF 100%) !important;
  color: #212529 !important;
}

/* Replace black backgrounds in all custom widgets */
.dropship-service-item[style*="background-color: #000"],
.dropship-service-item[style*="background: #000"],
.dropship-service-item[style*="background-color:#000"],
.dropship-service-item[style*="background:#000"] {
  background: linear-gradient(135deg, #F8F9FA 0%, #E9ECEF 100%) !important;
  color: #212529 !important;
  border: 1px solid rgba(33, 37, 41, 0.1) !important;
  box-shadow: 0 8px 32px rgba(248, 249, 250, 0.3) !important;
}

/* Replace black backgrounds in all carousel elements */
.swiper-slide[style*="background-color: #000"],
.swiper-slide[style*="background: #000"],
.swiper-slide[style*="background-color:#000"],
.swiper-slide[style*="background:#000"] {
  background: linear-gradient(135deg, #F8F9FA 0%, #E9ECEF 100%) !important;
  color: #212529 !important;
}

/* Replace black backgrounds in all video widgets */
.elementor-widget-video[style*="background-color: #000"],
.elementor-widget-video[style*="background: #000"],
.elementor-widget-video[style*="background-color:#000"],
.elementor-widget-video[style*="background:#000"] {
  background: linear-gradient(135deg, #F8F9FA 0%, #E9ECEF 100%) !important;
  color: #212529 !important;
}

/* Replace black backgrounds in all call-to-action elements */
.elementor-cta[style*="background-color: #000"],
.elementor-cta[style*="background: #000"],
.elementor-cta[style*="background-color:#000"],
.elementor-cta[style*="background:#000"] {
  background: linear-gradient(135deg, #F8F9FA 0%, #E9ECEF 100%) !important;
  color: #212529 !important;
}

/* Global animation for smooth transitions */
*[style*="background-color: #000"],
*[style*="background: #000"],
*[style*="background-color:#000"],
*[style*="background:#000"] {
  transition: all 0.3s ease !important;
}