/**
 * DAYZEN - Shop Page Module Styles
 * Dedicated CSS module for Shop Page layout, filter drawer, and quick view modal
 */

/* Scrollbar Hide Utility */
.scrollbar-none::-webkit-scrollbar {
    display: none;
}
.scrollbar-none {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Product Card Hover Transitions */
.product-card {
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
                box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
                border-color 0.4s ease;
}

.product-card:hover {
    transform: translateY(-4px);
}

/* Filter Drawer Animations */
#filter-drawer .backdrop-blur-md {
    transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

#filter-drawer .translate-x-full {
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Quick View Modal Transitions */
#quick-view-modal {
    transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

#quick-view-modal .transform {
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Custom Select Styling */
select[data-shop-sort] {
    background-image: none;
}

/* Focus Rings for Accessibility */
button:focus-visible, 
a:focus-visible, 
input:focus-visible, 
select:focus-visible {
    outline: 2px solid #FFB703 !important;
    outline-offset: 2px !important;
}