/*
 * My Account -> Orders (1.7.0)
 * One table style in the shop's colours and font. Pay is the only solid button,
 * the status gets a coloured dot, refunds lose the link-style underline, and
 * below 992px each order becomes a card.
 */
.woocommerce-account table.account-orders-table {
  width: 100%; margin: 0 0 20px; border: 1px solid #f0dde4 !important; border-radius: 12px;
  border-collapse: separate !important; border-spacing: 0; overflow: hidden; background: #fff;
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.woocommerce-account table.account-orders-table thead th {
  background: #fdf3f6 !important; color: #C40044 !important; border: 0 !important; border-bottom: 1px solid #f0dde4 !important;
  padding: 14px 16px !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .06em;
  text-transform: uppercase; white-space: nowrap;
}
.woocommerce-account table.account-orders-table tbody th,
.woocommerce-account table.account-orders-table tbody td {
  padding: 14px 16px !important; border: 0 !important; border-bottom: 1px solid #f5e9ee !important; background: #fff !important;
  vertical-align: middle !important; font-size: 14px !important; line-height: 1.45 !important; color: #3a3a3a !important; text-align: left;
}
.woocommerce-account table.account-orders-table tbody tr:last-child > * { border-bottom: 0 !important; }
.woocommerce-account table.account-orders-table tbody tr:hover > * { background: #fffafb !important; }
.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-number a { color: #C40044 !important; font-weight: 600 !important; text-decoration: none !important; }
.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-delivery-date { color: #5f5f5f !important; }

/* Status: coloured dot + label */
.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-status { font-weight: 600 !important; white-space: nowrap; color: #6b7280 !important; }
.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-status::before {
  content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%;
  vertical-align: middle; position: relative; top: -1px; background: currentColor;
}
.woocommerce-account .account-orders-table .woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status { color: #1d7a46 !important; }
.woocommerce-account .account-orders-table .woocommerce-orders-table__row--status-delivered .woocommerce-orders-table__cell-order-status,
.woocommerce-account .account-orders-table .woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status { color: #0f6e6e !important; }
.woocommerce-account .account-orders-table .woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status,
.woocommerce-account .account-orders-table .woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status { color: #b45309 !important; }
.woocommerce-account .account-orders-table .woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status,
.woocommerce-account .account-orders-table .woocommerce-orders-table__row--status-partial-refund .woocommerce-orders-table__cell-order-status { color: #6d4aa8 !important; }

/* Total: amount bold; refunds show the old total struck through, no underline */
.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-total { color: #6b6b6b !important; font-size: 13px !important; min-width: 120px; }
.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-total .amount { color: #222 !important; font-weight: 600 !important; font-size: 14px; }
.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-total del,
.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-total del .amount { color: #9a9a9a !important; font-weight: 400 !important; }
.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-total ins { text-decoration: none !important; background: none !important; }
.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-total ins .amount { color: #C40044 !important; }

/* Actions: one outlined style; Pay solid; Cancel quiet grey */
.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-actions { white-space: normal; min-width: 210px; }
.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-actions .button {
  display: inline-flex !important; align-items: center; justify-content: center; height: 34px; min-height: 0 !important;
  margin: 3px 6px 3px 0 !important; padding: 0 12px !important; border: 1px solid #f0c5d3 !important; border-radius: 8px !important;
  background: #fff !important; background-image: none !important; box-shadow: none !important; color: #C40044 !important;
  font: 600 12px/1 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  letter-spacing: .04em !important; text-transform: uppercase !important; transform: none !important;
  transition: background-color .15s, border-color .15s;
}
.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-actions .button:hover { background: #fdf0f4 !important; border-color: #C40044 !important; }
.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-actions .button.pay {
  background: linear-gradient(135deg, #e23c4a 0%, #c40044 100%) !important; border-color: transparent !important; color: #fff !important;
}
.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-actions .button.cancel { color: #6b7280 !important; border-color: #e3e3e6 !important; }
.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-actions .button.cancel:hover { background: #f6f6f7 !important; border-color: #9ca3af !important; }

@media (min-width: 992px) {
  .woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-date { min-width: 110px; }
}

/* Phones and tablets: each order becomes a card */
@media (max-width: 991px) {
  .woocommerce-account table.account-orders-table { border: 0 !important; background: transparent; overflow: visible; }
  .woocommerce-account table.account-orders-table thead { display: none !important; }
  .woocommerce-account table.account-orders-table tbody tr {
    display: block !important; margin: 0 0 12px; padding: 0 !important; border: 1px solid #f0dde4; border-radius: 12px; overflow: hidden; background: #fff;
  }
  .woocommerce-account table.account-orders-table tbody tr > * {
    display: flex !important; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: 4px 6px; width: 100% !important;
    padding: 10px 14px !important; border-bottom: 1px solid #f5e9ee !important; text-align: right !important; white-space: normal !important; min-width: 0 !important;
  }
  .woocommerce-account table.account-orders-table tbody tr > *::before {
    content: attr(data-title); float: none !important; flex: none; margin: 0 auto 0 0 !important; padding-right: 12px; text-align: left;
    font: 600 11px/1.3 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #8a7a80;
  }
  .woocommerce-account table.account-orders-table tbody tr > :last-child { border-bottom: 0 !important; }
  .woocommerce-account .account-orders-table tbody .woocommerce-orders-table__cell-order-number { background: #fdf3f6 !important; }
  .woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-status::before {
    content: attr(data-title); width: auto; height: auto; border-radius: 0; background: none; top: 0;
  }
  .woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-actions { flex-wrap: wrap; justify-content: flex-start !important; gap: 6px; }
  .woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-actions::before { display: none; }
  .woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-actions .button { flex: 1 1 auto; margin: 0 !important; height: 40px; }
}