/**
 * Enjoy — cartes vitrées (.bg-card) + mise en page modale menu PDF.
 * Les couleurs reprennent le thème d’origine du bundle (index-*.css).
 */

/* Cartes (cards / zones type popin) : verre léger, lisible sur fond clair */
.bg-card {
  background: hsl(var(--card) / 0.9) !important;
  backdrop-filter: blur(24px) saturate(1.15);
  -webkit-backdrop-filter: blur(24px) saturate(1.15);
  border: 1px solid hsl(var(--border) / 0.55) !important;
  box-shadow: 0 28px 70px hsl(28 17% 16% / 0.1),
    inset 0 1px hsl(0 0% 100% / 0.65);
}

/* --- Modale « carte menu » : image entière, safe-area / navbar, scroll --- */
#root .bg-black\/90.fixed.inset-0.flex.items-center.justify-center.z-50 {
  padding-top: max(env(safe-area-inset-top), 5rem) !important;
  box-sizing: border-box;
}

#root .bg-black\/90.fixed.inset-0 > div.relative.max-w-\[900px\] {
  height: auto !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

#root .bg-black\/90.fixed.inset-0 > div.relative.max-w-\[900px\] > div.w-full.h-full.rounded-lg.overflow-hidden {
  height: auto !important;
  min-height: 0;
  overflow: visible !important;
  display: block !important;
  border-radius: 0.5rem;
}

#root .bg-black\/90.fixed.inset-0 > div.relative.max-w-\[900px\] img[alt^="Menu"] {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain;
  border-radius: 0.5rem;
}