/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* Logo Marquee Styles */
.logo-marquee-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  background: #fff; /* Keep clean background */
  padding: 10px 0;
}

/* Outer container allows user to drag/scroll on touch devices */
.logo-marquee {
  overflow-x: auto;
  scrollbar-width: none; /* Firefox hide scrollbar */
  -ms-overflow-style: none; /* IE/Edge hide scrollbar */
}
.logo-marquee::-webkit-scrollbar {
  display: none; /* Chrome/Safari hide scrollbar */
}

.logo-track {
  display: flex;
  gap: 40px;
  animation: scroll-left 25s linear infinite;
  will-change: transform;
}

/* Logo image styles */
.logo-track img {
  width: 100px; /* fixed width for consistency */
  height: auto; /* maintain aspect ratio */
  flex-shrink: 0;
  object-fit: contain;
  filter: grayscale(100%);
  opacity: 0.9;
  transition: transform 0.3s ease, filter 0.3s ease, opacity 0.3s ease;
}

/* Hover effect: pause + color + slight zoom */
.logo-marquee-wrapper:hover .logo-track {
  animation-play-state: paused;
}
.logo-track img:hover {
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1.05);
}

/* Keyframes for infinite smooth scroll */
@keyframes scroll-left {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .logo-track {
    gap: 20px;
  }
  .logo-track img {
    width: 90px; /* slightly smaller for mobiles */
  }
}