/* My Account (orders) styling for page ID 10320 only */
/* Palette references: uses var(--e-global-color-primary) with a fallback */

body.page-id-10320.woocommerce-account {
  --ad-primary: var(--e-global-color-primary, #2a6bfd);
  --ad-primary-700: color-mix(in srgb, var(--ad-primary) 85%, #0b0b0c);
  --ad-surface: #101114;
  --ad-surface-2: #0e0f12;
  --ad-surface-3: #0b0d10;
  --ad-border: #1e2126;
  --ad-border-2: #252932;
  --ad-text: #e6e6e6;
  --ad-text-2: #cfd6de;
  --ad-text-3: #9fb5cc;
  --ad-link: #6ec3ff;
  --ad-link-hover: #99d7ff;
}

/* Container: keep transparent to inherit your page’s dark background */
body.page-id-10320.woocommerce-account .woocommerce-MyAccount-content {
  background: var(--ad-surface);
  border: 1px solid var(--ad-border);
  border-radius: 12px;
  padding: 16px;
}

/* Headings & text */
body.page-id-10320.woocommerce-account .woocommerce h2,
body.page-id-10320.woocommerce-account .woocommerce h3 { color: #e9eef5; }
body.page-id-10320.woocommerce-account .woocommerce p,
body.page-id-10320.woocommerce-account .woocommerce li { color: var(--ad-text-2); }

/* ------------------------------ */
/* Orders list table (endpoint: orders) */
/* ------------------------------ */
body.page-id-10320.woocommerce-account .woocommerce table.shop_table,
body.page-id-10320.woocommerce-account .woocommerce .woocommerce-orders-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: transparent;
  color: #d8dee6;
}
body.page-id-10320.woocommerce-account .woocommerce table th,
body.page-id-10320.woocommerce-account .woocommerce table td {
  border-color: var(--ad-border-2);
}
body.page-id-10320.woocommerce-account .woocommerce table thead th {
  background: #11141a;
  color: var(--ad-text-3);
  font-weight: 600;
}
body.page-id-10320.woocommerce-account .woocommerce table tbody tr:nth-child(odd) td { background: var(--ad-surface-2); }
body.page-id-10320.woocommerce-account .woocommerce table tbody tr:nth-child(even) td { background: var(--ad-surface-3); }

/* Action buttons inside orders table */
body.page-id-10320.woocommerce-account .woocommerce .button,
body.page-id-10320.woocommerce-account .woocommerce a.button,
body.page-id-10320.woocommerce-account .woocommerce .woocommerce-button {
  background: linear-gradient(180deg, var(--ad-primary) 0%, var(--ad-primary-700) 100%);
  color: #fff;
  border: 0;
  border-radius: 8px;
  padding: 10px 16px;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--ad-primary) 30%, transparent);
  transition: transform .06s ease, box-shadow .2s ease;
}
body.page-id-10320.woocommerce-account .woocommerce .button:hover,
body.page-id-10320.woocommerce-account .woocommerce a.button:hover,
body.page-id-10320.woocommerce-account .woocommerce .woocommerce-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px color-mix(in srgb, var(--ad-primary) 44%, transparent);
}

/* Pagination */
body.page-id-10320.woocommerce-account .woocommerce nav.woocommerce-pagination ul { border: 0; }
body.page-id-10320.woocommerce-account .woocommerce nav.woocommerce-pagination ul li a,
body.page-id-10320.woocommerce-account .woocommerce nav.woocommerce-pagination ul li span {
  background: var(--ad-surface-2);
  border: 1px solid var(--ad-border-2);
  color: var(--ad-text-2);
}
body.page-id-10320.woocommerce-account .woocommerce nav.woocommerce-pagination ul li span.current,
body.page-id-10320.woocommerce-account .woocommerce nav.woocommerce-pagination ul li a:hover {
  background: #1a1d22;
  color: var(--ad-link);
  border-color: var(--ad-primary);
}

/* ------------------------------ */
/* Forms within orders endpoints (e.g., view-order, refunds, notes) */
/* ------------------------------ */
body.page-id-10320.woocommerce-account .woocommerce form .form-row label { color: var(--ad-text-2); font-weight: 600; }

body.page-id-10320.woocommerce-account .woocommerce input,
body.page-id-10320.woocommerce-account .woocommerce select,
body.page-id-10320.woocommerce-account .woocommerce textarea {
  background: var(--ad-surface-2);
  color: var(--ad-text);
  border: 1px solid var(--ad-border-2);
  border-radius: 8px;
  padding: 10px 12px;
}
body.page-id-10320.woocommerce-account .woocommerce input:focus,
body.page-id-10320.woocommerce-account .woocommerce select:focus,
body.page-id-10320.woocommerce-account .woocommerce textarea:focus {
  border-color: var(--ad-primary);
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ad-primary) 28%, transparent);
}

/* Checkbox & radio alignment */
body.page-id-10320.woocommerce-account .woocommerce input[type="checkbox"],
body.page-id-10320.woocommerce-account .woocommerce input[type="radio"] {
  accent-color: var(--ad-primary);
}

/* Select2 (country/state selectors) */
body.page-id-10320.woocommerce-account .select2-container .select2-selection--single {
  background: var(--ad-surface-2);
  border: 1px solid var(--ad-border-2);
  border-radius: 8px;
  height: 42px;
}
body.page-id-10320.woocommerce-account .select2-container .select2-selection__rendered {
  color: var(--ad-text);
  line-height: 40px;
  padding-left: 12px;
}
body.page-id-10320.woocommerce-account .select2-container .select2-selection__arrow { height: 40px; }
body.page-id-10320.woocommerce-account .select2-dropdown {
  background: var(--ad-surface-2);
  border: 1px solid var(--ad-border-2);
}
body.page-id-10320.woocommerce-account .select2-results__option { color: var(--ad-text); }
body.page-id-10320.woocommerce-account .select2-results__option--highlighted { background: #1a1d22; }

/* Notices */
body.page-id-10320.woocommerce-account .woocommerce-message,
body.page-id-10320.woocommerce-account .woocommerce-info,
body.page-id-10320.woocommerce-account .woocommerce-error {
  border: 1px solid var(--ad-border);
  background: #12151b;
  color: #dbe6f4;
  border-radius: 10px;
}
body.page-id-10320.woocommerce-account .woocommerce-error {
  border-color: #7f2e2e;
  background: #1a1212;
  color: #ffd6d6;
}

/* Links */
body.page-id-10320.woocommerce-account .woocommerce a { color: var(--ad-link); }
body.page-id-10320.woocommerce-account .woocommerce a:hover { color: var(--ad-link-hover); }

/* Order number color: primary accent (#ff671d) */
body.page-id-10320.woocommerce-account .woocommerce .woocommerce-orders-table__cell-order-number a,
body.page-id-10320.woocommerce-account .woocommerce td.woocommerce-orders-table__cell--order-number a,
body.page-id-10320.woocommerce-account .woocommerce a.order-number,
body.page-id-10320.woocommerce-account .woocommerce td[data-title="Order"] a {
  color: #ff671d !important;
}
body.page-id-10320.woocommerce-account .woocommerce .woocommerce-orders-table__cell-order-number a:hover,
body.page-id-10320.woocommerce-account .woocommerce td.woocommerce-orders-table__cell--order-number a:hover,
body.page-id-10320.woocommerce-account .woocommerce a.order-number:hover,
body.page-id-10320.woocommerce-account .woocommerce td[data-title="Order"] a:hover {
  color: #ff8147 !important; /* slightly lighter on hover */
}
body.page-id-10320.woocommerce-account .woocommerce .woocommerce-orders-table__cell-order-number a:visited,
body.page-id-10320.woocommerce-account .woocommerce td.woocommerce-orders-table__cell--order-number a:visited,
body.page-id-10320.woocommerce-account .woocommerce a.order-number:visited,
body.page-id-10320.woocommerce-account .woocommerce td[data-title="Order"] a:visited {
  color: #ff671d !important;
}

/* View order page order number */
body.page-id-10320.woocommerce-account.woocommerce-view-order .woocommerce-order-overview__order strong,
body.page-id-10320.woocommerce-account .woocommerce-order-overview__order strong,
body.page-id-10320.woocommerce-account .order-number {
  color: #ff671d;
}
body.page-id-10320.woocommerce-account .order-number a:hover {
  color: #ff8147;
}