/**
 * My Account — beat parent wp_head leftovers + hardcoded text-white on lime.
 * Enqueued after child-brand.css, only on account pages, never on prelaunch.
 *
 * Parent templates paint primary/success/accent fills with text-white.
 * Dino primary is volt lime, so ink (--color-on-primary) is required.
 */

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link.is-active a {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%) !important;
  color: var(--color-on-primary) !important;
  border-color: transparent !important;
}

.wallet-balance-badge {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%) !important;
  color: var(--color-on-primary) !important;
}

/* Welcome banner — parent BEM sets on-primary, children still use text-white */
body.woocommerce-account .ncs-dashboard-welcome,
body.woocommerce-account .ncs-dashboard-welcome h1,
body.woocommerce-account .ncs-dashboard-welcome .text-white,
body.woocommerce-account .ncs-dashboard-welcome .material-symbols-outlined {
  color: var(--color-on-primary) !important;
}

body.woocommerce-account .ncs-dashboard-welcome .text-secondary {
  color: color-mix(in srgb, var(--color-on-primary) 72%, transparent) !important;
}

body.woocommerce-account .ncs-dashboard-welcome .border-white\/30 {
  border-color: color-mix(in srgb, var(--color-on-primary) 28%, transparent) !important;
}

/* Stat-card icon wells */
body.woocommerce-account .ncs-stat-card__icon,
body.woocommerce-account .ncs-stat-card__icon .material-symbols-outlined,
body.woocommerce-account .ncs-stat-card__icon .text-white {
  color: var(--color-on-primary) !important;
}

/*
 * Lime / gold / warning fills in account content.
 * Beats parent `body a.text-white { !text-white }` and `!text-white` utilities.
 * Danger actions are excluded so delete/cancel stay light-on-red.
 */
body.woocommerce-account .woocommerce-MyAccount-content .from-primary,
body.woocommerce-account .woocommerce-MyAccount-content .from-primary.text-white,
body.woocommerce-account .woocommerce-MyAccount-content a.from-primary,
body.woocommerce-account .woocommerce-MyAccount-content a.text-white.from-primary,
body.woocommerce-account .woocommerce-MyAccount-content button.from-primary,
body.woocommerce-account .woocommerce-MyAccount-content .button.from-primary,
body.woocommerce-account .woocommerce-MyAccount-content .bg-primary,
body.woocommerce-account .woocommerce-MyAccount-content .bg-primary.text-white,
body.woocommerce-account .woocommerce-MyAccount-content a.bg-primary,
body.woocommerce-account .woocommerce-MyAccount-content .from-success,
body.woocommerce-account .woocommerce-MyAccount-content .from-accent,
body.woocommerce-account .woocommerce-MyAccount-content .from-warning,
body.woocommerce-account .woocommerce-MyAccount-content .bg-success,
body.woocommerce-account .woocommerce-MyAccount-content .bg-warning,
body.woocommerce-account .woocommerce-MyAccount-content a.\!from-primary,
body.woocommerce-account .woocommerce-MyAccount-content a.woocommerce-Button--next {
  color: var(--color-on-primary) !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .from-primary .text-white,
body.woocommerce-account .woocommerce-MyAccount-content .from-primary .material-symbols-outlined,
body.woocommerce-account .woocommerce-MyAccount-content .from-success .text-white,
body.woocommerce-account .woocommerce-MyAccount-content .from-success .material-symbols-outlined,
body.woocommerce-account .woocommerce-MyAccount-content .from-accent .text-white,
body.woocommerce-account .woocommerce-MyAccount-content .from-accent .material-symbols-outlined,
body.woocommerce-account .woocommerce-MyAccount-content .from-warning .text-white,
body.woocommerce-account .woocommerce-MyAccount-content .from-warning .material-symbols-outlined,
body.woocommerce-account .woocommerce-MyAccount-content .bg-primary .text-white,
body.woocommerce-account .woocommerce-MyAccount-content .bg-primary .material-symbols-outlined,
body.woocommerce-account .woocommerce-MyAccount-content .bg-success .text-white,
body.woocommerce-account .woocommerce-MyAccount-content a.from-primary .material-symbols-outlined,
body.woocommerce-account .woocommerce-MyAccount-content button.from-primary .material-symbols-outlined,
body.woocommerce-account .woocommerce-MyAccount-content a.woocommerce-Button--next .material-symbols-outlined,
body.woocommerce-account .woocommerce-MyAccount-content .\!text-white {
  color: var(--color-on-primary) !important;
}

/* Theme wallet template (if the plugin locates it) */
body.woocommerce-account .nera-wallet-dashboard .from-primary,
body.woocommerce-account .nera-wallet-dashboard .from-primary .text-white,
body.woocommerce-account .nera-wallet-dashboard .from-primary h2,
body.woocommerce-account .nera-wallet-dashboard .from-primary p,
body.woocommerce-account .nera-wallet-dashboard .from-primary .material-symbols-outlined {
  color: var(--color-on-primary) !important;
}

body.woocommerce-account .nera-view-order .from-primary h1,
body.woocommerce-account .nera-view-order .from-primary .text-white {
  color: var(--color-on-primary) !important;
}

body.woocommerce-account .nera-view-order .from-primary .text-secondary {
  color: color-mix(in srgb, var(--color-on-primary) 72%, transparent) !important;
}

/* Keep danger CTAs light-on-red */
body.woocommerce-account .woocommerce-MyAccount-content .from-danger,
body.woocommerce-account .woocommerce-MyAccount-content .from-danger .material-symbols-outlined,
body.woocommerce-account .woocommerce-MyAccount-content .bg-danger,
body.woocommerce-account .woocommerce-MyAccount-content .bg-danger .material-symbols-outlined,
body.woocommerce-account .woocommerce-MyAccount-content .bg-danger.text-white,
body.woocommerce-account .woocommerce-MyAccount-content a.bg-danger,
body.woocommerce-account .woocommerce-MyAccount-content button.bg-danger {
  color: var(--color-text-primary) !important;
}

/* Plugin wallet — hardcoded #fff on lime and #2c3e50 headings on the dark shell */
.woo-wallet-my-wallet-container {
  --wallet-text-color: var(--color-text-primary) !important;
  color: var(--color-text-primary);
}

.woo-wallet-my-wallet-container .woo-wallet-header h2 {
  color: var(--color-text-primary) !important;
}

.woo-wallet-my-wallet-container .woo-wallet-header p {
  color: var(--color-text-secondary) !important;
}

.woo-wallet-my-wallet-container .woo-wallet-balance-card,
.woo-wallet-my-wallet-container .woo-wallet-balance-card h3,
.woo-wallet-my-wallet-container .woo-wallet-balance-card .woo-wallet-price,
.woo-wallet-my-wallet-container .woo-wallet-balance-card .woocommerce-Price-amount,
.woo-wallet-my-wallet-container .woo-wallet-balance-card .woocommerce-Price-currencySymbol,
.woo-wallet-my-wallet-container .woo-wallet-form-wrapper input[type='submit'],
.woo-wallet-my-wallet-container .woo-wallet-copy-btn {
  color: var(--color-on-primary) !important;
}

/*
 * Self-exclusion (Manage my account).
 * Plugin paints lime fills with #fff and mixes danger into #fff.
 * Dino lime needs ink; danger mixes must sit on the dark surface.
 */
.nera-se__pill-radio:checked + .nera-se__pill-label,
.nera-se__submit--pause,
.nera-se__submit--pause .material-symbols-outlined,
.nera-se__submit--suspend,
.nera-se__submit--suspend .material-symbols-outlined,
.nera-se__status-icon,
.nera-se__status-icon .material-symbols-outlined {
  color: var(--color-on-primary) !important;
  -webkit-text-fill-color: var(--color-on-primary);
}

.nera-se__pill-radio:checked + .nera-se__pill-label {
  box-shadow: 0 4px 12px -4px color-mix(in srgb, var(--color-primary) 45%, transparent);
}

.nera-se__submit--pause,
.nera-se__submit--suspend {
  box-shadow: 0 6px 18px -6px color-mix(in srgb, var(--color-primary) 45%, transparent);
}

.nera-se__card--danger {
  background: var(--color-danger-bg);
  border-color: var(--color-danger-border);
}

.nera-se__card--danger .nera-se__card-header {
  border-bottom-color: var(--color-danger-border);
}

.nera-se__warning {
  background: color-mix(in srgb, var(--color-danger) 12%, var(--color-surface));
  border-color: var(--color-danger-border);
}

.nera-se__warning strong {
  color: var(--color-danger-text);
}

.nera-se__warning p,
.nera-se__card--danger .nera-se__card-subtitle {
  color: var(--color-text-secondary);
}

.nera-se__status--paused {
  background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
}

.nera-se__status--suspended {
  background: color-mix(in srgb, var(--color-warning) 10%, var(--color-surface));
}

.nera-se__status--closed {
  background: var(--color-danger-bg);
  border-color: var(--color-danger-border);
}

.nera-se__status--closed .nera-se__status-icon,
.nera-se__status--closed .nera-se__status-icon .material-symbols-outlined {
  color: var(--color-text-primary) !important;
  -webkit-text-fill-color: var(--color-text-primary);
}

.nera-se__submit--close {
  background: color-mix(in srgb, var(--color-danger) 28%, var(--color-danger-bg));
  border-color: var(--color-danger-border);
  box-shadow: 0 6px 18px -6px color-mix(in srgb, var(--color-danger) 45%, transparent);
}

.nera-se__submit--close,
.nera-se__submit--close .material-symbols-outlined {
  color: var(--color-text-primary) !important;
  -webkit-text-fill-color: var(--color-text-primary);
}

.nera-se__custom-input,
.nera-se__confirm-text-input {
  background: var(--color-secondary);
  color: var(--color-text-primary);
}

.nera-se__custom-input::placeholder,
.nera-se__confirm-text-input::placeholder {
  color: var(--color-text-secondary);
  opacity: 1;
}

.nera-se__card--danger .nera-se__confirm-text-input {
  background: color-mix(in srgb, var(--color-danger) 8%, var(--color-secondary));
  border-color: var(--color-danger-border);
}
