/*carousel css*/


/* Optional: Add visual feedback on mobile */
@media (hover: none) and (pointer: coarse) {
    .logo-carousel__container {
        /* Slightly larger touch target on mobile */
        padding: 10px 0;
    }
}        

/* Pause animation when paused, hovered, or focused */
        .logo-carousel:hover .logo-carousel__track,
        .logo-carousel:focus-within .logo-carousel__track,
        .logo-carousel[data-paused="true"] .logo-carousel__track {
            animation-play-state: paused;
        }



        /* Status */

        .logo-carousel__status[aria-live="off"] {
            display: none;
        }

        /* Animations */
        @keyframes scrollLeft {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }

        @keyframes scrollRight {
            0% {
                transform: translateX(-50%);
            }
            100% {
                transform: translateX(0);
            }
        }

        /* Respect reduced motion preference */
        @media (prefers-reduced-motion: reduce) {
            .logo-carousel__track {
                animation: none !important;
            }
            
            .logo-carousel__logo,
            .logo-carousel__pause-button {
                transition: none;
            }

            .logo-carousel__pause-button:hover {
                transform: none;
            }
        }

        /* Responsive design */
        @media (max-width: 768px) {
            .logo-carousel {
                padding: var(--space-m);
            }
            
            .logo-carousel__item {
                padding: 0 var(--space-m);
            }
            
            .logo-carousel__logo {
                height: 45px;
                max-width: 120px;
            }
            
            .logo-carousel__title {
                font-size: var(--text-l);
            }

            .logo-carousel__pause-button {
                padding: var(--space-xs);
                font-size: var(--text-xs);
            }
        }

        /* High contrast mode support */
        @media (prefers-contrast: high) {
            .logo-carousel__pause-button {
                border: 2px solid currentColor;
            }
        }