/* Premium custom styles not covered by Tailwind utilities */

/* Custom Scrollbar for Webkit */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent; 
}
 
::-webkit-scrollbar-thumb {
    background: #cbd5e1; 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8; 
}

/* Hide scrollbar for main html but keep it functional */
html {
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}

/* Product Card Image Hover Effect */
.product-card-img-container {
    overflow: hidden;
}

.product-card-img {
    transition: transform 0.5s ease;
}

.product-card:hover .product-card-img {
    transform: scale(1.05);
}

/* Form input auto-fill bg color fix for webkit */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #f8fafc inset !important;
}