/* YemekTabi customer modal content-height fix, 2026-10-23.
   Only three customer dialogs are targeted. No checkout/order state changes. */
html body dialog#yt1861Added.yt1861-added,
html body dialog#ytCartDialog.yt-cart-dialog,
html body dialog.yt-order-success {
  height: auto !important;
  min-height: 0 !important;
  max-height: calc(100dvh - 28px) !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  align-content: normal !important;
}
html body dialog#yt1861Added.yt1861-added {
  padding: 17px 22px 20px !important;
  max-width: calc(100vw - 24px);
}
html body dialog#yt1861Added .yt1861-head p { margin-bottom: 8px !important; }
html body dialog#yt1861Added .yt1861-line { margin-top: 8px !important; }
html body dialog#yt1861Added .yt1861-total { margin: 12px 0 8px !important; }
html body dialog#yt1861Added .yt1861-checkout { margin-bottom: 0 !important; }
html body dialog#ytCartDialog.yt-cart-dialog {
  padding: 18px 22px 20px !important;
}
html body dialog#ytCartDialog #ytCartList {
  height: auto !important;
  min-height: 0 !important;
  max-height: none;
  margin-bottom: 6px !important;
}
html body dialog#ytCartDialog #ytCartTotal { margin: 8px 0 10px !important; }
html body dialog#ytCartDialog .yt-cart-checkout { margin-bottom: 0 !important; }
html body dialog#ytCartDialog .yt-cart-note:empty { display: none !important; }
html body dialog.yt-order-success {
  padding: 22px 26px 24px !important;
}
html body dialog.yt-order-success .yt-success-icon { margin-bottom: 9px !important; }
html body dialog.yt-order-success h2 { margin: 0 0 5px !important; }
html body dialog.yt-order-success p { margin: 5px 0 12px !important; }
html body dialog.yt-order-success .yt-success-number { margin: 10px 0 !important; }
html body dialog.yt-order-success .yt-success-restaurant { margin-top: 10px !important; }
html body dialog.yt-order-success .yt-success-detail { margin: 10px 0 !important; }
@media(max-width:600px) {
  html body dialog#yt1861Added.yt1861-added,
  html body dialog#ytCartDialog.yt-cart-dialog,
  html body dialog.yt-order-success {
    max-height: calc(100dvh - 20px) !important;
    max-width: calc(100vw - 20px) !important;
  }
  html body dialog#yt1861Added.yt1861-added,
  html body dialog#ytCartDialog.yt-cart-dialog { padding: 14px 16px 16px !important; }
  html body dialog.yt-order-success { padding: 18px 19px 20px !important; }
}