/* ==========================================================================
   Global Color Scheme - Replace All Black Backgrounds (#000)
   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, #ff4757 0%, #ff1744 100%) !important;
color: white !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, #ff4757 0%, #ff1744 100%) !important;
color: white !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, #ff4757 0%, #ff1744 100%) !important;
color: white !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, #ff4757 0%, #ff1744 100%) !important;
color: white !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, #ff4757 0%, #ff1744 100%) !important;
color: white !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 8px 32px rgba(30, 58, 138, 0.3) !important;
}

/* Replace black backgrounds in buttons - EXCEPT on homepage */
/* Homepage buttons keep their orange gradient */
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"],
/* Also target non-homepage buttons without style attributes */
body:not(.home) .elementor-button:not([style*="gradient"]):not([style*="#ff"]) {
  background: linear-gradient(135deg, #ff4757 0%, #ff1744 100%) !important;
color: white !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 4px 16px rgba(30, 58, 138, 0.3) !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:not([style*="gradient"]):not([style*="#ff"]):hover {
  background: linear-gradient(135deg, #ff4757 0%, #ff1744 100%) !important;
color: white !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(30, 58, 138, 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, #ff4757 0%, #ff1744 100%) !important;
color: white !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 4px 16px rgba(30, 58, 138, 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, #ff4757 0%, #ff1744 100%) !important;
color: white !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 8px 32px rgba(30, 58, 138, 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, #ff4757 0%, #ff1744 100%) !important;
color: white !important;
  border: 1px solid rgba(255, 255, 255, 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, #ff4757 0%, #ff1744 100%) !important;
color: white !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, #ff4757 0%, #ff1744 100%) !important;
color: white !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, #ff4757 0%, #ff1744 100%) !important;
color: white !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(30, 58, 138, 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, #ff4757 0%, #ff1744 100%) !important;
color: white !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, #ff4757 0%, #ff1744 100%) !important;
color: white !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 8px 32px rgba(30, 58, 138, 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, #ff4757 0%, #ff1744 100%) !important;
color: white !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, #ff4757 0%, #ff1744 100%) !important;
color: white !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, #ff4757 0%, #ff1744 100%) !important;
color: white !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;
}