/* Custom Styles for Watch Markaz (Watches Pakistan) */

/* Scrollbar styling */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #07090E;
}
::-webkit-scrollbar-thumb {
  background: #222D47;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #D4AF37;
}

/* Custom Gold Glows */
.gold-glow {
  box-shadow: 0 0 25px -5px rgba(212, 175, 55, 0.3);
}

.gold-border-glow:hover {
  border-color: rgba(212, 175, 55, 0.8);
  box-shadow: 0 0 20px -3px rgba(212, 175, 55, 0.25);
}

/* Product Card Animation */
.product-card {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

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

/* Filter buttons styling */
.filter-btn.active {
  background-color: #D4AF37 !important;
  color: #07090E !important;
  border-color: #D4AF37 !important;
}

/* Smooth modal transitions */
#quickViewModal.active {
  opacity: 1 !important;
  pointer-events: auto !important;
}

#quickViewModal.active #modalContent {
  transform: scale(1) !important;
}

/* Smooth Drawer transitions */
#cartDrawer.active {
  opacity: 1 !important;
  pointer-events: auto !important;
}

#cartDrawer.active #cartPanel {
  transform: translateX(0) !important;
}

/* Toast animation */
#toast.show {
  transform: translateY(0) !important;
  opacity: 1 !important;
}