/* Custom styles for Elite Tennis Center */

html {
    scroll-behavior: auto !important; /* Disable smooth scrolling globally */
    scroll-padding-top: 80px; /* Account for fixed navbar */
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

body {
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: #222222;
}

/* Hide scrollbars for horizontal scrolling sections */
.overflow-x-auto {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
}

.overflow-x-auto::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

/* Additional mobile-specific scrollbar hiding */
@media (max-width: 768px) {
    .overflow-x-auto {
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }
    
    .overflow-x-auto::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }
    
    .overflow-x-auto::-webkit-scrollbar-track {
        display: none !important;
    }
    
    .overflow-x-auto::-webkit-scrollbar-thumb {
        display: none !important;
    }
    
    .overflow-x-auto::-webkit-scrollbar-corner {
        display: none !important;
    }
}

/* Only enable smooth scrolling for navigation links */
.smooth-scroll {
    scroll-behavior: smooth;
}

/* Custom animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in-up.active {
    opacity: 1;
    transform: translateY(0);
}

.instagram-container iframe.instagram-media {
    /* Fix to prevent overflow */
    position: relative !important;
}