/* TPT_TEMPLATE1_V56_MOBILE_SUMMARY_TRASH_REMOVE_START
   Scope: Template1 mobile / compact-tablet inline Ticket Summary only.
   Adds back one trash-can remove button per mobile summary card.
   Desktop Cart Summary trash button remains handled by v55. */

@media (max-width: 1180px) {
  #mobileInlineSummary .inline-summary-group-title,
  #inlineSummaryItems .inline-summary-group-title,
  .mobile-inline-summary .inline-summary-group-title,
  .mobile-inline-summary-items .inline-summary-group-title {
    grid-template-columns: minmax(0, 1fr) 26px auto !important;
    gap: 8px !important;
    align-items: start !important;
  }

  #mobileInlineSummary button.template1-mobile-summary-trash-remove[aria-label*="Remove"],
  #inlineSummaryItems button.template1-mobile-summary-trash-remove[aria-label*="Remove"],
  .mobile-inline-summary button.template1-mobile-summary-trash-remove[aria-label*="Remove"],
  .mobile-inline-summary-items button.template1-mobile-summary-trash-remove[aria-label*="Remove"] {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    margin: -3px 0 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(148, 163, 184, .45) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .96) !important;
    color: #64748b !important;
    box-shadow: 0 3px 8px rgba(15, 23, 42, .06) !important;
    cursor: pointer !important;
    transform: none !important;
  }

  #mobileInlineSummary button.template1-mobile-summary-trash-remove[aria-label*="Remove"]:hover,
  #mobileInlineSummary button.template1-mobile-summary-trash-remove[aria-label*="Remove"]:focus-visible,
  #inlineSummaryItems button.template1-mobile-summary-trash-remove[aria-label*="Remove"]:hover,
  #inlineSummaryItems button.template1-mobile-summary-trash-remove[aria-label*="Remove"]:focus-visible,
  .mobile-inline-summary button.template1-mobile-summary-trash-remove[aria-label*="Remove"]:hover,
  .mobile-inline-summary button.template1-mobile-summary-trash-remove[aria-label*="Remove"]:focus-visible,
  .mobile-inline-summary-items button.template1-mobile-summary-trash-remove[aria-label*="Remove"]:hover,
  .mobile-inline-summary-items button.template1-mobile-summary-trash-remove[aria-label*="Remove"]:focus-visible {
    color: #b91c1c !important;
    border-color: rgba(185, 28, 28, .36) !important;
    background: #fff7f7 !important;
    outline: none !important;
  }

  #mobileInlineSummary .template1-mobile-summary-trash-remove svg,
  #inlineSummaryItems .template1-mobile-summary-trash-remove svg,
  .mobile-inline-summary .template1-mobile-summary-trash-remove svg,
  .mobile-inline-summary-items .template1-mobile-summary-trash-remove svg {
    display: block !important;
    width: 13px !important;
    height: 13px !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    fill: none !important;
    pointer-events: none !important;
  }
}

@media (min-width: 1181px) {
  .template1-mobile-summary-trash-remove {
    display: none !important;
  }
}
/* TPT_TEMPLATE1_V56_MOBILE_SUMMARY_TRASH_REMOVE_END */