/* Desktop card controls retain the same theme before and after adding an item. */
@media (min-width:1367px) {
  body[data-layout="desktop"] #xBoxConfirmModal[data-desktop-retired="true"] { display:none!important; }
  body[data-layout="desktop"] .nova-managed-product .qty-box .nova-product-add {
    background:var(--site-accent-soft,#fcede9)!important;
    color:var(--site-accent-text,#b93830)!important;
    border:0!important; border-radius:14px;
  }
  body[data-layout="desktop"] .nova-managed-product .qty-box .nova-product-add:disabled {
    opacity:.55; cursor:not-allowed;
  }
  body[data-layout="desktop"] .nova-managed-product .menu-img > img[hidden],
  body[data-layout="desktop"] .nova-managed-product .menu-img > .nova-image-fallback[hidden] {
    display:none!important;
  }
  body[data-layout="desktop"] .nova-managed-product .nova-image-fallback {
    background:var(--site-surface,#f1f2ec); color:var(--site-muted,#62695e);
  }
  /* Retire inline roll choices only after the original row/new dialog entry is verified. */
  body[data-layout="desktop"] .menu-row.menu-item[data-desktop-roll-entry="ready"] .menu-content > .bubble-step-row {
    display:none!important;
  }
  body[data-layout="desktop"] [data-desktop-roll-entry="ready"] .touch-config-entry > .touch-config-trigger {
    display:inline-flex!important; align-items:center; justify-content:center;
    width:36px; height:36px; border:0; border-radius:10px;
    background:var(--site-accent-soft,#fcede9);color:var(--site-accent-text,#b93830);font-size:20px;font-weight:500;
  }
  /* Inside-out rolls: desktop.css still pins the photo top-right (old card); use the same image-left card as the rest. */
  body[data-layout="desktop"] .menu-row.menu-item[data-desktop-roll-entry="ready"] .menu-img {
    position:relative!important; top:auto!important; right:auto!important;
  }
  body[data-layout="desktop"] .menu-row.menu-item[data-desktop-roll-entry="ready"] .menu-content {
    padding-right:0!important;
  }
  /* Rows without a price pill (Xbento, X-Bowl, X-Box) kept the old 40px "+" from menu.css; every card uses 36px. */
  body[data-layout="desktop"] .menu-row.menu-item:not(.has-desktop-price-pill) .qty-box :is(.qty-plus,.add-button) {
    width:36px!important; height:36px!important; min-width:36px!important; min-height:36px!important;
  }
}