/* Logo Slider Component Styles */
.slidelogo {
    position: relative;
    width: 100%;
    background-color: var(--tertiary, #f7f7f7);
    padding: var(--section-space-m) var(--section-padding-x);
}

.slidelogo.site-section {
    width: 100%;
    background-color: var(--tertiary, #f7f7f7);
    padding-top: var(--section-space-s);
    padding-bottom: var(--section-space-s);
}

/* Container */
.slidelogo__container {
    max-width: 140rem;
    margin: 0 auto;
}

.slidelogo__container.site-container {
    background-color: var(--tertiary, #f7f7f7);
    padding-top: var(--space-s);
    padding-right: var(--space-xs);
    padding-bottom: var(--space-s);
    padding-left: var(--space-xs);
}

/* Slider：覆盖 Splide 默认的 visibility:hidden，保证内容在未挂载时也可见 */
.slidelogo__slider.splide {
    visibility: visible !important;
}
.slidelogo__slider {
    width: 100%;
}

.slidelogo__slider .splide__track {
    overflow: hidden;
}

.slidelogo__slider .splide__list {
    display: flex !important;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.slidelogo__slider .splide__slide {
    flex: 0 0 auto;
    box-sizing: border-box;
    background-color: var(--tertiary, #f7f7f7);
}

/* PC：一行固定 6 个（Splide 挂载后会设内联 width，这里作 fallback） */
@media (min-width: 1280px) {
    .slidelogo__slider .splide__slide {
        width: calc(100% / 6);
        min-width: calc(100% / 6);
    }
}

/* 平板/小屏：一行 4 个、3 个 */
@media (min-width: 992px) and (max-width: 1279px) {
    .slidelogo__slider .splide__slide {
        width: calc(100% / 4);
        min-width: calc(100% / 4);
    }
}
@media (max-width: 991px) {
    .slidelogo__slider .splide__slide {
        width: calc(100% / 3);
        min-width: calc(100% / 3);
    }
}

.slidelogo__slider.site-slider-nested {
    margin-top: var(--space-xs);
}

.slidelogo__slider .splide__pagination {
    position: relative;
    margin-top: var(--space-m);
    margin-bottom: 0;
}

/* 轮播左右箭头 */
.slidelogo__slider .splide__arrow {
    background: var(--neutral-trans-20, rgba(0, 0, 0, 0.2));
    color: #333;
    border: none;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    transition: background 0.2s, color 0.2s;
}
.slidelogo__slider .splide__arrow:hover {
    background: var(--primary, #0066cc);
    color: #fff;
}
.slidelogo__slider .splide__arrow--prev { left: 0.5rem; }
.slidelogo__slider .splide__arrow--next { right: 0.5rem; }

/* Logo Card */
.slidelogo__card {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-m);
}

.slidelogo__logowrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.slidelogo__logoimg {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.slidelogo__logoimg.site-image {
    width: clamp(14rem, 11.2263rem + 5.8027vw, 20rem);
}

.slidelogo__logoimg.site-image:not(.tag),
.slidelogo__logoimg.site-image img {
    object-fit: cover;
    width: 100%;
    height: auto;
    display: block;
}

/* Splide Pagination Styles */
.slidelogo__slider .splide__pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--space-xs);
    margin-top: var(--space-m);
}

.slidelogo__slider .splide__pagination__page {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--black-trans-20, rgba(0, 0, 0, 0.2));
    border: none;
    cursor: pointer;
    transition: var(--transition);
    padding: 0;
}

.slidelogo__slider .splide__pagination__page:hover {
    background-color: var(--primary);
}

.slidelogo__slider .splide__pagination__page.is-active {
    background-color: var(--primary);
    width: 30px;
    border-radius: 5px;
}

/* Responsive Adjustments */
@media (max-width: 767px) {
    .slidelogo {
        padding: var(--section-space-s) var(--section-padding-x);
    }
}