/* Shared across all eight menu pages and locales. Keep names and prices upright. */
[data-pandora-menu="book"] [data-field="description"],
[data-pandora-menu="book"] [data-field="subtitle"],
[data-pandora-menu="book"] [data-field="ingredients"] {
  font-style: italic;
  font-weight: 400;
}

/* The service and Wi-Fi details remain readable after desktop fitting. */
[data-pandora-menu="book"] .PandoraMenu_footerText {
  font-size: max(12px, .72em);
  line-height: 1.45;
}

/* Expand the actual links/buttons, leaving cocktail artwork and its animation intact. */
[data-pandora-menu="book"][data-layout="mobile"] :is(.PandoraMenu_close, .PandoraMenu_glossaryTrigger, .PandoraMenu_whatsapp, .PandoraMenu_phone) {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

[data-pandora-menu="book"][data-layout="mobile"] .PandoraMenu_footerText {
  font-size: 13px;
}

/* Mobile already has generous paragraph spacing. Give fitted desktop pages
   a modest minimum gap without shrinking text or moving prices and artwork. */
@media (min-width: 1180px), (min-width: 768px) and (hover: hover) and (pointer: fine) {
  [data-pandora-menu="book"][data-layout="desktop"] [data-page][data-density] article[data-item] > :is([data-field="description"], [data-field="subtitle"]) {
    margin-top: max(6px, .35em) !important;
  }

  [data-pandora-menu="book"][data-layout="desktop"] article[data-item] > div:has(> [data-field="ingredients"]) {
    margin-top: max(6px, .35em);
  }

  /* The long whisky selection needs a smaller, still distinct gap when the
     complete page is fitted to a short laptop screen. */
  [data-pandora-menu="book"][data-layout="desktop"] [data-page="6"][data-density="compact"] article[data-item] > [data-field="description"] {
    margin-top: 4px !important;
  }

  [data-pandora-menu="book"][data-layout="desktop"] [data-page="6"][data-density="compact"] section[data-group="whisky"] > div {
    row-gap: .35em;
  }

  [data-pandora-menu="book"][data-layout="desktop"] [data-page="6"][data-density="compact"] > footer {
    margin-top: 4px;
  }

  /* Use the spare space below the page divider on short screens before
     reducing the readable 14 px descriptions in the longer translations. */
  [data-pandora-menu="book"][data-layout="desktop"] [data-page="6"][data-density="compact"] > .PandoraMenu_ribbon {
    margin-bottom: .2em;
  }
}