/* Menu responsive utilities - Supplement for Tailwind classes not in build */
/* These will be removed once Vite/Tailwind is rebuilt */

@media (min-width: 640px) {
  .sm\:block { display: block !important; }
  .sm\:hidden { display: none !important; }
  .sm\:grid { display: grid !important; }
  .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .sm\:flex-wrap { flex-wrap: wrap !important; }
  .sm\:justify-center { justify-content: center !important; }
  .sm\:min-w-0 { min-width: 0 !important; }
  .sm\:shrink { flex-shrink: 1 !important; }
  .sm\:flex-row { flex-direction: row !important; }
  .sm\:col-span-5 { grid-column: span 5 / span 5 !important; }
  .sm\:col-span-4 { grid-column: span 4 / span 4 !important; }
  .sm\:col-span-1 { grid-column: span 1 / span 1 !important; }
  .sm\:col-span-2 { grid-column: span 2 / span 2 !important; }
  .sm\:text-right { text-align: right !important; }
  .sm\:pr-6 { padding-right: 1.5rem !important; }
}

/* gap-x-16 for two-column layout spacing */
.gap-x-16 { column-gap: 4rem; }

/* min-w-max for mobile nav scroll */
.min-w-max { min-width: max-content; }

/* line-clamp for wine descriptions */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* scroll-mt for anchor navigation */
.scroll-mt-24 { scroll-margin-top: 6rem; }