/* ============================================================
   soultatva — Base Styles
   Used alongside Tailwind CSS (CDN)
   ============================================================ */

/* Serif display utility */
.serif-title {
  font-family: 'Playfair Display', serif;
}

/* Mobile menu slide-in */
#mobile-menu {
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Product card hover shadow */
.product-card:hover {
  box-shadow: 0 8px 30px rgba(236, 182, 19, 0.15);
}

/* Smooth image zoom on category cards */
.category-card img {
  transition: transform 0.7s ease;
}
.category-card:hover img {
  transform: scale(1.08);
}

/* Active nav link */
nav a.active {
  color: #ecb613;
  border-bottom: 2px solid #ecb613;
  padding-bottom: 2px;
}

/* Product gallery thumbnails */
.thumb-active {
  border-color: #ecb613 !important;
}

/* WhatsApp button pulse */
@keyframes pulse-green {
  0%, 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.4); }
  50%       { box-shadow: 0 0 0 8px rgba(37, 211, 102, 0); }
}
.whatsapp-btn {
  animation: pulse-green 2s infinite;
}