/* =========================================================
   VicMos Wellness Theme 4.2.0
   Adaptive color + component bridge
   Ensures Theme and VicMos Core surfaces remain readable and
   visually consistent in light/dark account modes.
========================================================= */

:root{
  --vwt-mode-bg:#ffffff;
  --vwt-mode-surface:#ffffff;
  --vwt-mode-surface-2:#f7f9f8;
  --vwt-mode-ink:#17231d;
  --vwt-mode-text:#445149;
  --vwt-mode-muted:#748078;
  --vwt-mode-border:#e2e9e5;
  --vwt-mode-accent:#21644a;
  --vwt-mode-accent-strong:#174b38;
  --vwt-mode-accent-soft:#edf7f1;
  --vwt-mode-shadow:0 12px 34px rgba(22,43,26,.07);
}

/* Explicit account dark mode wins over operating-system mode. */
body.woocommerce-account.vwt-account-dark,
body.dark-mode,
body.theme-dark{
  --vwt-mode-bg:#0d120f;
  --vwt-mode-surface:#131a15;
  --vwt-mode-surface-2:#101712;
  --vwt-mode-ink:#f2f6f3;
  --vwt-mode-text:#d7dfd9;
  --vwt-mode-muted:#9eaaa2;
  --vwt-mode-border:#2a352d;
  --vwt-mode-accent:#73c793;
  --vwt-mode-accent-strong:#9bddb4;
  --vwt-mode-accent-soft:#18251c;
  --vwt-mode-shadow:0 12px 34px rgba(0,0,0,.22);
  color-scheme:dark;
}

/* Account shell */
body.woocommerce-account.vwt-account-dark .vwt-account-page,
body.woocommerce-account.vwt-account-dark .vwt-account-hero,
body.woocommerce-account.vwt-account-dark .vwt-account-quick,
body.woocommerce-account.vwt-account-dark .vwt-account-support,
body.woocommerce-account.vwt-account-dark .vwt-site-main{
  background:var(--vwt-mode-bg)!important;
  color:var(--vwt-mode-text)!important;
}

/* Bridge VicMos Core cards into the theme palette. */
body.woocommerce-account .vmw-member-status,
body.woocommerce-account .vmw-alert-card,
body.woocommerce-account .vmw-alert-signup,
body.woocommerce-account .vmw-price-alert,
body.woocommerce-account .vmw-order-timeline,
body.woocommerce-account .vmw-referral-box,
body.woocommerce-account .vmw-points-ledger{
  background:var(--vwt-mode-surface)!important;
  color:var(--vwt-mode-text)!important;
  border-color:var(--vwt-mode-border)!important;
  box-shadow:var(--vwt-mode-shadow)!important;
}

body.woocommerce-account .vmw-member-status>div:first-child>strong,
body.woocommerce-account .vmw-alert-card__title,
body.woocommerce-account .vmw-alert-center h2,
body.woocommerce-account .vmw-alert-signup h3,
body.woocommerce-account .vmw-price-alert>strong{
  color:var(--vwt-mode-ink)!important;
}

body.woocommerce-account .vmw-alert-card__message,
body.woocommerce-account .vmw-alert-center__empty,
body.woocommerce-account .vmw-alert-signup p,
body.woocommerce-account .vmw-price-alert small,
body.woocommerce-account .vmw-price-alert [data-vmw-price-status]{
  color:var(--vwt-mode-muted)!important;
}

body.woocommerce-account .vmw-kicker,
body.woocommerce-account .vmw-alert-card__type{
  color:var(--vwt-mode-accent)!important;
}

body.woocommerce-account .vmw-member-stats>span{
  background:var(--vwt-mode-surface-2)!important;
  border-color:var(--vwt-mode-border)!important;
}
body.woocommerce-account .vmw-member-stats b{color:var(--vwt-mode-accent-strong)!important}
body.woocommerce-account .vmw-member-stats small{color:var(--vwt-mode-muted)!important}

/* Alert cards: compact, premium and readable in either mode. */
body.woocommerce-account .vmw-alert-center{color:var(--vwt-mode-text)!important}
body.woocommerce-account .vmw-alert-center__grid{gap:12px!important}
body.woocommerce-account .vmw-alert-card{
  --vmw-alert-card:var(--vwt-mode-surface)!important;
  --vmw-alert-text:var(--vwt-mode-ink)!important;
  --vmw-alert-muted:var(--vwt-mode-muted)!important;
  --vmw-alert-border:var(--vwt-mode-border)!important;
  --vmw-alert-accent:var(--vwt-mode-accent)!important;
  padding:16px!important;
  border-radius:16px!important;
}
body.woocommerce-account .vmw-alert-card__type{margin-bottom:6px!important;font-size:10px!important;letter-spacing:.11em!important}
body.woocommerce-account .vmw-alert-card__title{font-size:17px!important;line-height:1.3!important}
body.woocommerce-account .vmw-alert-card__message{margin-top:6px!important;font-size:14px!important;line-height:1.55!important}
body.woocommerce-account .vmw-alert-card__cta{
  margin-top:11px!important;
  background:var(--vwt-mode-accent)!important;
  color:#fff!important;
  border:0!important;
  border-radius:10px!important;
  padding:9px 13px!important;
  min-height:38px!important;
  width:auto!important;
}
body.woocommerce-account.vwt-account-dark .vmw-alert-card__cta{color:#0d1912!important}

/* Inputs and controls from Core should not stay white in dark mode. */
body.woocommerce-account.vwt-account-dark :is(.vmw-alert-signup,.vmw-price-alert,.vmw-referral-box) input,
body.woocommerce-account.vwt-account-dark :is(.vmw-alert-signup,.vmw-price-alert,.vmw-referral-box) select,
body.woocommerce-account.vwt-account-dark :is(.vmw-alert-signup,.vmw-price-alert,.vmw-referral-box) textarea{
  background:var(--vwt-mode-surface-2)!important;
  color:var(--vwt-mode-ink)!important;
  border-color:var(--vwt-mode-border)!important;
}

/* Support card follows the same depth as the rest of Account in dark mode. */
body.woocommerce-account.vwt-account-dark .vwt-account-support-card{
  background:#111a14!important;
  border-color:var(--vwt-mode-border)!important;
  box-shadow:none!important;
}

/* Header / bottom navigation need clear separation in dark Account. */
body.woocommerce-account.vwt-account-dark .vwt-mobile-nav,
body.woocommerce-account.vwt-account-dark .vwt-bottom-nav{
  background:#111713!important;
  border-color:var(--vwt-mode-border)!important;
  box-shadow:0 -12px 30px rgba(0,0,0,.22)!important;
}
body.woocommerce-account.vwt-account-dark :is(.vwt-mobile-nav,.vwt-bottom-nav) a{color:#e7eee9!important}
body.woocommerce-account.vwt-account-dark :is(.vwt-mobile-nav,.vwt-bottom-nav) a.is-active,
body.woocommerce-account.vwt-account-dark :is(.vwt-mobile-nav,.vwt-bottom-nav) .current{color:var(--vwt-mode-accent)!important}

/* Light mode remains crisp rather than washed out. */
body.woocommerce-account:not(.vwt-account-dark) .vmw-member-status,
body.woocommerce-account:not(.vwt-account-dark) .vmw-alert-card{
  box-shadow:0 8px 24px rgba(24,53,38,.04)!important;
}

/* Keep floating tools from visually colliding with account cards. */
body.woocommerce-account .vmw-alert-card a:empty,
body.woocommerce-account .vmw-alert-card button:empty{display:none!important}

@media(max-width:700px){
  body.woocommerce-account .vmw-member-status{padding:16px!important;border-radius:16px!important}
  body.woocommerce-account .vmw-member-stats{gap:8px!important}
  body.woocommerce-account .vmw-member-stats>span{min-width:130px!important;padding:11px 12px!important}
  body.woocommerce-account .vmw-alert-card{padding:15px!important}
  body.woocommerce-account .vmw-alert-center .vwt-section-heading{margin-bottom:10px!important}
}

@media(prefers-reduced-motion:reduce){
  body.woocommerce-account *,body.woocommerce-account *:before,body.woocommerce-account *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}