/* NL1465 — mobile/Android UI polish: overlay, food cards, VIP grid, food-detail modal */

/* ── 1) Login: remove washed glass overlay on mobile ── */
@media (max-width: 820px) {
  body.login-page .page:before,
  body.login-page .page:after,
  body.nl-login-v276 .page:before,
  body.nl-login-v276 .page:after,
  body.nl-login-v439 .page:before,
  body.nl-login-v439 .page:after {
    opacity: 0.28 !important;
    filter: none !important;
  }
  body.login-page .login-card,
  body.nl-login-v276 .login-card,
  body.nl-login-v439 .login-card {
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 0 18px 40px rgba(68, 8, 18, 0.14) !important;
  }
  body.login-page .brand-stat,
  body.nl-login-v276 .brand-stat,
  body.nl-login-v439 .brand-stat {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  html[data-nl-theme="dark"] .login-card {
    background: rgba(16, 24, 39, 0.98) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* Global: kill leftover bright glass sheets on mobile shells */
@media (max-width: 820px) {
  body.nh200-employee-order-page .topbar.nl-shell-topbar,
  body.nh200-employee-order-page header.topbar {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: #ffffff !important;
  }
  html[data-nl-theme="dark"] body.nh200-employee-order-page .topbar.nl-shell-topbar,
  html[data-nl-theme="dark"] body.nh200-employee-order-page header.topbar {
    background: #101827 !important;
  }
  /* Checkout/modal bright glass veil → solid dimmer */
  body.nh200-employee-order-page #checkout-notice.nl416-checkout-backdrop,
  body.nl405-employee-sales-clean #checkout-notice.nl416-checkout-backdrop {
    background: rgba(15, 23, 42, 0.52) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 1 !important;
  }
  body.nh200-employee-order-page #checkout-notice.nl416-checkout-backdrop::before,
  body.nl405-employee-sales-clean #checkout-notice.nl416-checkout-backdrop::before {
    content: none !important;
    display: none !important;
    background: none !important;
  }
}

/* ── 2) Food cards: taller + safe vertical gap, no overlap ── */
@media (max-width: 820px) {
  body.nh200-employee-order-page.nl405-employee-sales-clean .nl405-food-grid {
    gap: 14px !important;
    row-gap: 16px !important;
    align-items: stretch !important;
  }
  body.nh200-employee-order-page.nl405-employee-sales-clean .nl405-food-card,
  body.nh200-employee-order-page.nl405-employee-sales-clean .nl405-food-card.is-in-cart,
  body.nh200-employee-order-page.nl405-employee-sales-clean .nl405-food-card.is-submitted,
  body.nh200-employee-order-page.nl405-employee-sales-clean .nl405-food-card.selected,
  body.nh200-employee-order-page.nl405-employee-sales-clean .nl405-food-card.loading,
  body.nh200-employee-order-page.nl405-employee-sales-clean .nl405-food-card.nl435-selected-food-card,
  body.nh200-employee-order-page.nl405-employee-sales-clean .nl405-food-card.nl428-guest-food-card {
    min-height: 292px !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    contain: none !important;
    margin: 0 !important;
  }
  body.nh200-employee-order-page.nl405-employee-sales-clean .nl405-food-card .nl405-food-img {
    min-height: 118px !important;
    max-height: 140px !important;
  }
  /* legacy self-order cards */
  body.nh200-employee-order-page .nhm-food-list {
    gap: 14px !important;
    row-gap: 16px !important;
  }
  body.nh200-employee-order-page .nhm-food-card {
    min-height: 300px !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    contain: none !important;
  }
}

/* ── 3) VIP menu: same 2-col vertical cards as daily menus ── */
@media (max-width: 820px) {
  body.nh200-employee-order-page.nl405-employee-sales-clean .nl919-guest-vip-main-grid,
  body.nh200-employee-order-page.nl405-employee-sales-clean.nl982-employee-sales-clean .nl919-guest-vip-main-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    row-gap: 16px !important;
  }
  body.nh200-employee-order-page.nl405-employee-sales-clean.nl982-employee-sales-clean .nl919-guest-vip-card-match-daily,
  body.nh200-employee-order-page.nl405-employee-sales-clean.nl982-employee-sales-clean .nl428-guest-food-card.nl916-guest-vip-food-card,
  body.nh200-employee-order-page.nl405-employee-sales-clean .nl919-guest-vip-card-match-daily,
  body.nh200-employee-order-page.nl405-employee-sales-clean .nl428-guest-food-card.nl916-guest-vip-food-card {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    min-height: 292px !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  body.nh200-employee-order-page.nl405-employee-sales-clean.nl982-employee-sales-clean .nl919-guest-vip-card-match-daily .nl405-food-img,
  body.nh200-employee-order-page.nl405-employee-sales-clean.nl982-employee-sales-clean .nl428-guest-food-card.nl916-guest-vip-food-card .nl405-food-img,
  body.nh200-employee-order-page.nl405-employee-sales-clean .nl919-guest-vip-card-match-daily .nl405-food-img,
  body.nh200-employee-order-page.nl405-employee-sales-clean .nl428-guest-food-card.nl916-guest-vip-food-card .nl405-food-img {
    width: 100% !important;
    height: auto !important;
    min-height: 118px !important;
    max-height: 140px !important;
    align-self: stretch !important;
  }
  body.nh200-employee-order-page.nl405-employee-sales-clean.nl982-employee-sales-clean .nl919-guest-vip-card-match-daily .nl405-food-body,
  body.nh200-employee-order-page.nl405-employee-sales-clean.nl982-employee-sales-clean .nl428-guest-food-card.nl916-guest-vip-food-card .nl405-food-body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
}

/* ── 4) Food details modal: remove frosted glass trail ── */
.nl413-food-dialog::backdrop,
.nl433-food-dialog::backdrop,
dialog.nl413-food-dialog::backdrop,
dialog.nl433-food-dialog::backdrop,
#nl433-food-dialog::backdrop,
#nl413-food-dialog::backdrop,
#nh373-food-detail-dialog::backdrop,
#nl414-image-dialog::backdrop {
  background: rgba(15, 23, 42, 0.58) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  opacity: 1 !important;
}
.nl413-food-dialog[open],
.nl433-food-dialog[open],
#nl433-food-dialog[open],
#nl413-food-dialog[open] {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: none !important;
}
/* Ensure no pseudo glass sheet under/around the dialog */
.nl413-food-dialog[open]::before,
.nl433-food-dialog[open]::before,
.nl413-food-dialog[open]::after,
.nl433-food-dialog[open]::after {
  content: none !important;
  display: none !important;
}