/*
 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 Toggle Button */
@media (max-width: 575px) {
  .slider {
    width: 50px !important;
    height: 20px !important;
  }
  .slider::before {
    width: 16px !important;
    height: 16px !important;
  }
  .theme-switch {
    right: -5px !important;
  }
}

/* 🌙 DARK MODE GLOBAL COLORS */
body.dark-mode {
  --e-global-color-primary: #0070c0;
  --e-global-color-secondary: #7a8cff;
  --e-global-color-text: #45556c;
  --e-global-color-accent: #ed1c24;
  --e-global-color-b1f8b6c: #ffffff;
  --e-global-color-a1e41cd: #080808;

  background-color: #121212;
}
/* Default Header (Top of Page) */
/* .site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  width: 100%;
  background: transparent !important;
  transition: all 0.3s ease;
  z-index: 999;
}

.site-header .menu a,
.site-header .logo,
.site-header .header-btn {
  color: #fff !important;
  transition: all 0.3s ease;
} */

/* Scrolled Header */
/* .site-header.scrolled {
  background: #fff !important;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
}

.site-header.scrolled .menu a,
.site-header.scrolled .logo,
.site-header.scrolled .header-btn {
  color: #000 !important;
} */