@import 'tailwindcss';
@import './Header.css';
@import './Footer.css';
@import './ParentCategory.css';
@import './FilterPanel.css';
@import './Toast.css';
@import './404.css';
@import './Success.css';
@import './Loader.css';
@import './Category.css';
@import './Pagination.css';
@import './Cart.css';
@import './CartVide.css';
@import './Checkout.css';
@import './Product.css';
@import './ProductList.css';
@import './CartDropdown.css';
@import './WishlistDropdown.css';
@import './Page.css';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@keyframes blink {
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}

/*productList*/
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-fadeIn {
  animation: fadeIn 0.15s ease-out;
}

/* Custom scrollbar for better mobile experience WISHLIST */
.max-h-48::-webkit-scrollbar,
.max-h-60::-webkit-scrollbar {
    width: 4px;
}

.max-h-48::-webkit-scrollbar-track,
.max-h-60::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 2px;
}

.max-h-48::-webkit-scrollbar-thumb,
.max-h-60::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 2px;
}

.max-h-48::-webkit-scrollbar-thumb:hover,
.max-h-60::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

.fixed {
    transition: opacity 0.3s ease;
}

/* Product Accordion */
.accordion-enter-active,
.accordion-leave-active {
  transition: all 0.3s ease;
}

.accordion-enter-from,
.accordion-leave-to {
  max-height: 0;
  opacity: 0;
}
.accordion-enter-to,
.accordion-leave-from {
  max-height: 500px;
  opacity: 1;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.3s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}