.splide__list {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch;
}

.splide__slide {
    flex-shrink: 0 !important;
    height: auto;
    overflow: visible;
}

.splide__track {
    overflow: hidden;
    cursor: default;
}

/* Logo Carousel Wrapper */
.logo-carousel-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

/* Carousel Container */
.logo-carousel {
    width: 100%;
    overflow: hidden;
    
    &:not(.is-initialized) {
        visibility: hidden;
    }
    
    &.is-initialized {
        visibility: visible;
    }
}

/* Slide Items */
.logo-carousel-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}

.logo-carousel-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    width: 100%;
    height: 100%;
    
    /* Hide original popup */
    .popup {
        display: none !important;
    }
}

/* Logo Image Wrapper & Link */
.logo-image-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.logo-link {
    display: block;
    text-decoration: none;
    transition: transform 0.3s ease;
    
    &:focus {
        outline: 2px solid #0066cc;
        outline-offset: 2px;
    }
}

/* Logo Image */
.logo-image {
    width: 100%;
    max-width: 180px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    
    img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        object-fit: contain;
        filter: grayscale(100%);
        transition: all 0.3s ease;
    }
}

/* Logo Color Variants */
.logo-color-white {
    .logo-image img {
        filter: brightness(0) invert(1) grayscale(100%);
    }
}

.logo-color-black {
    .logo-image img {
        filter: brightness(0) !important;
    }
}

/* Floating Popup  */
.popup-floating {
    position: fixed !important;
    z-index: 999999 !important;
    display: flex !important;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 4px;
    background: var(--Colors-Blue-300);
    transition: all 0.3s ease-in-out;
    max-width: 235px;
    pointer-events: none;
    width: 100%;
    
    * {
        color: #fff;
    }
    
    .popup-logo {
        width: 100%;
        height: auto;
        border-bottom: 1px solid #fff;
        padding-bottom: 16px;

        img {
            filter: brightness(0) invert(1) grayscale(100%);
            height: 24px;
        }
    }
    
    .popup-content-text {
        font-size: 12px;
        line-height: 18px;
    }
    
    &.type-stat {
        .popup-content {
            display: flex;
            gap: 16px;
            
            .popup-content-stat-number {
                flex: 1;
                font-family: "GT America";
                font-size: 27px;
                font-weight: 500;
                letter-spacing: -1px;
            }
            
            .popup-content-stat-label {
                flex: 1;
                font-family: "Instrument Sans";
                font-size: 12px;
                font-weight: 500;
                line-height: 18px;
            }
        }   
    }
}

@media (max-width: 767px) {
    .logo-image {
        height: 20px;
    }
}