/**
 * Utility Styles
 *
 * Reusable utility classes: gradients, shadows, helpers.
 *
 * @package    Factoria Child
 * @subpackage Styles
 * @since      1.0.0
 */

/* --------------------------------------------------------
   Eco Gradients
   -------------------------------------------------------- */
.eco-gradient {
  background: linear-gradient(135deg, hsl(152, 55%, 30%), hsl(165, 50%, 40%));
}

.eco-gradient-light {
  background: linear-gradient(135deg, hsl(152, 40%, 95%), hsl(80, 30%, 95%));
}

/* --------------------------------------------------------
   Shadows
   -------------------------------------------------------- */
.eco-shadow {
  box-shadow: 0 4px 20px -4px hsl(152 55% 30% / 0.15);
}

.eco-shadow-lg {
  box-shadow: 0 10px 40px -8px hsl(152 55% 30% / 0.2);
}

/* --------------------------------------------------------
   Text Helpers
   -------------------------------------------------------- */
.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.text-uppercase-tracking {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

/* --------------------------------------------------------
   Scrollbar Hide
   -------------------------------------------------------- */
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/* --------------------------------------------------------
   Brand Scroll Animation
   -------------------------------------------------------- */
@keyframes scroll-brands {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.animate-scroll-brands {
  animation: scroll-brands 30s linear infinite;
}

.animate-scroll-brands:hover {
  animation-play-state: paused;
}