/*
 Theme Name:   Phlox Child
 Theme URI:    https://phlox.pro/
 Description: Child theme for Phlox
 Author:       Your Name
 Author URI:   https://yourwebsite.com
 Template:     phlox
 Version:      1.0.0
 Text Domain:  phlox-child
*/

/* Add your custom CSS below */

/* Marquee outer safety */
/* Marquee wrapper */
.gsap-marquee-wrap {
  width: 100%;
  overflow: hidden;
  position: relative;
}

/* Marquee track */
.gsap-marquee {
  display: flex;
  align-items: center;
  gap: 60px;
  white-space: nowrap;
}

/* Each heading */
.gsap-marquee > * {
  flex: 0 0 auto; /* 🔥 stops shrinking */
  white-space: nowrap;
}

/* 🌙 DARK MODE GLOBAL COLORS */
/* body.dark-mode {
  --e-global-color-primary: #4a6cff;
  --e-global-color-secondary: #7a8cff;
  --e-global-color-text: #ffffff;
  --e-global-color-accent: #ff6a3d;

  background-color: #121212;
} */

/* Background fix */
/* body.dark-mode .elementor-section,
body.dark-mode .elementor-column,
body.dark-mode .elementor-widget-wrap {
  background-color: #121212 !important;
} */

/* Card / box styling */
/* body.dark-mode .elementor-widget-container {
  background-color: #1e1e1e !important;
  border-radius: 10px;
} */

/* Smooth transition */
/* body {
  transition: all 0.3s ease;
} */

/* 🌙 DARK MODE GLOBAL COLORS */
body.dark-mode {
  --e-global-color-primary: #4a6cff;
  --e-global-color-secondary: #7a8cff;
  --e-global-color-text: #ffffff;
  --e-global-color-accent: #ff6a3d;

  background-color: #121212;
}

/* Only main layout backgrounds */
body.dark-mode .site,
body.dark-mode .site-content,
body.dark-mode .elementor,
body.dark-mode .elementor-section {
  background-color: #121212 !important;
}

/* Inner containers transparent ठेव */
body.dark-mode .elementor-container,
body.dark-mode .elementor-column,
body.dark-mode .elementor-widget-wrap {
  background-color: transparent !important;
}

/* Cards / boxes */
body.dark-mode .elementor-widget-container {
  background-color: #1e1e1e !important;
}