@tailwind base;
@tailwind components;
@tailwind utilities;

/* Line clamp utilities for text truncation */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Smooth carousel transitions */
.carousel-container {
    scroll-behavior: smooth;
}

/* Ensure images maintain aspect ratio in carousel */
.carousel-image {
    aspect-ratio: 16/9;
    object-fit: cover;
}

/* Prevent layout shift during carousel transitions */
.carousel-slide {
    min-height: 280px;
}

/* Responsive carousel adjustments */
@media (max-width: 640px) {
    .carousel-navigation {
        display: none; /* Hide arrows on mobile, use swipe gestures */
    }
}