/* css/animations.css */

/* Clickable Trigger (Expand/Retract) */
.common-expandable-summary {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.common-expandable-icon {
    transition: transform 0.25s ease-in-out;
}
.common-expandable-summary.is-expanded .common-expandable-icon {
    transform: rotate(180deg);
}
.common-expandable-details {
    display: none;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out, opacity 0.25s ease-in-out;
    will-change: max-height, opacity;
}

/* ==========================================================================
   Continuous Marquee Slider
   Target Class: .slider-carousel
   ========================================================================== */

/* 
   1. Force Linear Timing
   This ensures constant speed with no easing/pausing.
   Note: We do NOT force transition-duration here anymore, so the loop can reset instantly.
*/
.slider-carousel .swiper-wrapper {
    transition-timing-function: linear !important;
}

/* 
   2. Disable Interaction
   Prevents mouse/touch from stopping the banner or dragging it manually.
*/
.slider-carousel .swiper-wrapper,
.slider-carousel .swiper-slide {
    pointer-events: none;
    cursor: default;
    user-select: none;
}