/* ============================================
   BAK&TY FUMAGE — Custom Styles
   Tailwind gère 95% du design.
   Ce fichier ne contient que les effets spéciaux.
   ============================================ */

/* Smooth scroll global */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 5rem;
}

/* Product cards — hover lift */
.product-card {
  transition: transform 200ms ease;
}
.product-card:hover {
  transform: translateY(-4px);
}

/* Category cards — overlay darken on hover */
.category-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0);
  transition: background 300ms ease;
  border-radius: inherit;
}
.category-card:hover::after {
  background: rgba(0, 0, 0, 0.1);
}

/* WhatsApp FAB — pulse */
@keyframes pulse-ring {
  0%   { transform: scale(1);   opacity: 0.6; }
  100% { transform: scale(1.8); opacity: 0; }
}
.fixed[aria-label="Commander via WhatsApp"]::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #22c55e;
  animation: pulse-ring 2s ease-out infinite;
  z-index: -1;
}

/* Line clamp fallback */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Selection color */
::selection {
  background: #FDDCB3;
  color: #3D1A02;
}