html {
    scroll-behavior: smooth;
}


/* Custom scrollbar for categories */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Custom scrollbar for sidebar */
.custom-scrollbar::-webkit-scrollbar {
    width: 4px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #aaa;
}

/* Subcategory menu hover is now handled by JS to prevent overflow clipping, 
   but we keep this for basic visibility if JS fails */
.category-menu-item:hover .subcategory-menu {
    display: block;
}

/* Ensure the subcategory menu doesn't show scrollbars itself */
.subcategory-menu {
    overflow: visible !important;
}

/* Ensure slider dots are visible */
.slider-dot {
    transition: all 0.3s ease;
}

/* Safe area for mobile footer */
.pb-safe {
    padding-bottom: env(safe-area-inset-bottom);
}