/* Custom styles on top of Tailwind CDN */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');

*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: 'Inter', sans-serif;
  color: #111111;
  -webkit-font-smoothing: antialiased;
}

.font-serif { font-family: 'Playfair Display', Georgia, serif; }

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

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

/* Smooth transitions */
a { transition: opacity 0.2s, color 0.2s; }

/* Details/summary arrow fix */
details summary::-webkit-details-marker { display: none; }

/* Cart drawer open state */
#cart-drawer.open {
  transform: translateX(0);
}

/* Mobile search modal visible */
#search-modal.active {
  display: flex;
}