/* Mobile-First Responsive Enhancements for UMR */

body {
    font-family: 'Inter', system-ui, sans-serif;
    overflow-x: hidden;
}

.heading {
    font-family: 'Playfair Display', serif;
}

/* Ensure full screen fit on mobile */
@media (max-width: 640px) {
    .hero-bg {
        min-height: 100vh;
        background-attachment: scroll;
    }
    
    section {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    
    .max-w-7xl, .max-w-6xl {
        max-width: 100% !important;
        padding: 0 1rem;
    }
}

/* Card improvements */
.card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-hover:hover {
    transform: scale(1.02);
}

/* Video Highlights horizontal scroll */
.highlights-track {
    scrollbar-width: thin;
    scrollbar-color: rgb(245 158 11 / 0.5) transparent;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.highlights-track::-webkit-scrollbar {
    height: 6px;
}

.highlights-track::-webkit-scrollbar-track {
    background: transparent;
}

.highlights-track::-webkit-scrollbar-thumb {
    background: rgb(245 158 11 / 0.4);
    border-radius: 9999px;
}

.highlights-track::-webkit-scrollbar-thumb:hover {
    background: rgb(245 158 11 / 0.7);
}

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