/* Custom base styles mapping Taste-Skill specifics to Vanilla CSS where Tailwind CDN isn't enough */

@layer utilities {
    .scrollbar-hide::-webkit-scrollbar {
        display: none;
    }
    .scrollbar-hide {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}

/* Base selection color, just in case Tailwind arbitrary variants don't kick in instantly via CDN */
::selection {
    background-color: #2563eb;
    color: #ffffff;
}

/* Hide scrollbar on the horizontal gallery but allow drag/scroll */
#video-track {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

/* GSAP pin spacer overrides if necessary */
.pin-spacer {
    pointer-events: none;
}
.pin-spacer > * {
    pointer-events: auto;
}

html {
    scroll-padding-top: 5rem; /* Account for 80px fixed header */
}