/*
 * Wine Shop — rules only the React island needs (docs/plans/dine-cook-shop-react-slice.md).
 * `wine-shop.css` is shared with the vanilla view and is over the 500-line ratchet.
 */

/* A dialog open inside the view must paint above the header (canary F11).
   `.view.active { isolation: isolate }` (layout.css) traps the island's dialogs below the
   hamburger (z-index 100); vanilla appended its overlays to <body>, outside that context.
   While a dialog is open the view raises itself to the overlay's own level (1100). */
#view-wine-shop:has(.wine-shop-overlay) {
  position: relative;
  z-index: 1100;
}