/* ==========================================================
   WC Modern Account Dashboard  –  dashboard.css
   ========================================================== */

/* ----------------------------------------------------------
   1. CSS Custom Properties
   ---------------------------------------------------------- */
:root {
  --wcma-gold:        #F8BA22;
  --wcma-gold-light:  #fdd06a;
  --wcma-gold-dark:   #d9a010;
  --wcma-dark:        #0f0f0f;
  --wcma-dark2:       #1a1a1a;
  --wcma-dark3:       #252525;
  --wcma-white:       #ffffff;
  --wcma-off-white:   #fafaf8;
  --wcma-border:      rgba(255,255,255,.06);
  --wcma-text-main:   #1c1c1c;
  --wcma-text-muted:  #888;
  --wcma-text-light:  rgba(255,255,255,.55);

  --wcma-radius-sm:   8px;
  --wcma-radius:      14px;
  --wcma-radius-lg:   20px;

  --wcma-transition:  .2s ease;
  --wcma-shadow:      0 4px 24px rgba(0,0,0,.08);
  --wcma-shadow-md:   0 8px 40px rgba(0,0,0,.12);
  --wcma-sidebar-w:   260px;

  /* Font stack */
  --wcma-font-display: 'Syne', sans-serif;
  --wcma-font-body:    'DM Sans', sans-serif;
}

/* ----------------------------------------------------------
   2. Global reset for the account page
   ---------------------------------------------------------- */
body.wcma-active {
  background: var(--wcma-off-white);
  font-family: var(--wcma-font-body);
}

/* Hide the default WC page title if theme shows it */
body.wcma-active .entry-title,
body.wcma-active .page-title {
  display: none;
}

/* Contain the whole thing */
body.wcma-active .woocommerce {
  max-width: 100%;
  padding: 0;
  margin: 0;
}

body.wcma-active .woocommerce-MyAccount-navigation,
body.wcma-active .woocommerce-MyAccount-content {
  float: none;
  width: 100%;
  padding: 0;
  margin: 0;
}

/* The woocommerce div our template renders — full width, no padding */
body.wcma-active .woocommerce {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* ----------------------------------------------------------
   3. Two-Column Layout
   ---------------------------------------------------------- */
.wcma-layout {
  display: flex;
  min-height: 100vh;
  max-width: 1280px;
  margin: 0 auto;
  gap: 0;
}

/* ----------------------------------------------------------
   4. Sidebar
   ---------------------------------------------------------- */
.wcma-sidebar {
  width: var(--wcma-sidebar-w);
  flex-shrink: 0;
  background: var(--wcma-dark);
  display: flex;
  flex-direction: column;
  padding: 0 0 32px;
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
  scrollbar-width: none;
}
.wcma-sidebar::-webkit-scrollbar { display: none; }

/* ------ Profile Card ------ */
.wcma-profile-card {
  padding: 28px 20px 24px;
  border-bottom: 1px solid var(--wcma-border);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
}

.wcma-avatar-wrap {
  position: relative;
  display: inline-block;
}

.wcma-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--wcma-gold);
  display: block;
}

.wcma-avatar-initial {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--wcma-gold);
  color: var(--wcma-dark);
  font-family: var(--wcma-font-display);
  font-size: 26px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid var(--wcma-gold-dark);
}

.wcma-status-dot {
  position: absolute;
  bottom: 2px;
  right: 2px;
  width: 12px;
  height: 12px;
  background: #22c55e;
  border-radius: 50%;
  border: 2px solid var(--wcma-dark);
}

.wcma-profile-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.wcma-name {
  font-family: var(--wcma-font-display);
  font-size: 16px;
  font-weight: 700;
  color: var(--wcma-white);
  letter-spacing: .01em;
}

.wcma-email {
  font-size: 12px;
  color: var(--wcma-text-light);
  word-break: break-all;
}

.wcma-profile-meta {
  display: flex;
  gap: 16px;
  justify-content: center;
}

.wcma-meta-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  background: var(--wcma-dark3);
  border-radius: var(--wcma-radius-sm);
  padding: 8px 16px;
  border: 1px solid var(--wcma-border);
}

.wcma-meta-num {
  font-family: var(--wcma-font-display);
  font-size: 20px;
  font-weight: 700;
  color: var(--wcma-gold);
  line-height: 1;
}

.wcma-meta-label {
  font-size: 11px;
  color: var(--wcma-text-light);
  text-transform: uppercase;
  letter-spacing: .06em;
}

/* ------ Navigation ------ */
.wcma-nav {
  padding: 20px 12px 0;
  flex: 1;
}

.wcma-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.wcma-nav-item { position: relative; }

.wcma-nav-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  border-radius: var(--wcma-radius-sm);
  color: var(--wcma-text-light);
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .01em;
  transition: background var(--wcma-transition), color var(--wcma-transition);
  position: relative;
}

.wcma-nav-link:hover {
  background: rgba(255,255,255,.06);
  color: var(--wcma-white);
  text-decoration: none;
}

.wcma-nav-item.is-active .wcma-nav-link {
  background: rgba(248,186,34,.12);
  color: var(--wcma-gold);
  font-weight: 500;
}

.wcma-nav-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wcma-nav-icon svg {
  width: 18px;
  height: 18px;
}

.wcma-nav-label { flex: 1; }

.wcma-nav-pip {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--wcma-gold);
  flex-shrink: 0;
}

/* Logout link */
.wcma-nav-item:last-child {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid var(--wcma-border);
}

/* ----------------------------------------------------------
   5. Main Content Area
   ---------------------------------------------------------- */
.wcma-main {
  flex: 1;
  min-width: 0;
  padding: 36px 40px;
  background: var(--wcma-off-white);
}

.wcma-content-inner {
  max-width: 860px;
  margin: 0 auto;
}

/* ----------------------------------------------------------
   6. Dashboard – Welcome Banner
   ---------------------------------------------------------- */
.wcma-dashboard-wrap {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.wcma-welcome-banner {
  background: var(--wcma-dark);
  border-radius: var(--wcma-radius-lg);
  padding: 32px 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  position: relative;
  overflow: hidden;
}

/* Gold stripe accent */
.wcma-welcome-banner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: var(--wcma-gold);
  border-radius: 0 2px 2px 0;
}

/* Subtle radial glow */
.wcma-welcome-banner::after {
  content: '';
  position: absolute;
  top: -60px;
  right: -40px;
  width: 220px;
  height: 220px;
  background: radial-gradient(circle, rgba(248,186,34,.18) 0%, transparent 70%);
  pointer-events: none;
}

.wcma-welcome-text { flex: 1; }

.wcma-welcome-title {
  font-family: var(--wcma-font-display);
  font-size: 22px;
  font-weight: 700;
  color: var(--wcma-white);
  margin: 0 0 6px;
  letter-spacing: -.01em;
}

.wcma-welcome-sub {
  font-size: 14px;
  color: var(--wcma-text-light);
  margin: 0;
}

.wcma-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wcma-gold);
  color: var(--wcma-dark);
  font-family: var(--wcma-font-body);
  font-size: 14px;
  font-weight: 500;
  padding: 12px 22px;
  border-radius: var(--wcma-radius-sm);
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--wcma-transition), transform var(--wcma-transition), box-shadow var(--wcma-transition);
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

.wcma-btn-primary:hover {
  background: var(--wcma-gold-light);
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(248,186,34,.35);
  text-decoration: none;
  color: var(--wcma-dark);
}

.wcma-btn-primary svg { transition: transform var(--wcma-transition); }
.wcma-btn-primary:hover svg { transform: translateX(3px); }

/* ----------------------------------------------------------
   7. Stats Grid
   ---------------------------------------------------------- */
.wcma-stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 16px;
}

.wcma-stat-card {
  background: var(--wcma-white);
  border-radius: var(--wcma-radius);
  padding: 22px 20px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  border: 1px solid rgba(0,0,0,.05);
  box-shadow: var(--wcma-shadow);
  transition: transform var(--wcma-transition), box-shadow var(--wcma-transition);
}

.wcma-stat-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--wcma-shadow-md);
}

.wcma-stat-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(248,186,34,.12);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--wcma-gold-dark);
  flex-shrink: 0;
}

.wcma-stat-icon svg { width: 20px; height: 20px; }

.wcma-stat-card.wcma-stat-blue  .wcma-stat-icon { background: rgba(59,130,246,.1); color: #3b82f6; }
.wcma-stat-card.wcma-stat-green .wcma-stat-icon { background: rgba(34,197,94,.1);  color: #16a34a; }
.wcma-stat-card.wcma-stat-gold  .wcma-stat-icon { background: rgba(248,186,34,.15); color: var(--wcma-gold-dark); }

.wcma-stat-body { display: flex; flex-direction: column; gap: 2px; }

.wcma-stat-value {
  font-family: var(--wcma-font-display);
  font-size: 22px;
  font-weight: 700;
  color: var(--wcma-text-main);
  line-height: 1.1;
}

.wcma-stat-value .woocommerce-Price-amount { font-size: inherit; font-weight: inherit; }

.wcma-stat-label {
  font-size: 12px;
  color: var(--wcma-text-muted);
  text-transform: uppercase;
  letter-spacing: .05em;
  font-weight: 500;
}

/* ----------------------------------------------------------
   8. Sections & Recent Orders
   ---------------------------------------------------------- */
.wcma-section { display: flex; flex-direction: column; gap: 14px; }

.wcma-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wcma-section-title {
  font-family: var(--wcma-font-display);
  font-size: 16px;
  font-weight: 700;
  color: var(--wcma-text-main);
  margin: 0;
  letter-spacing: -.01em;
}

.wcma-link-all {
  font-size: 13px;
  color: var(--wcma-gold-dark);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--wcma-transition);
}
.wcma-link-all:hover { color: var(--wcma-gold); text-decoration: none; }

/* Orders list */
.wcma-orders-list {
  background: var(--wcma-white);
  border-radius: var(--wcma-radius);
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.05);
  box-shadow: var(--wcma-shadow);
}

.wcma-order-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(0,0,0,.04);
  font-size: 14px;
  color: var(--wcma-text-main);
  transition: background var(--wcma-transition);
}

.wcma-order-row:last-child { border-bottom: 0; }
.wcma-order-row:hover { background: #fafaf0; }

.wcma-order-num {
  font-family: var(--wcma-font-display);
  font-weight: 700;
  font-size: 14px;
  min-width: 60px;
}

.wcma-order-hash { color: var(--wcma-gold); }

.wcma-order-date  { color: var(--wcma-text-muted); font-size: 13px; min-width: 90px; }
.wcma-order-items { color: var(--wcma-text-muted); font-size: 13px; flex: 1; }
.wcma-order-total { font-weight: 500; min-width: 70px; text-align: right; }

.wcma-order-status { min-width: 100px; display: flex; justify-content: center; }

/* Status badges */
.wcma-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 100px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: capitalize;
}

.wcma-badge-completed  { background: rgba(34,197,94,.12); color: #16a34a; }
.wcma-badge-processing { background: rgba(59,130,246,.12); color: #2563eb; }
.wcma-badge-pending    { background: rgba(248,186,34,.15); color: #b45309; }
.wcma-badge-cancelled  { background: rgba(239,68,68,.1);   color: #dc2626; }
.wcma-badge-on-hold    { background: rgba(168,85,247,.1);  color: #7c3aed; }
.wcma-badge-refunded   { background: rgba(148,163,184,.15); color: #475569; }
.wcma-badge-failed     { background: rgba(239,68,68,.1);   color: #dc2626; }

.wcma-order-view {
  font-size: 12px;
  font-weight: 500;
  color: var(--wcma-gold-dark);
  text-decoration: none;
  padding: 5px 12px;
  border: 1px solid var(--wcma-gold-dark);
  border-radius: 6px;
  white-space: nowrap;
  transition: background var(--wcma-transition), color var(--wcma-transition);
}

.wcma-order-view:hover {
  background: var(--wcma-gold);
  color: var(--wcma-dark);
  border-color: var(--wcma-gold);
  text-decoration: none;
}

/* ----------------------------------------------------------
   9. Quick Action Cards
   ---------------------------------------------------------- */
.wcma-quick-links {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 14px;
}

.wcma-quick-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: var(--wcma-white);
  border-radius: var(--wcma-radius);
  padding: 20px 18px;
  text-decoration: none;
  border: 1px solid rgba(0,0,0,.05);
  box-shadow: var(--wcma-shadow);
  transition: transform var(--wcma-transition), box-shadow var(--wcma-transition), border-color var(--wcma-transition);
}

.wcma-quick-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--wcma-shadow-md);
  border-color: var(--wcma-gold);
  text-decoration: none;
}

.wcma-quick-card strong {
  font-family: var(--wcma-font-display);
  font-size: 15px;
  font-weight: 700;
  color: var(--wcma-text-main);
}

.wcma-quick-card span {
  font-size: 13px;
  color: var(--wcma-text-muted);
}

/* ----------------------------------------------------------
   10. Inner page content (orders list, forms, etc.)
   ---------------------------------------------------------- */

/* Override WC tables */
body.wcma-active .woocommerce-orders-table,
body.wcma-active .woocommerce table.shop_table {
  border: none;
  border-radius: var(--wcma-radius);
  overflow: hidden;
  background: var(--wcma-white);
  box-shadow: var(--wcma-shadow);
  font-family: var(--wcma-font-body);
  width: 100%;
  font-size: 14px;
}

body.wcma-active .woocommerce table.shop_table th {
  background: var(--wcma-dark);
  color: var(--wcma-white);
  font-family: var(--wcma-font-display);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  padding: 12px 16px;
  border: none;
}

body.wcma-active .woocommerce table.shop_table td {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(0,0,0,.05);
  vertical-align: middle;
}

body.wcma-active .woocommerce table.shop_table tr:last-child td { border-bottom: none; }
body.wcma-active .woocommerce table.shop_table tr:hover td { background: #fafaf0; }

/* Order status column */
body.wcma-active .woocommerce-orders-table .woocommerce-orders-table__cell-order-status mark {
  background: none;
  padding: 0;
}

body.wcma-active mark.order-status {
  border-radius: 100px !important;
  padding: 4px 10px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .03em !important;
}

body.wcma-active mark.order-status.processing { background: rgba(59,130,246,.12) !important; color: #2563eb !important; }
body.wcma-active mark.order-status.completed  { background: rgba(34,197,94,.12)  !important; color: #16a34a !important; }
body.wcma-active mark.order-status.pending    { background: rgba(248,186,34,.15) !important; color: #b45309 !important; }
body.wcma-active mark.order-status.cancelled  { background: rgba(239,68,68,.1)   !important; color: #dc2626 !important; }
body.wcma-active mark.order-status.on-hold    { background: rgba(168,85,247,.1)  !important; color: #7c3aed !important; }

/* WC buttons */
body.wcma-active .woocommerce a.button,
body.wcma-active .woocommerce button.button,
body.wcma-active .woocommerce input.button {
  background: var(--wcma-dark) !important;
  color: var(--wcma-white) !important;
  font-family: var(--wcma-font-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-radius: var(--wcma-radius-sm) !important;
  padding: 10px 18px !important;
  border: none !important;
  transition: background var(--wcma-transition) !important;
  letter-spacing: .01em !important;
}

body.wcma-active .woocommerce a.button:hover,
body.wcma-active .woocommerce button.button:hover,
body.wcma-active .woocommerce input.button:hover {
  background: var(--wcma-gold) !important;
  color: var(--wcma-dark) !important;
}

body.wcma-active .woocommerce a.button.alt,
body.wcma-active .woocommerce button.button.alt,
body.wcma-active .woocommerce input.button.alt,
body.wcma-active .woocommerce #respond input#submit.alt {
  background: var(--wcma-gold) !important;
  color: var(--wcma-dark) !important;
}

body.wcma-active .woocommerce a.button.alt:hover,
body.wcma-active .woocommerce button.button.alt:hover {
  background: var(--wcma-gold-light) !important;
}

/* Forms */
body.wcma-active .woocommerce-EditAccountForm fieldset,
body.wcma-active .woocommerce form .form-row {
  margin-bottom: 18px;
}

body.wcma-active .woocommerce form .form-row label {
  font-size: 13px;
  font-weight: 500;
  color: var(--wcma-text-main);
  margin-bottom: 6px;
  display: block;
}

body.wcma-active .woocommerce form .form-row input.input-text,
body.wcma-active .woocommerce form .form-row textarea,
body.wcma-active .woocommerce form .form-row select {
  border: 1.5px solid rgba(0,0,0,.12) !important;
  border-radius: var(--wcma-radius-sm) !important;
  padding: 10px 14px !important;
  font-family: var(--wcma-font-body) !important;
  font-size: 14px !important;
  color: var(--wcma-text-main) !important;
  background: var(--wcma-white) !important;
  transition: border-color var(--wcma-transition), box-shadow var(--wcma-transition) !important;
  box-shadow: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body.wcma-active .woocommerce form .form-row input.input-text:focus,
body.wcma-active .woocommerce form .form-row textarea:focus,
body.wcma-active .woocommerce form .form-row select:focus {
  border-color: var(--wcma-gold) !important;
  box-shadow: 0 0 0 3px rgba(248,186,34,.15) !important;
  outline: none !important;
}

/* Addresses */
body.wcma-active .woocommerce-Addresses {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

body.wcma-active .woocommerce-Address {
  background: var(--wcma-white);
  border-radius: var(--wcma-radius);
  padding: 24px;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: var(--wcma-shadow);
}

body.wcma-active .woocommerce-Address-title {
  font-family: var(--wcma-font-display);
  font-size: 15px;
  font-weight: 700;
  color: var(--wcma-text-main);
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--wcma-gold);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Notices */
body.wcma-active .woocommerce-message,
body.wcma-active .woocommerce-info {
  border-top: 4px solid var(--wcma-gold) !important;
  border-radius: var(--wcma-radius-sm) !important;
  background: var(--wcma-white) !important;
  font-family: var(--wcma-font-body) !important;
  font-size: 14px !important;
  color: var(--wcma-text-main) !important;
  padding: 14px 18px !important;
  margin-bottom: 20px !important;
  box-shadow: var(--wcma-shadow) !important;
}

body.wcma-active .woocommerce-error {
  border-top: 4px solid #dc2626 !important;
  border-radius: var(--wcma-radius-sm) !important;
  background: var(--wcma-white) !important;
  font-size: 14px !important;
}

/* ----------------------------------------------------------
   11. Page heading inside content area
   ---------------------------------------------------------- */
.wcma-content-inner h2,
.wcma-content-inner h3 {
  font-family: var(--wcma-font-display);
  letter-spacing: -.01em;
}

.wcma-content-inner > h2:first-child {
  font-size: 20px;
  font-weight: 700;
  color: var(--wcma-text-main);
  margin: 0 0 24px;
  padding-bottom: 16px;
  border-bottom: 2px solid rgba(0,0,0,.07);
}

/* ----------------------------------------------------------
   12. Login / Register page
   ---------------------------------------------------------- */
body.wcma-active .woocommerce-account:not(.logged-in) .woocommerce {
  max-width: 900px;
  margin: 60px auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}

body.wcma-active .woocommerce-account:not(.logged-in) .u-column1,
body.wcma-active .woocommerce-account:not(.logged-in) .u-column2 {
  background: var(--wcma-white);
  border-radius: var(--wcma-radius-lg);
  padding: 36px 32px;
  box-shadow: var(--wcma-shadow-md);
  border: 1px solid rgba(0,0,0,.05);
}

/* ----------------------------------------------------------
   13. Responsive
   ---------------------------------------------------------- */
@media (max-width: 900px) {
  .wcma-layout {
    flex-direction: column;
  }

  .wcma-sidebar {
    width: 100%;
    height: auto;
    position: static;
    padding-bottom: 0;
  }

  .wcma-profile-card { flex-direction: row; text-align: left; padding: 20px 16px; }
  .wcma-avatar-wrap  { flex-shrink: 0; }

  .wcma-nav { padding: 12px 12px 16px; }
  .wcma-nav-list { flex-direction: row; flex-wrap: wrap; gap: 4px; }

  .wcma-nav-link {
    padding: 8px 12px;
    font-size: 13px;
    gap: 6px;
  }

  .wcma-nav-pip { display: none; }
  .wcma-nav-item:last-child { margin-top: 0; padding-top: 0; border-top: none; }

  .wcma-main { padding: 24px 20px; }

  body.wcma-active .woocommerce-Addresses {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .wcma-stats-grid { grid-template-columns: 1fr 1fr; }
  .wcma-quick-links { grid-template-columns: 1fr; }

  .wcma-welcome-banner {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 24px 20px;
  }

  .wcma-order-row {
    flex-wrap: wrap;
    gap: 8px;
  }

  .wcma-order-date,
  .wcma-order-items { display: none; }
}

/* ----------------------------------------------------------
   14. Animations
   ---------------------------------------------------------- */
@keyframes wcma-fade-up {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0);    }
}

.wcma-dashboard-wrap > * {
  animation: wcma-fade-up .35s ease both;
}

.wcma-dashboard-wrap > *:nth-child(1) { animation-delay: .05s; }
.wcma-dashboard-wrap > *:nth-child(2) { animation-delay: .12s; }
.wcma-dashboard-wrap > *:nth-child(3) { animation-delay: .18s; }
.wcma-dashboard-wrap > *:nth-child(4) { animation-delay: .24s; }

.wcma-stat-card {
  animation: wcma-fade-up .35s ease both;
}

.wcma-stats-grid .wcma-stat-card:nth-child(1) { animation-delay: .14s; }
.wcma-stats-grid .wcma-stat-card:nth-child(2) { animation-delay: .20s; }
.wcma-stats-grid .wcma-stat-card:nth-child(3) { animation-delay: .26s; }
.wcma-stats-grid .wcma-stat-card:nth-child(4) { animation-delay: .32s; }

/* ----------------------------------------------------------
   15. Theme Conflict Fixes
   Suppress theme-injected icon-tile navigations (common in
   XStore, Flatsome, OceanWP, Astra, Divi, etc.)
   ---------------------------------------------------------- */

/* Hide large icon tiles that themes inject – common class patterns */
body.wcma-active .woocommerce-account-tile,
body.wcma-active .myaccount-tile,
body.wcma-active .wc-account-icon-tile,
body.wcma-active [class*="account-tile"],
body.wcma-active [class*="account_tile"],
body.wcma-active [class*="myaccount-icon"],
body.wcma-active [class*="my-account-icon"],
body.wcma-active [class*="account-nav-icon"],
body.wcma-active .xstore-myaccount-nav,
body.wcma-active .flatsome-myaccount-nav,
body.wcma-active .et-myaccount-nav,
body.wcma-active .woocommerce-account .account-navigation-icon-wrap,
body.wcma-active .woocommerce-account .account-navigation-tiles {
  display: none !important;
}

/* If theme tiles are direct children of .woocommerce wrapper,
   hide anything that isn't our layout or WC notices */
body.wcma-active .woocommerce > *:not(.wcma-layout):not(.woocommerce-notices-wrapper):not(.woocommerce-message):not(.woocommerce-error):not(.woocommerce-info):not(script):not(style) {
  display: none !important;
}

/* Always show our layout */
body.wcma-active .wcma-layout {
  display: flex !important;
}