/* Parent `nera_my_account_styles` keeps overflow:hidden on nav <li>; this !important override is Perla-only
   so hover translateX(4px) + gold border are not clipped on the right. */
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link {
  overflow: visible !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link.is-active a,
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link.is-active a .material-symbols-outlined {
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent)) !important;
  color: #080510 !important;
  -webkit-text-fill-color: #080510;
  border-color: transparent !important;
  box-shadow: var(--shadow-primary) !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link.is-active a:hover,
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link.is-active a:hover .material-symbols-outlined {
  color: #080510 !important;
  -webkit-text-fill-color: #080510;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link a:hover {
  border-color: var(--color-primary) !important;
}

body.woocommerce-account.logged-in .wallet-balance-badge {
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent)) !important;
  color: #080510 !important;
  -webkit-text-fill-color: #080510;
  border-color: transparent !important;
  box-shadow: var(--shadow-primary) !important;
}

/* Wallet page — primary / gold CTAs: force ink (parent `.bg-primary` enforces white) */
body.woocommerce-account.logged-in .nera-wallet-dashboard .woocommerce-Button,
body.woocommerce-account.logged-in .nera-wallet-dashboard .woocommerce-Button.button,
body.woocommerce-account.logged-in .nera-wallet-dashboard button[type='submit'],
body.woocommerce-account.logged-in .nera-wallet-dashboard input[type='submit'] {
  color: #080510 !important;
  -webkit-text-fill-color: #080510 !important;
}

body.woocommerce-account.logged-in .nera-wallet-dashboard .woocommerce-Button .material-symbols-outlined,
body.woocommerce-account.logged-in .nera-wallet-dashboard button[type='submit'] .material-symbols-outlined {
  color: #080510 !important;
  -webkit-text-fill-color: #080510 !important;
}

/* Quick actions on gold balance card — labels + icons */
body.woocommerce-account.logged-in .nera-wallet-dashboard .bg-gradient-to-br.from-primary a,
body.woocommerce-account.logged-in .nera-wallet-dashboard .bg-gradient-to-br.from-primary a .material-symbols-outlined {
  color: #080510 !important;
  -webkit-text-fill-color: #080510 !important;
}

/* ---------------------------------------------------------------------------
   Woo Wallet / Tera Wallet — dark account canvas (child-brand tokens only)
   Plugin default UI (.woo-wallet-my-wallet-container) + child .nera-wallet-dashboard
   --------------------------------------------------------------------------- */

/* Balance card: gold + ink (matches plugin .woo-wallet-balance-card; child adds same class) */
body.woocommerce-account.logged-in .woo-wallet-balance-card {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%) !important;
  box-shadow: var(--shadow-primary) !important;
  color: var(--color-on-primary) !important;
}

body.woocommerce-account.logged-in .woo-wallet-balance-card,
body.woocommerce-account.logged-in .woo-wallet-balance-card * {
  color: var(--color-on-primary) !important;
  -webkit-text-fill-color: var(--color-on-primary) !important;
}

/* Child: ink on balance card (overrides Tailwind text-white utilities) */
body.woocommerce-account.logged-in .nera-wallet-dashboard .woo-wallet-balance-card .text-white,
body.woocommerce-account.logged-in .nera-wallet-dashboard .woo-wallet-balance-card .text-white\/80 {
  color: var(--color-on-primary) !important;
  -webkit-text-fill-color: var(--color-on-primary) !important;
}

/* Plugin default template: page header copy */
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-header h2,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-header p {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
}

/*
 * Plugin `woo-wallet/build/frontend/main.css` paints:
 * .woo-wallet-top-section, .woo-wallet-nav-tabs, .woo-wallet-nav-tab,
 * .woo-wallet-content-area, .woo-wallet-transactions-list, .woo-wallet-section-title
 * with #fff / #f0f0f0 — strip those so dark account canvas shows through.
 */
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-top-section {
  background: transparent !important;
  box-shadow: none !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-nav-tabs,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-content-area {
  background: transparent !important;
  box-shadow: none !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-transactions-list {
  background: transparent !important;
  box-shadow: none !important;
  border-color: var(--perla-border) !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-nav-tabs {
  border-color: var(--perla-border-dim) !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-content-area {
  border: 1px solid var(--perla-border) !important;
  border-radius: 1rem;
}

/* Top-up / transfer form shell — matches account cards (.perla-account-fields-card-frame + bg-surface + shadow-sm / hover:shadow-md) */
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-form-wrapper {
  background-color: var(--color-surface) !important;
  border: 1px solid var(--color-primary) !important;
  border-radius: 1rem !important;
  box-sizing: border-box !important;
  box-shadow: 0 1px 2px 0 color-mix(in srgb, #000 16%, transparent) !important;
  overflow: hidden !important;
  padding: clamp(1rem, 3vw, 1.5rem) !important;
  transition:
    box-shadow 0.3s ease,
    border-color 0.22s ease,
    transform 0.22s ease !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-form-wrapper:hover {
  box-shadow:
    0 4px 6px -1px color-mix(in srgb, #000 24%, transparent),
    0 2px 4px -2px color-mix(in srgb, #000 20%, transparent) !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-nav-tab {
  background: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
  border-color: var(--perla-border-dim) !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-nav-tab:hover,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-nav-tab:focus,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-nav-tab:active {
  background: color-mix(in srgb, #ffffff 8%, transparent) !important;
  color: #ffffff !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-nav-tab.active {
  background: color-mix(in srgb, var(--color-primary) 18%, transparent) !important;
  color: var(--color-primary) !important;
  -webkit-text-fill-color: var(--color-primary);
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-submenu-item {
  color: #ffffff !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-submenu {
  background: color-mix(in srgb, var(--color-surface) 92%, #000) !important;
  border: 1px solid var(--perla-border-dim) !important;
  box-shadow: 0 10px 30px color-mix(in srgb, #000 45%, transparent) !important;
}

/* Section titles + table header titles — primary gold (no white title bar) */
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-section-title {
  background: transparent !important;
  border-bottom: 1px solid var(--perla-border-dim) !important;
  color: var(--color-primary) !important;
  -webkit-text-fill-color: var(--color-primary) !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-transactions-table thead th,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container #wc-wallet-transaction-details thead th {
  color: var(--color-primary) !important;
  -webkit-text-fill-color: var(--color-primary) !important;
}

/* Plugin static transactions table — no outer frame on <table> */
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-transactions-table {
  border: none !important;
  outline: none !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-transactions-table thead th {
  background: transparent !important;
  border-bottom: 1px solid var(--perla-border-dim) !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  font-size: 0.875rem !important;
  line-height: 1.35 !important;
  padding: 20px 30px !important;
  vertical-align: middle !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-transactions-table tbody td {
  color: #ffffff !important;
  border-bottom: 1px solid var(--perla-border-dim) !important;
  padding: 20px 30px !important;
  vertical-align: middle !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-transactions-table tbody td.amount,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-transactions-table tbody td.amount .woocommerce-Price-amount {
  text-align: right !important;
  font-weight: 700 !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-transactions-table tr:hover td {
  background: color-mix(in srgb, #ffffff 6%, transparent) !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-transactions-table tbody td.amount.credit,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-transactions-table tbody td.amount.credit .woocommerce-Price-amount {
  color: var(--color-success-text) !important;
  -webkit-text-fill-color: var(--color-success-text) !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-transactions-table tbody td.amount.debit,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-transactions-table tbody td.amount.debit .woocommerce-Price-amount {
  color: var(--color-danger-text) !important;
  -webkit-text-fill-color: var(--color-danger-text) !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-transactions-list > p {
  color: #ffffff !important;
}

/* Woo Wallet — filter row: no grey panel (plugin main.css: #f9fafc + 10px radius) */
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-table-controls,
body.woocommerce-account.logged-in .nera-wallet-dashboard .woo-wallet-table-controls {
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  align-items: center !important;
}

/* Tabulator filter row — inputs match account WC fields (perla-sections: .form-row / .woocommerce-input-wrapper inputs): border, surface, focus */
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-table-controls > input,
body.woocommerce-account.logged-in .nera-wallet-dashboard .woo-wallet-table-controls > input {
  position: relative !important;
  width: auto !important;
  min-width: 0 !important;
  background-color: var(--color-surface) !important;
  color: var(--color-text-primary) !important;
  -webkit-text-fill-color: var(--color-text-primary) !important;
  border: 1px solid var(--color-gray-200) !important;
  border-radius: 0.75rem !important;
  outline: none !important;
  box-shadow: none !important;
  transition:
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-table-controls > input:focus,
body.woocommerce-account.logged-in .nera-wallet-dashboard .woo-wallet-table-controls > input:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 1px var(--color-primary) !important;
  outline: none !important;
}

/* WebKit/Chromium: entire field opens date picker (not only the calendar icon) */
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-table-controls > input[type='date']::-webkit-calendar-picker-indicator,
body.woocommerce-account.logged-in .nera-wallet-dashboard .woo-wallet-table-controls > input[type='date']::-webkit-calendar-picker-indicator {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-table-controls > input[type='date']::-webkit-datetime-edit,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-table-controls > input[type='date']::-webkit-datetime-edit-fields-wrapper,
body.woocommerce-account.logged-in .nera-wallet-dashboard .woo-wallet-table-controls > input[type='date']::-webkit-datetime-edit,
body.woocommerce-account.logged-in .nera-wallet-dashboard .woo-wallet-table-controls > input[type='date']::-webkit-datetime-edit-fields-wrapper {
  color: var(--color-text-primary) !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-table-controls > input,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-table-controls > button,
body.woocommerce-account.logged-in .nera-wallet-dashboard .woo-wallet-table-controls > input,
body.woocommerce-account.logged-in .nera-wallet-dashboard .woo-wallet-table-controls > button {
  min-height: 2.25rem !important;
  height: 2.25rem !important;
  box-sizing: border-box !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-table-controls > button,
body.woocommerce-account.logged-in .nera-wallet-dashboard .woo-wallet-table-controls > button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%) !important;
  background-color: var(--color-primary) !important;
  color: var(--color-on-primary) !important;
  -webkit-text-fill-color: var(--color-on-primary) !important;
  border: none !important;
  border-width: 0 !important;
  box-shadow: var(--shadow-primary, none) !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-table-controls > button:hover,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-table-controls > button:focus,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .woo-wallet-table-controls > button:active,
body.woocommerce-account.logged-in .nera-wallet-dashboard .woo-wallet-table-controls > button:hover,
body.woocommerce-account.logged-in .nera-wallet-dashboard .woo-wallet-table-controls > button:focus,
body.woocommerce-account.logged-in .nera-wallet-dashboard .woo-wallet-table-controls > button:active {
  filter: brightness(1.06) !important;
  border: none !important;
  border-color: transparent !important;
}

/* DataTables wallet history — match Recent Transactions (.woo-wallet-transactions-table): no outer frame */
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container #wc-wallet-transaction-details,
body.woocommerce-account.logged-in .nera-wallet-dashboard #wc-wallet-transaction-details {
  border: none !important;
  outline: none !important;
}

/* DataTables + Bootstrap .table — dark surface like .woo-wallet-transactions-table (no white card / grey thead) */
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_filter,
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_length,
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_info,
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_paginate {
  background: transparent !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container #wc-wallet-transaction-details.table,
body.woocommerce-account.logged-in .nera-wallet-dashboard #wc-wallet-transaction-details.table,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container table.dataTable#wc-wallet-transaction-details,
body.woocommerce-account.logged-in .nera-wallet-dashboard table.dataTable#wc-wallet-transaction-details,
body.woocommerce-account.logged-in #wc-wallet-transaction-details.table,
body.woocommerce-account.logged-in table.dataTable#wc-wallet-transaction-details {
  --bs-table-bg: transparent !important;
  --bs-table-accent-bg: transparent !important;
  --bs-table-striped-color: #ffffff !important;
  --bs-table-striped-bg: transparent !important;
  --bs-table-active-bg: color-mix(in srgb, #ffffff 8%, transparent) !important;
  --bs-table-active-color: #ffffff !important;
  --bs-table-hover-bg: color-mix(in srgb, #ffffff 6%, transparent) !important;
  --bs-table-hover-color: #ffffff !important;
  --bs-table-border-color: var(--perla-border-dim) !important;
  --bs-table-color: #ffffff !important;
  background-color: transparent !important;
  color: #ffffff !important;
  border-collapse: collapse !important;
  width: 100% !important;
  border: none !important;
  box-shadow: none !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper table.dataTable > thead > tr > th,
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper table.dataTable > thead > tr > td,
body.woocommerce-account.logged-in #wc-wallet-transaction-details > thead > tr > th,
body.woocommerce-account.logged-in #wc-wallet-transaction-details > thead > tr > td {
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--color-primary) !important;
  -webkit-text-fill-color: var(--color-primary) !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid var(--perla-border-dim) !important;
  vertical-align: middle !important;
  padding: 20px 30px !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper table.dataTable > tbody > tr > th,
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper table.dataTable > tbody > tr > td,
body.woocommerce-account.logged-in #wc-wallet-transaction-details.table > tbody > tr > th,
body.woocommerce-account.logged-in #wc-wallet-transaction-details.table > tbody > tr > td {
  background: transparent !important;
  background-color: transparent !important;
  color: #ffffff !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid var(--perla-border-dim) !important;
  box-shadow: none !important;
  vertical-align: middle !important;
  padding: 0.875rem 0.75rem !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper table.dataTable > thead > tr > th:last-child,
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper table.dataTable > thead > tr > th:nth-child(3),
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper table.dataTable > tbody > tr > td:last-child,
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper table.dataTable > tbody > tr > td:nth-child(3),
body.woocommerce-account.logged-in #wc-wallet-transaction-details > thead > tr > th:last-child,
body.woocommerce-account.logged-in #wc-wallet-transaction-details > thead > tr > th:nth-child(3),
body.woocommerce-account.logged-in #wc-wallet-transaction-details > tbody > tr > td:last-child,
body.woocommerce-account.logged-in #wc-wallet-transaction-details > tbody > tr > td:nth-child(3),
body.woocommerce-account.logged-in #wc-wallet-transaction-details.table > thead > tr > th:nth-child(3),
body.woocommerce-account.logged-in #wc-wallet-transaction-details.table > tbody > tr > td:nth-child(3),
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container #wc-wallet-transaction-details thead th:nth-child(3),
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container #wc-wallet-transaction-details tbody td:nth-child(3),
body.woocommerce-account.logged-in .nera-wallet-dashboard #wc-wallet-transaction-details thead th:nth-child(3),
body.woocommerce-account.logged-in .nera-wallet-dashboard #wc-wallet-transaction-details tbody td:nth-child(3) {
  text-align: right !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details tbody > tr > td:last-child mark,
body.woocommerce-account.logged-in #wc-wallet-transaction-details tbody > tr > td:last-child mark .woocommerce-Price-amount {
  font-weight: 700 !important;
}

@keyframes perla-wallet-loader-dot-wave {
  0%,
  60%,
  100% {
    transform: translateY(0);
    opacity: 0.52;
  }
  30% {
    transform: translateY(-8px);
    opacity: 1;
  }
}

/* DataTables processing — gold bouncing dots, no white panel / border / box */
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper div.dataTables_processing {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  color: transparent !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper div.dataTables_processing > div {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper div.dataTables_processing > div:last-child > div {
  background: var(--color-primary) !important;
  background-color: var(--color-primary) !important;
  animation: perla-wallet-loader-dot-wave 0.9s ease-in-out infinite !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper div.dataTables_processing > div:last-child > div:nth-child(1) {
  animation-delay: 0s !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper div.dataTables_processing > div:last-child > div:nth-child(2) {
  animation-delay: 0.12s !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper div.dataTables_processing > div:last-child > div:nth-child(3) {
  animation-delay: 0.24s !important;
}

/* Tabulator loading (alert) — three gold dots + dim overlay; errors keep plugin/readable surface */
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-alert,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-alert,
body.woocommerce-account.logged-in .tabulator .tabulator-alert {
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  box-shadow: none !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-alert:not(:has(.tabulator-alert-state-error)),
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-alert:not(:has(.tabulator-alert-state-error)),
body.woocommerce-account.logged-in .tabulator .tabulator-alert:not(:has(.tabulator-alert-state-error)) {
  background: color-mix(in srgb, var(--color-background-dark) 78%, transparent) !important;
  background-color: color-mix(in srgb, var(--color-background-dark) 78%, transparent) !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator:has(.tabulator-alert:not(:has(.tabulator-alert-state-error))) .tabulator-placeholder,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator:has(.tabulator-alert:not(:has(.tabulator-alert-state-error))) .tabulator-placeholder {
  opacity: 0.2 !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-alert .tabulator-alert-msg:not(.tabulator-alert-state-error),
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-alert .tabulator-alert-msg:not(.tabulator-alert-state-error),
body.woocommerce-account.logged-in .tabulator .tabulator-alert .tabulator-alert-msg:not(.tabulator-alert-state-error) {
  position: relative !important;
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background: var(--color-primary) !important;
  background-color: var(--color-primary) !important;
  border: none !important;
  border-radius: 9999px !important;
  box-shadow:
    0 0 14px color-mix(in srgb, var(--color-primary) 72%, transparent),
    0 0 5px color-mix(in srgb, var(--color-primary) 45%, transparent) !important;
  animation: perla-wallet-loader-dot-wave 0.9s ease-in-out infinite !important;
  animation-delay: 0.12s !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-alert .tabulator-alert-msg:not(.tabulator-alert-state-error)::before,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-alert .tabulator-alert-msg:not(.tabulator-alert-state-error)::after,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-alert .tabulator-alert-msg:not(.tabulator-alert-state-error)::before,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-alert .tabulator-alert-msg:not(.tabulator-alert-state-error)::after,
body.woocommerce-account.logged-in .tabulator .tabulator-alert .tabulator-alert-msg:not(.tabulator-alert-state-error)::before,
body.woocommerce-account.logged-in .tabulator .tabulator-alert .tabulator-alert-msg:not(.tabulator-alert-state-error)::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 9999px !important;
  background: var(--color-primary) !important;
  background-color: var(--color-primary) !important;
  box-shadow:
    0 0 14px color-mix(in srgb, var(--color-primary) 72%, transparent),
    0 0 5px color-mix(in srgb, var(--color-primary) 45%, transparent) !important;
  animation: perla-wallet-loader-dot-wave 0.9s ease-in-out infinite !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-alert .tabulator-alert-msg:not(.tabulator-alert-state-error)::before,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-alert .tabulator-alert-msg:not(.tabulator-alert-state-error)::before,
body.woocommerce-account.logged-in .tabulator .tabulator-alert .tabulator-alert-msg:not(.tabulator-alert-state-error)::before {
  left: -22px !important;
  animation-delay: 0s !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-alert .tabulator-alert-msg:not(.tabulator-alert-state-error)::after,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-alert .tabulator-alert-msg:not(.tabulator-alert-state-error)::after,
body.woocommerce-account.logged-in .tabulator .tabulator-alert .tabulator-alert-msg:not(.tabulator-alert-state-error)::after {
  left: 22px !important;
  animation-delay: 0.24s !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_length,
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_info,
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_filter label,
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_paginate {
  color: #ffffff !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_length {
  background: transparent !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_length select,
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_length select {
  background: color-mix(in srgb, var(--color-surface) 88%, transparent) !important;
  background-color: color-mix(in srgb, var(--color-surface) 88%, transparent) !important;
  color: #ffffff !important;
  border: 1px solid var(--perla-border-dim) !important;
  border-radius: 0.375rem;
  padding: 0.35rem 2rem 0.35rem 0.5rem !important;
  margin-left: 0.125rem !important;
  margin-right: 0.125rem !important;
  accent-color: #2563eb;
}

/* Native <select> dropdown list — white rows + blue active (OS support varies) */
body.woocommerce-account.logged-in #wc-wallet-transaction-details_length select option,
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_length select option {
  background-color: #ffffff !important;
  color: #080510 !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_length select option:checked,
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_length select option:checked {
  background-color: #2563eb !important;
  color: #ffffff !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_length select:focus,
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_length select:focus {
  outline: none !important;
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 28%, transparent) !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_length label {
  display: inline-flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  gap: 0.5rem !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_paginate {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  column-gap: 0.625rem !important;
  row-gap: 0.375rem !important;
}

/* DataTables wraps page numbers in a direct child <span>; gap on .dataTables_paginate does not space those links */
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_paginate > span {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_paginate .paginate_button {
  margin-left: 0 !important;
}

/* DataTables pagination — active page: gold (replaces default blue pill) */
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_paginate .paginate_button.current,
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_paginate .paginate_button.current:hover,
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_paginate .paginate_button.current:active,
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_paginate .paginate_button.current:focus {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%) !important;
  color: var(--color-on-primary) !important;
  -webkit-text-fill-color: var(--color-on-primary) !important;
  border-color: color-mix(in srgb, var(--color-primary-dark) 35%, transparent) !important;
  box-shadow: var(--shadow-primary) !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_paginate .paginate_button:not(.current):not(.disabled) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: transparent !important;
  border-color: var(--perla-border-dim) !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_paginate .paginate_button:not(.current):not(.disabled):hover {
  background: color-mix(in srgb, #ffffff 10%, transparent) !important;
  color: #ffffff !important;
  border-color: var(--perla-border) !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_paginate .paginate_button.disabled,
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  color: color-mix(in srgb, #ffffff 45%, transparent) !important;
  background: transparent !important;
  border-color: var(--perla-border-dim) !important;
  cursor: default !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_paginate .paginate_button.previous,
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_paginate .paginate_button.next {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_paginate .paginate_button.previous:not(.disabled):hover,
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper .dataTables_paginate .paginate_button.next:not(.disabled):hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Date range filter input + daterangepicker calendars (remove white backgrounds) */
body.woocommerce-account.logged-in #wc-wallet-transaction-details_filter input {
  background: transparent !important;
  background-color: transparent !important;
  color: #ffffff !important;
  border: 1px solid var(--perla-border-dim) !important;
  border-radius: 0.5rem;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_filter input::placeholder {
  color: color-mix(in srgb, #ffffff 55%, transparent) !important;
}

body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker {
  background-color: color-mix(in srgb, var(--color-surface) 96%, transparent) !important;
  border: 1px solid var(--perla-border) !important;
  color: var(--color-text-primary) !important;
}

body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker:before {
  border-bottom-color: var(--perla-border) !important;
}

body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker:after {
  border-bottom-color: color-mix(in srgb, var(--color-surface) 96%, transparent) !important;
}

body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker.drop-up:after {
  border-top-color: color-mix(in srgb, var(--color-surface) 96%, transparent) !important;
}

body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .calendar-table {
  background-color: transparent !important;
  border-color: var(--perla-border-dim) !important;
  color: var(--color-text-primary) !important;
}

body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .calendar-table th,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .calendar-table td {
  background-color: transparent !important;
  color: var(--color-text-primary) !important;
}

body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .calendar-table .prev span,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .calendar-table .next span {
  color: #ffffff !important;
  border-color: #ffffff !important;
  border-style: solid !important;
  border-width: 0 2px 2px 0 !important;
}

body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker td.available:hover,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker th.available:hover {
  background-color: color-mix(in srgb, #ffffff 12%, transparent) !important;
  color: var(--color-text-primary) !important;
}

body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker td.off,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker td.off.in-range,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker td.off.start-date,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker td.off.end-date {
  background-color: transparent !important;
  color: var(--color-gray-500) !important;
}

body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker td.in-range {
  background-color: color-mix(in srgb, var(--color-primary) 25%, transparent) !important;
  color: #ffffff !important;
}

body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker td.active,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker td.active:hover {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%) !important;
  color: var(--color-on-primary) !important;
}

body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .drp-buttons {
  background: transparent !important;
  border-top-color: var(--perla-border-dim) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.5rem !important;
}

/* Cancel + Apply: equal height; Cancel matches DataTables paginate_button (outline on dark) */
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .drp-buttons .btn {
  min-height: 2.25rem !important;
  height: 2.25rem !important;
  padding: 0 0.875rem !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  border-radius: 0.25rem !important;
  margin-left: 0 !important;
  vertical-align: middle !important;
}

body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .drp-buttons .cancelBtn,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .drp-buttons .btn-default,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .drp-buttons .btn-secondary,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .drp-buttons button.btn-default,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .drp-buttons button.btn-secondary {
  background: transparent !important;
  background-color: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid var(--perla-border-dim) !important;
  box-shadow: none !important;
}

body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .drp-buttons .cancelBtn:hover,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .drp-buttons .btn-default:hover,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .drp-buttons .btn-secondary:hover,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .drp-buttons button.btn-default:hover,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .drp-buttons button.btn-secondary:hover {
  background: color-mix(in srgb, #ffffff 10%, transparent) !important;
  color: #ffffff !important;
  border-color: var(--perla-border) !important;
}

body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .drp-buttons .applyBtn,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .drp-buttons .btn-primary,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .drp-buttons button.btn-primary {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%) !important;
  color: var(--color-on-primary) !important;
  -webkit-text-fill-color: var(--color-on-primary) !important;
  border: 1px solid color-mix(in srgb, var(--color-primary-dark) 35%, transparent) !important;
  box-shadow: var(--shadow-primary) !important;
}

body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .drp-buttons .applyBtn:hover,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .drp-buttons .btn-primary:hover,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .drp-buttons button.btn-primary:hover {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%) !important;
  color: var(--color-on-primary) !important;
  border-color: color-mix(in srgb, var(--color-primary-dark) 35%, transparent) !important;
}

body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .drp-selected {
  color: var(--color-text-primary) !important;
}

body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .ranges li:hover {
  background-color: color-mix(in srgb, #ffffff 8%, transparent) !important;
}

body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker .ranges li.active {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%) !important;
  color: var(--color-on-primary) !important;
}

body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker select.monthselect,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker select.yearselect,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker select.hourselect,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker select.minuteselect,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker select.secondselect,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker select.ampmselect {
  background: var(--color-gray-50) !important;
  border: 1px solid var(--perla-border-dim) !important;
  color: var(--color-text-primary) !important;
}

body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker.show-ranges.single.ltr .drp-calendar.left,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker.show-ranges.ltr .drp-calendar.left,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-left-color: var(--perla-border-dim) !important;
}

body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right-color: var(--perla-border-dim) !important;
}

body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker td.week,
body.woocommerce-account.logged-in:has(#wc-wallet-transaction-details_wrapper) .daterangepicker th.week {
  color: var(--color-gray-500) !important;
}

/* Wallet DataTables — remove default sort chevrons (::before / ::after) on thead */
body.woocommerce-account.logged-in table.dataTable#wc-wallet-transaction-details thead > tr > th[class*='sorting']::before,
body.woocommerce-account.logged-in table.dataTable#wc-wallet-transaction-details thead > tr > th[class*='sorting']::after,
body.woocommerce-account.logged-in table.dataTable#wc-wallet-transaction-details thead > tr > td[class*='sorting']::before,
body.woocommerce-account.logged-in table.dataTable#wc-wallet-transaction-details thead > tr > td[class*='sorting']::after {
  display: none !important;
  content: none !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper table.dataTable tbody tr:hover td,
body.woocommerce-account.logged-in #wc-wallet-transaction-details tbody tr:hover td {
  background: color-mix(in srgb, #ffffff 6%, transparent) !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details tbody td mark {
  background: transparent !important;
}

/* Amount column — same credit/debit colours as .woo-wallet-transactions-table (beat tbody td color:#fff) */
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper table.dataTable > tbody > tr > td mark.credit,
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper table.dataTable > tbody > tr > td mark.credit .woocommerce-Price-amount,
body.woocommerce-account.logged-in #wc-wallet-transaction-details.table > tbody > tr > td mark.credit,
body.woocommerce-account.logged-in #wc-wallet-transaction-details.table > tbody > tr > td mark.credit .woocommerce-Price-amount,
body.woocommerce-account.logged-in #wc-wallet-transaction-details tbody td mark.credit,
body.woocommerce-account.logged-in #wc-wallet-transaction-details tbody td mark.credit .woocommerce-Price-amount {
  color: var(--color-success-text) !important;
  -webkit-text-fill-color: var(--color-success-text) !important;
}

body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper table.dataTable > tbody > tr > td mark.debit,
body.woocommerce-account.logged-in #wc-wallet-transaction-details_wrapper table.dataTable > tbody > tr > td mark.debit .woocommerce-Price-amount,
body.woocommerce-account.logged-in #wc-wallet-transaction-details.table > tbody > tr > td mark.debit,
body.woocommerce-account.logged-in #wc-wallet-transaction-details.table > tbody > tr > td mark.debit .woocommerce-Price-amount,
body.woocommerce-account.logged-in #wc-wallet-transaction-details tbody td mark.debit,
body.woocommerce-account.logged-in #wc-wallet-transaction-details tbody td mark.debit .woocommerce-Price-amount {
  color: var(--color-danger-text) !important;
  -webkit-text-fill-color: var(--color-danger-text) !important;
}

body.woocommerce-account.logged-in table.dataTable#wc-wallet-transaction-details tbody tr {
  background: transparent !important;
}

/* No zebra striping — Recent Transactions table uses flat rows + hover only */
body.woocommerce-account.logged-in table.dataTable#wc-wallet-transaction-details.stripe tbody tr.odd,
body.woocommerce-account.logged-in table.dataTable#wc-wallet-transaction-details.display tbody tr.odd {
  background: transparent !important;
}

/* Child nera wallet: floating content panel — no white surface */
body.woocommerce-account.logged-in .nera-wallet-dashboard .woo-wallet-content-area {
  background: transparent !important;
  box-shadow: none !important;
  border-color: var(--perla-border-dim) !important;
}

/* Child: section headings (Tailwind text-text-primary) */
body.woocommerce-account.logged-in .nera-wallet-dashboard .nera-wallet-transactions h3.text-text-primary,
body.woocommerce-account.logged-in .nera-wallet-dashboard .nera-wallet-topup h3.text-text-primary,
body.woocommerce-account.logged-in .nera-wallet-dashboard .nera-wallet-transfer h3.text-text-primary {
  color: var(--color-primary) !important;
}

/* Child: back link on canvas */
body.woocommerce-account.logged-in .nera-wallet-dashboard > a.text-gray-600 {
  color: #ffffff !important;
}

/* Child: “How wallet works” panel — title gold, body white */
body.woocommerce-account.logged-in .nera-wallet-dashboard .mt-8.rounded-2xl.border.border-info-bg h4.text-text-primary {
  color: var(--color-primary) !important;
}

body.woocommerce-account.logged-in .nera-wallet-dashboard .mt-8.rounded-2xl.border.border-info-bg .text-text-secondary,
body.woocommerce-account.logged-in .nera-wallet-dashboard .mt-8.rounded-2xl.border.border-info-bg .space-y-2 p {
  color: #ffffff !important;
}

/* -------------------------------------------------------------------------
   Woo Wallet Tabulator — dark wallet grid (header: gold / transparent; body: white on clear rows)
   Plugin bundles Tabulator; overrides live in child theme only.
   ------------------------------------------------------------------------- */
body.woocommerce-account.logged-in .tabulator {
  background: transparent !important;
  border: none !important;
}

body.woocommerce-account.logged-in .tabulator .tabulator-tableholder,
body.woocommerce-account.logged-in .tabulator .tabulator-tableHolder {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-tableholder .tabulator-table,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-tableHolder .tabulator-table,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-tableholder .tabulator-table,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-tableHolder .tabulator-table,
body.woocommerce-account.logged-in .tabulator .tabulator-tableholder .tabulator-table,
body.woocommerce-account.logged-in .tabulator .tabulator-tableHolder .tabulator-table {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

body.woocommerce-account.logged-in .tabulator .tabulator-header {
  background: transparent !important;
  background-color: transparent !important;
  border-top: 1px solid var(--perla-border-dim) !important;
  border-bottom: 1px solid var(--perla-border-dim) !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}

body.woocommerce-account.logged-in .tabulator .tabulator-header .tabulator-headers {
  background: transparent !important;
  background-color: transparent !important;
}

body.woocommerce-account.logged-in .tabulator .tabulator-header .tabulator-col {
  background: transparent !important;
  background-color: transparent !important;
  border-right: none !important;
}

body.woocommerce-account.logged-in .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
  padding-top: 0.875rem !important;
  padding-right: 0.75rem !important;
  padding-bottom: 1rem !important;
  padding-left: 0.75rem !important;
  background: transparent !important;
  background-color: transparent !important;
  vertical-align: middle !important;
}

/* Match .woo-wallet-transactions-table thead th typography (gold, uppercase, weight, tracking) */
body.woocommerce-account.logged-in .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
  color: var(--color-primary) !important;
  -webkit-text-fill-color: var(--color-primary) !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-family: inherit !important;
}

/* Wallet Tabulator header — same size/weight/padding as .woo-wallet-transactions-table thead th (overrides plugin .72rem / 15px 20px) */
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-header,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-header {
  font-size: 0.875rem !important;
  line-height: 1.35 !important;
  border-radius: 0 !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-header .tabulator-col,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-header .tabulator-col {
  font-size: inherit !important;
  font-weight: 700 !important;
  padding: 0 !important;
  vertical-align: middle !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-header .tabulator-col .tabulator-col-content,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
  padding-top: 0.875rem !important;
  padding-right: 0.75rem !important;
  padding-bottom: 1rem !important;
  padding-left: 0.75rem !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
  font-size: inherit !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  line-height: inherit !important;
  text-transform: uppercase !important;
}

body.woocommerce-account.logged-in .tabulator .tabulator-header .tabulator-col:not(:last-child) .tabulator-col-content,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-header .tabulator-col:not(:last-child) .tabulator-col-content,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-header .tabulator-col:not(:last-child) .tabulator-col-content {
  padding: 20px 30px !important;
  text-align: left !important;
}

body.woocommerce-account.logged-in .tabulator .tabulator-header .tabulator-col:last-child .tabulator-col-content,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-header .tabulator-col:last-child .tabulator-col-content,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-header .tabulator-col:last-child .tabulator-col-content {
  padding: 20px 30px !important;
  text-align: right !important;
}

/* Amount column — Tabulator `field: amount` → [tabulator-field="amount"] (beats :last-child / :not(:last-child) when order differs) */
body.woocommerce-account.logged-in .tabulator .tabulator-header .tabulator-col[tabulator-field='amount'] .tabulator-col-content,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-header .tabulator-col[tabulator-field='amount'] .tabulator-col-content,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-header .tabulator-col[tabulator-field='amount'] .tabulator-col-content {
  text-align: right !important;
}

/* Tabulator footer — no white bar; all footer copy + controls read as white on dark */
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-footer,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-footer,
body.woocommerce-account.logged-in .tabulator .tabulator-footer {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-top: 1px solid var(--perla-border-dim) !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-footer .tabulator-footer-contents,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-footer .tabulator-footer-contents,
body.woocommerce-account.logged-in .tabulator .tabulator-footer .tabulator-footer-contents {
  background: transparent !important;
  background-color: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-footer .tabulator-paginator,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-footer .tabulator-paginator,
body.woocommerce-account.logged-in .tabulator .tabulator-footer .tabulator-paginator {
  background: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-footer .tabulator-paginator label,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-footer .tabulator-paginator label,
body.woocommerce-account.logged-in .tabulator .tabulator-footer .tabulator-paginator label {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-footer .tabulator-paginator .tabulator-page,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-footer .tabulator-paginator .tabulator-page,
body.woocommerce-account.logged-in .tabulator .tabulator-footer .tabulator-paginator .tabulator-page {
  background: transparent !important;
  background-color: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--perla-border-dim) !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:not(.disabled):hover,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:not(.disabled):hover,
body.woocommerce-account.logged-in .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:not(.disabled):hover {
  background: color-mix(in srgb, #ffffff 10%, transparent) !important;
  background-color: color-mix(in srgb, #ffffff 10%, transparent) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--perla-border) !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-footer .tabulator-paginator .tabulator-page.disabled,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-footer .tabulator-paginator .tabulator-page.disabled,
body.woocommerce-account.logged-in .tabulator .tabulator-footer .tabulator-paginator .tabulator-page.disabled {
  color: color-mix(in srgb, #ffffff 45%, transparent) !important;
  -webkit-text-fill-color: color-mix(in srgb, #ffffff 45%, transparent) !important;
  background: transparent !important;
  background-color: transparent !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-footer .tabulator-paginator .tabulator-page.active,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-footer .tabulator-paginator .tabulator-page.active,
body.woocommerce-account.logged-in .tabulator .tabulator-footer .tabulator-paginator .tabulator-page.active {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%) !important;
  color: var(--color-on-primary) !important;
  -webkit-text-fill-color: var(--color-on-primary) !important;
  border-color: color-mix(in srgb, var(--color-primary-dark) 35%, transparent) !important;
  box-shadow: var(--shadow-primary) !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-footer .tabulator-paginator .tabulator-page-size,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-footer .tabulator-paginator .tabulator-page-size,
body.woocommerce-account.logged-in .tabulator .tabulator-footer .tabulator-paginator .tabulator-page-size {
  background: color-mix(in srgb, var(--color-surface) 88%, transparent) !important;
  background-color: color-mix(in srgb, var(--color-surface) 88%, transparent) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid var(--perla-border-dim) !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-footer .tabulator-paginator .tabulator-page-size:focus,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-footer .tabulator-paginator .tabulator-page-size:focus,
body.woocommerce-account.logged-in .tabulator .tabulator-footer .tabulator-paginator .tabulator-page-size:focus {
  outline: none !important;
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 28%, transparent) !important;
}

/* Rows + cells — beat woo-wallet main.css (.tabulator-row{background:#fff}, .row-even, hover !important) */
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-row,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-row.tabulator-row-odd,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-row.tabulator-row-even,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-row,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-row.tabulator-row-odd,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-row.tabulator-row-even,
body.woocommerce-account.logged-in .tabulator .tabulator-row,
body.woocommerce-account.logged-in .tabulator .tabulator-row.tabulator-row-odd,
body.woocommerce-account.logged-in .tabulator .tabulator-row.tabulator-row-even {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-row,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-row {
  border-bottom: 1px solid var(--perla-border-dim) !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-row .tabulator-cell,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-row .tabulator-cell.tabulator-frozen,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-row .tabulator-cell,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-row .tabulator-cell.tabulator-frozen,
body.woocommerce-account.logged-in .tabulator .tabulator-row .tabulator-cell,
body.woocommerce-account.logged-in .tabulator .tabulator-row .tabulator-cell.tabulator-frozen {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-bottom: 1px solid var(--perla-border-dim) !important;
  padding: 20px 30px !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-row .tabulator-cell,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-row .tabulator-cell.tabulator-frozen,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-row .tabulator-cell,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-row .tabulator-cell.tabulator-frozen {
  border-bottom: none !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-row:hover,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-row:hover,
body.woocommerce-account.logged-in .tabulator .tabulator-row.tabulator-row-hover,
body.woocommerce-account.logged-in .tabulator .tabulator-row:hover {
  background: color-mix(in srgb, #ffffff 6%, transparent) !important;
  background-color: color-mix(in srgb, #ffffff 6%, transparent) !important;
  background-image: none !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-row.tabulator-row-hover .tabulator-cell,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-row:hover .tabulator-cell,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-row.tabulator-row-hover .tabulator-cell,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-row:hover .tabulator-cell,
body.woocommerce-account.logged-in .tabulator .tabulator-row.tabulator-row-hover .tabulator-cell,
body.woocommerce-account.logged-in .tabulator .tabulator-row:hover .tabulator-cell {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Tabulator amount HTML (<mark class="credit|debit"> + .woocommerce-Price-amount) — match .woo-wallet-transactions-table td.amount */
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-row .tabulator-cell mark,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-row .tabulator-cell mark,
body.woocommerce-account.logged-in .tabulator .tabulator-row .tabulator-cell mark {
  background: transparent !important;
  background-color: transparent !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-row .tabulator-cell mark.credit,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-row .tabulator-cell mark.credit .woocommerce-Price-amount,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-row .tabulator-cell mark.credit,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-row .tabulator-cell mark.credit .woocommerce-Price-amount,
body.woocommerce-account.logged-in .tabulator .tabulator-row .tabulator-cell mark.credit,
body.woocommerce-account.logged-in .tabulator .tabulator-row .tabulator-cell mark.credit .woocommerce-Price-amount {
  color: var(--color-success-text) !important;
  -webkit-text-fill-color: var(--color-success-text) !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-row .tabulator-cell mark.debit,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-row .tabulator-cell mark.debit .woocommerce-Price-amount,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-row .tabulator-cell mark.debit,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-row .tabulator-cell mark.debit .woocommerce-Price-amount,
body.woocommerce-account.logged-in .tabulator .tabulator-row .tabulator-cell mark.debit,
body.woocommerce-account.logged-in .tabulator .tabulator-row .tabulator-cell mark.debit .woocommerce-Price-amount {
  color: var(--color-danger-text) !important;
  -webkit-text-fill-color: var(--color-danger-text) !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-row .tabulator-cell:last-child mark,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-row .tabulator-cell:last-child mark .woocommerce-Price-amount,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-row .tabulator-cell:last-child mark,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-row .tabulator-cell:last-child mark .woocommerce-Price-amount,
body.woocommerce-account.logged-in .tabulator .tabulator-row .tabulator-cell:last-child mark,
body.woocommerce-account.logged-in .tabulator .tabulator-row .tabulator-cell:last-child mark .woocommerce-Price-amount {
  font-weight: 700 !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-row .tabulator-cell:last-child,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-row .tabulator-cell:last-child,
body.woocommerce-account.logged-in .tabulator .tabulator-row .tabulator-cell:last-child {
  text-align: right !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-row .tabulator-cell[tabulator-field='amount'],
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-row .tabulator-cell[tabulator-field='amount'],
body.woocommerce-account.logged-in .tabulator .tabulator-row .tabulator-cell[tabulator-field='amount'] {
  text-align: right !important;
}

body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-row .tabulator-cell[tabulator-field='amount'] mark,
body.woocommerce-account.logged-in .woo-wallet-my-wallet-container .tabulator .tabulator-row .tabulator-cell[tabulator-field='amount'] .woocommerce-Price-amount,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-row .tabulator-cell[tabulator-field='amount'] mark,
body.woocommerce-account.logged-in .nera-wallet-dashboard .tabulator .tabulator-row .tabulator-cell[tabulator-field='amount'] .woocommerce-Price-amount,
body.woocommerce-account.logged-in .tabulator .tabulator-row .tabulator-cell[tabulator-field='amount'] mark,
body.woocommerce-account.logged-in .tabulator .tabulator-row .tabulator-cell[tabulator-field='amount'] .woocommerce-Price-amount {
  display: inline-block !important;
  max-width: 100% !important;
  text-align: right !important;
}