/* EDD compatibility layer — visual tokens only, EDD remains commerce authority. */

.na-commerce-card,.na-cart-card,.na-checkout-card,.na-order-receipt-card,.na-edd-card,#orders .na-account-panel {
  width: 100%;
  border: 1px solid var(--na-line) !important;
  border-radius: var(--na-r-md) !important;
  background: var(--na-surface) !important;
  color: var(--na-text) !important;
  box-shadow: none !important;
  overflow: hidden;
}

.na-cart-card .edd-cart,.na-cart-card .edd-cart ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.na-cart-card li.edd-cart-item {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto auto !important;
  gap: 16px !important;
  align-items: center !important;
  padding: 17px 20px !important;
  border-bottom: 1px solid var(--na-line) !important;
}

.na-cart-card .edd-cart-item-title,.na-order-product-row .edd-cart-item-title {
  color: var(--na-text) !important;
  font-weight: var(--na-fw-semibold) !important;
}

.na-cart-card .edd-cart-item-price,.na-order-product-row .edd-cart-item-price {
  color: var(--na-text) !important;
  font-weight: var(--na-fw-bold) !important;
}

.na-cart-card .edd_total {
  display: flex !important;
  justify-content: space-between !important;
  padding: 17px 20px !important;
  border-top: 1px solid var(--na-line) !important;
}

.na-cart-card .edd_checkout {
  padding: 18px 20px !important;
  text-align: right !important;
}

.edd-table,#edd_checkout_cart,.edd-blocks__checkout-cart,#orders table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: var(--na-surface) !important;
  color: var(--na-text) !important;
}

.edd-table th,.edd-table td,#edd_checkout_cart th,#edd_checkout_cart td,#orders th,#orders td {
  padding: 14px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--na-line) !important;
  background: transparent !important;
  color: var(--na-text) !important;
  text-align: left !important;
}

.edd-table th,#orders th {
  background: var(--na-bg-soft) !important;
  color: var(--na-muted) !important;
  font-size: 13px !important;
  font-weight: var(--na-fw-semibold) !important;
}

.edd-table a,#orders a {
  color: var(--na-text) !important;
  font-weight: var(--na-fw-semibold);
}

.na-order-product strong {
  color: var(--na-text) !important;
}

.na-order-product.is-empty {
  color: var(--na-muted) !important;
}

.na-order-facts>div,.na-order-license-item,.na-order-download-item,.na-order-receipt-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 15px 20px;
  border-bottom: 1px solid var(--na-line);
}

.na-order-facts span,.na-order-subsection__title {
  color: var(--na-muted);
}

.na-order-subsection__title {
  padding: 13px 20px;
  background: var(--na-bg-soft);
  font-size: 13px;
  font-weight: var(--na-fw-semibold);
}

.na-order-license-key-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

.na-order-license-item code {
  padding: 8px 10px;
  border: 1px solid var(--na-line);
  border-radius: 9px;
  background: var(--na-bg-soft);
  color: var(--na-text);
  font-size: 13px;
}

.na-license-copy-button,.na-order-download-button {
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid var(--na-line-strong);
  border-radius: 9px;
  background: var(--na-surface);
  color: var(--na-text);
  font-size: 13px;
  font-weight: var(--na-fw-semibold);
}

.na-checkout-engine fieldset,.edd-blocks-form__group,.edd-blocks__checkout-user,.edd-blocks__checkout-gateways,.edd-blocks__checkout-terms {
  margin: 0 0 12px !important;
  padding: 20px !important;
  border: 1px solid var(--na-line) !important;
  border-radius: var(--na-r-md) !important;
  background: var(--na-surface) !important;
}

.edd_errors,.edd-alert-error {
  padding: 13px;
  border: 1px solid color-mix(in srgb,var(--na-danger) 35%,var(--na-line));
  border-radius: 10px;
  background: color-mix(in srgb,var(--na-danger) 8%,var(--na-surface));
  color: var(--na-danger);
}

.edd-alert-success {
  padding: 13px;
  border: 1px solid color-mix(in srgb,var(--na-positive) 35%,var(--na-line));
  border-radius: 10px;
  background: color-mix(in srgb,var(--na-positive) 8%,var(--na-surface));
  color: var(--na-positive);
}

/* License document pattern — normalizes EDD Software Licensing markup inside the shared modal. */
.na-license-v2 {
  display: grid;
  gap: 18px;
  padding: 22px;
  background: var(--na-bg-soft);
  color: var(--na-text);
}

.na-license-key-card {
  display: grid;
  gap: 8px;
  padding: 18px;
  border: 1px solid var(--na-line);
  border-radius: var(--na-r-lg);
  background: var(--na-surface);
  box-shadow: var(--na-shadow-1);
}
.na-license-key-card>span {
  color: var(--na-muted);
  font-size: 11px;
  font-weight: var(--na-fw-semibold);
  letter-spacing: .1em;
}
.na-license-key-card>div {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 8px;
  align-items: center;
}
.na-license-key-card code {
  min-width: 0;
  overflow: hidden;
  padding: 11px 12px;
  border: 1px solid var(--na-line);
  border-radius: 10px;
  background: var(--na-bg-soft);
  color: var(--na-text);
  font: 500 13px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.na-license-key-card button {
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid var(--na-line-strong);
  border-radius: var(--na-pill);
  background: var(--na-text);
  color: var(--na-bg);
  font-size: 13px;
  font-weight: var(--na-fw-semibold);
}

.na-license-v2 table {
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden;
  border: 1px solid var(--na-line) !important;
  border-radius: var(--na-r-lg) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: var(--na-surface) !important;
  color: var(--na-text) !important;
  box-shadow: var(--na-shadow-1);
}
.na-license-v2 th,.na-license-v2 td {
  padding: 13px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--na-line) !important;
  background: transparent !important;
  color: var(--na-text-2) !important;
  text-align: left !important;
  vertical-align: middle !important;
  font-size: 13px !important;
}
.na-license-v2 th {
  background: var(--na-bg-soft) !important;
  color: var(--na-muted) !important;
  font-weight: var(--na-fw-semibold) !important;
}
.na-license-v2 tr:last-child>* { border-bottom: 0 !important; }
.na-license-v2 a { color: var(--na-text) !important; font-weight: var(--na-fw-semibold); }
.na-license-v2 a:hover { color: var(--na-accent) !important; }
.na-license-v2 form {
  padding: 18px;
  border: 1px solid var(--na-line);
  border-radius: var(--na-r-lg);
  background: var(--na-surface);
}
.na-license-v2 input,.na-license-v2 select { margin: 4px 0; }
.na-license-v2 input[type=submit],.na-license-v2 button[type=submit],.na-key-reveal {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid var(--na-line-strong);
  border-radius: var(--na-pill);
  background: var(--na-surface);
  color: var(--na-text);
  font-size: 13px;
  font-weight: var(--na-fw-semibold);
}

/* Commerce page finishing layer — shared by cart, checkout, order and EDD status pages. */
.na-cart-page,.na-checkout-page,.na-order-detail-page,.na-edd-context-page { background:var(--na-bg); }
.na-commerce-body { min-height:360px; }
.na-commerce-trust { display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:18px; color:var(--na-muted); font-size:13px; }
.na-commerce-trust span { display:inline-flex; align-items:center; gap:6px; }
.na-order-cart-list { display:grid; gap:10px; margin:18px 0; }
.na-order-detail-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.na-order-subsection { margin-top:30px; padding-top:24px; border-top:1px solid var(--na-line); }
.na-order-subsection__title,.na-order-product-heading { margin:0 0 14px; color:var(--na-text); font-size:17px; font-weight:var(--na-fw-semibold); }
.na-order-download-section,.na-order-license-section { display:grid; gap:10px; }
.na-order-download-section--compact { gap:7px; }
.na-receipt-link { display:inline-flex; align-items:center; gap:6px; color:var(--na-text); font-weight:var(--na-fw-medium); }
.na-edd-success-mark { display:grid; place-items:center; width:56px; height:56px; margin-bottom:18px; border-radius:50%; background:color-mix(in srgb,var(--na-positive) 12%,var(--na-surface)); color:var(--na-positive); font-size:24px; }
.na-payment-error { color:var(--na-danger); }

/* Order history stays readable in both themes and becomes horizontally scrollable rather than breaking layout. */
#orders { min-width:0; }
#orders .na-account-panel { overflow:hidden; }
#orders table { min-width:760px; }
#orders th { background:var(--na-surface-2); color:var(--na-muted); font-size:12px; font-weight:var(--na-fw-medium); letter-spacing:.01em; }
#orders td { color:var(--na-text-2); font-size:14px; vertical-align:middle; }
#orders tbody tr { transition:background-color var(--na-fast); }
#orders tbody tr:hover { background:color-mix(in srgb,var(--na-surface-2) 72%,transparent); }
#orders a { color:var(--na-text); font-weight:var(--na-fw-medium); }