/* 
 * HOMEPAGE SPECIFIC STYLES
 */

/* Swiper Container Overflow override */
.cs-swiper {
    overflow: visible;
    /* To see slides peeking */
    padding-bottom: var(--space-8);
}

.cs-swiper .swiper-slide {
    height: auto;
    /* Stretch height */
    transition: transform 0.3s ease;
}

.cs-swiper .swiper-slide:hover {
    transform: translateY(-10px);
}

/* Custom Nav Buttons */
.swiper-button-prev-custom.swiper-button-disabled,
.swiper-button-next-custom.swiper-button-disabled {
    opacity: 0.3;
    pointer-events: none;
}

/* Grayscale Clients Hover Effect handled mostly on Tailwind calc, adding smooth transition here just in case */
.grayscale {
    filter: grayscale(100%);
}

.hover\:grayscale-0:hover {
    filter: grayscale(0%);
}

/* Gradient Text Fallback */
.text-transparent {
    color: transparent;
}

.bg-clip-text {
    background-clip: text;
    -webkit-background-clip: text;
}

.text-gradient-brand {
    background-image: var(--color-gradient-primary);
}

.bg-gradient-cta {
    background-image: linear-gradient(to bottom right, rgba(17, 24, 39, 0.9), rgba(0, 0, 0, 0.9));
}

/* Specific Widths */
.min-w-200 {
    min-width: 200px;
}