/* EngageX WooCommerce — split partial. Do not edit woocommerce.css as the source of truth. */

/* My Account, previous orders, notifications */
/* My Account dashboard shell — column sizing refined below */
.logged-in.woocommerce-account .engagex-wc-main .woocommerce {
  display: grid;
  align-items: start;
}

.engagex-account-overview {
  position: relative;
  grid-column: 1 / -1;
  display: block;
  overflow: visible;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: 24px;
  background: var(--bg-card);
  box-shadow: var(--shadow);
}

.engagex-account-overview::before {
  display: none;
}

.engagex-account-overview__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  padding: 24px 28px;
  border-radius: inherit;
  background:
    radial-gradient(circle at 5% 10%, rgba(138, 43, 226, 0.14), transparent 34%),
    radial-gradient(circle at 90% 100%, rgba(0, 191, 255, 0.12), transparent 38%),
    var(--bg-card);
}

.engagex-account-overview__profile {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 16px;
}

.engagex-account-overview__avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  text-decoration: none !important;
  isolation: isolate;
}

.engagex-account-overview__avatar-glow {
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  background: var(--gradient);
  opacity: 0.9;
  filter: blur(0.2px);
  z-index: 0;
}

.engagex-account-overview__avatar-mark {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 3px solid var(--bg-card);
  background:
    radial-gradient(circle at 30% 25%, rgba(255, 255, 255, 0.28), transparent 42%),
    linear-gradient(145deg, #8a2be2 0%, #5b5fea 48%, #00bfff 100%);
  color: #fff;
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 10px 28px rgba(138, 43, 226, 0.35);
}

.engagex-account-overview__avatar-status {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 2;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 3px solid var(--bg-card);
  background: #22c55e;
  box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.45);
  animation: engagex-avatar-pulse 2s ease-out infinite;
}

.engagex-account-overview__avatar:hover .engagex-account-overview__avatar-mark {
  transform: scale(1.03);
}

.engagex-account-overview__avatar-mark {
  transition: transform 180ms ease;
}

@keyframes engagex-avatar-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.45);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(34, 197, 94, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
  }
}

.engagex-account-overview__avatar img {
  display: none;
}

.engagex-account-overview__eyebrow {
  display: block;
  margin-bottom: 3px;
  color: var(--brand-purple);
  font-size: 0.6875rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.engagex-account-overview h1 {
  margin: 0;
  color: var(--text-primary);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  line-height: 1.2;
}

.engagex-account-overview__profile p {
  overflow: hidden;
  margin: 5px 0 0;
  color: var(--text-muted);
  font-size: 0.8125rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.engagex-account-overview__aside {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
}

.engagex-account-overview__stats {
  display: flex;
  align-items: center;
  gap: 10px;
}

.engagex-account-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 64px;
  height: 56px;
  min-width: 64px;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg-secondary);
  text-align: center;
}

.engagex-account-stat span {
  display: block;
  margin: 0 0 4px;
  color: var(--text-muted);
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 1;
}

.engagex-account-stat strong {
  display: block;
  color: var(--text-primary);
  font-size: 1.1rem;
  font-weight: 800;
  line-height: 1;
}

.engagex-account-stat:first-child strong {
  color: var(--brand-purple);
}

.engagex-account-overview__action {
  gap: 8px;
  justify-content: center;
}

.engagex-account-overview__action span {
  font-size: 1.25rem;
  line-height: 1;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation,
.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-content {
  float: none;
  width: auto;
  margin-top: 0;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation {
  position: sticky;
  top: 104px;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation ul {
  padding: 8px;
  border-radius: 20px;
  box-shadow: var(--shadow);
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li {
  margin: 0;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 12px 14px 12px 46px;
  border: 0;
  border-radius: 12px;
  font-size: 0.875rem;
  font-weight: 600;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li + li {
  margin-top: 3px;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li a::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 15px;
  width: 18px;
  height: 18px;
  background: currentColor;
  opacity: 0.75;
  transform: translateY(-50%);
  -webkit-mask: var(--account-nav-icon) center / contain no-repeat;
  mask: var(--account-nav-icon) center / contain no-repeat;
}

.woocommerce-MyAccount-navigation-link--dashboard {
  --account-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 13h8V3H3v10Zm0 8h8v-6H3v6Zm10 0h8V11h-8v10Zm0-18v6h8V3h-8Z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--orders {
  --account-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 2h10v2h3v18H4V4h3V2Zm2 2h6v2H9V4Zm-2 6v2h10v-2H7Zm0 4v2h10v-2H7Z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--notifications {
  --account-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 21a2 2 0 0 0 2-2h-4a2 2 0 0 0 2 2z'/%3E%3Cpath fill='%23000' d='M18 10v4l2 2H4l2-2v-4a6 6 0 1 1 12 0z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--downloads,
.woocommerce-MyAccount-navigation-link--edit-address,
.woocommerce-MyAccount-navigation-link--add-funds {
  display: none !important;
}

.woocommerce-MyAccount-navigation-link--edit-address {
  --account-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a7 7 0 0 1 7 7c0 5.25-7 13-7 13S5 14.25 5 9a7 7 0 0 1 7-7Zm0 4a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--edit-account {
  --account-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-5.33 0-8 2.67-8 6v2h16v-2c0-3.33-2.67-6-8-6Z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--customer-logout {
  --account-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 3H4v18h6v-2H6V5h4V3Zm5.59 4.59L17 6.17 22.83 12 17 17.83l-1.41-1.42L19 13H9v-2h10l-3.41-3.41Z'/%3E%3C/svg%3E");
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li.is-active a {
  color: #fff;
  background: var(--gradient);
  box-shadow: 0 6px 18px var(--accent-glow);
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
  color: #ef4444;
  background: rgba(239, 68, 68, 0.08);
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-content {
  min-height: 360px;
  padding: 28px;
  border: 1px solid var(--border);
  border-radius: 20px;
  background: var(--bg-card);
  box-shadow: var(--shadow);
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-content > :first-child {
  margin-top: 0;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-content p {
  color: var(--text-secondary);
  line-height: 1.75;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-content a:not(.button):not(.btn) {
  color: var(--brand-blue);
  font-weight: 600;
}

.logged-in.woocommerce-account .engagex-wc-main .btn-primary,
.logged-in.woocommerce-account .engagex-account-overview .btn-primary,
.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-content .button.alt,
.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-content .woocommerce-Button.button:not(.view),
.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-content button[type="submit"]:not(.btn-secondary) {
  color: #fff !important;
}

.logged-in.woocommerce-account .engagex-wc-main .btn.btn-secondary,
.logged-in.woocommerce-account .engagex-account-overview .btn.btn-secondary,
.logged-in.woocommerce-account .engagex-wc-main .woocommerce-button.button.view,
.logged-in.woocommerce-account .engagex-wc-main .woocommerce-orders-table__cell-order-actions .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(138, 43, 226, 0.1) !important;
  color: #c084fc !important;
  border: 1.5px solid rgba(192, 132, 252, 0.55) !important;
  box-shadow: none !important;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-Address {
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--bg-secondary);
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-Address-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.logged-in.woocommerce-account .engagex-wc-main fieldset {
  margin-top: 24px;
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: 16px;
}

.logged-in.woocommerce-account .engagex-wc-main legend {
  padding: 0 8px;
  color: var(--text-primary);
  font-weight: 700;
}

.engagex-wc-main .woocommerce-pagination ul {
  display: flex;
  gap: 8px;
  list-style: none;
  justify-content: center;
  margin-top: 40px;
}

.engagex-wc-main .woocommerce-pagination a,
.engagex-wc-main .woocommerce-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  border-radius: 10px;
  background: var(--bg-card);
  border: 1px solid var(--border);
  color: var(--text-secondary);
}

.engagex-wc-main .woocommerce-pagination .current {
  background: var(--gradient);
  border-color: transparent;
  color: #fff;
}

.engagex-wc-main .woocommerce-result-count,
.engagex-wc-main .woocommerce-ordering select {
  color: var(--text-secondary);
}

@media (max-width: 900px) {
  .engagex-single-product {
    grid-template-columns: 1fr;
    padding: 24px;
    gap: 24px;
  }

  .engagex-single-product-visual {
    min-height: 280px;
    aspect-ratio: 1.15;
  }

  .engagex-single-product-icon-wrap {
    width: min(56%, 150px);
  }

  .engagex-single-product .cart {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }

  .engagex-single-product .cart .single_add_to_cart_button,
  .engagex-single-product .cart .single_buy_now_button {
    flex: 0 0 auto;
    width: auto;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce {
    grid-template-columns: 1fr;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation {
    position: static;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li + li {
    margin-top: 0;
  }
}

@media (max-width: 768px) {
  .engagex-wc-main {
    padding: 100px 0 60px;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce {
    gap: 16px;
  }

  .engagex-account-overview {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 22px 18px;
    border-radius: 18px;
  }

  .engagex-account-overview__profile {
    gap: 12px;
  }

  .engagex-account-overview__avatar img {
    width: 54px;
    height: 54px;
  }

  .engagex-account-overview__stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .engagex-account-stat {
    min-width: 0;
    padding: 11px 12px;
  }

  .engagex-account-overview__action {
    width: 100%;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 6px;
    border-radius: 16px;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li a {
    min-height: var(--btn-height);
    padding: 10px 10px 10px 40px;
    font-size: 0.75rem;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li a::before {
    left: 12px;
    width: 16px;
    height: 16px;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-content {
    min-height: 0;
    padding: 20px 16px;
    border-radius: 16px;
  }

  .engagex-wc-main table.shop_table {
    font-size: 0.875rem;
  }

  .engagex-order-card__header {
    flex-direction: column;
    align-items: flex-start;
  }

  .engagex-order-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}

/* Previous Orders */
.engagex-orders-page .engagex-shop-hero {
  margin-bottom: 40px;
}

.engagex-orders-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.engagex-order-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 24px;
  box-shadow: var(--shadow);
}

.engagex-order-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border);
}

.engagex-order-card__title {
  font-size: 1.125rem;
  margin-bottom: 4px;
}

.engagex-order-card__date {
  font-size: 0.8125rem;
  color: var(--text-muted);
}

.engagex-order-card__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  text-align: right;
}

.engagex-order-card__total {
  font-size: 1.125rem;
  color: var(--text-primary);
}

.engagex-order-card__items {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.engagex-order-row {
  margin: 0;
}

.engagex-order-link {
  display: inline-block;
  margin-top: 4px;
  font-size: 0.75rem;
  color: var(--brand-blue);
  word-break: break-all;
}

.engagex-order-link:hover {
  color: var(--brand-purple);
}

.engagex-order-card__footer {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
}

.engagex-orders-empty,
.engagex-orders-guest {
  display: flex;
  justify-content: center;
  padding: 20px 0 40px;
}

.engagex-orders-empty-card,
.engagex-orders-guest-card {
  max-width: 520px;
  width: 100%;
  text-align: center;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 48px 32px;
  box-shadow: var(--shadow);
}

.engagex-orders-empty-card h2,
.engagex-orders-guest-card h2 {
  font-size: 1.5rem;
  margin-bottom: 12px;
}

.engagex-orders-empty-card p,
.engagex-orders-guest-card p {
  color: var(--text-secondary);
  margin-bottom: 24px;
  line-height: 1.7;
}

.engagex-orders-guest-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

.engagex-orders-guest-card--lookup {
  max-width: 520px;
  text-align: left;
}

.engagex-orders-guest-card--lookup h2,
.engagex-orders-guest-card--lookup > p {
  text-align: center;
}

.engagex-phone-orders-form__row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: stretch;
}

.engagex-phone-orders-form .input-text {
  flex: 1 1 180px;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: var(--radius, 12px);
  background: var(--input-bg, var(--bg-secondary));
  color: var(--text-primary);
  font-size: 1rem;
}

.engagex-phone-orders-form .btn {
  flex: 0 0 auto;
  width: auto;
}

.engagex-orders-guest-hint {
  margin: 16px 0 0;
  text-align: center;
  font-size: 0.875rem;
  color: var(--text-muted);
}

.engagex-orders-guest-hint a {
  color: var(--brand-blue);
  text-decoration: none;
  font-weight: 600;
}

.engagex-phone-orders-results {
  margin-top: 28px;
}

.engagex-phone-orders-results__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
  padding: 14px 18px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--bg-card);
}

.engagex-phone-orders-results__bar p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 0.9375rem;
}

@media (max-width: 560px) {
  .engagex-phone-orders-form__row {
    flex-direction: column;
  }

  .engagex-phone-orders-form .btn {
    width: 100%;
    justify-content: center;
  }

  .engagex-phone-orders-results__bar {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }
}

/* Account */
.engagex-account-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 28px;
  box-shadow: var(--shadow);
}

.engagex-account-overview__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.engagex-account-dashboard h2 {
  margin: 0 0 8px;
  font-size: 1.5rem;
}

.engagex-account-dashboard__intro {
  margin: 0 0 24px;
  color: var(--text-secondary);
  line-height: 1.6;
}

.engagex-account-dashboard__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.engagex-account-dashboard__tile {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--bg-primary);
}

.engagex-account-dashboard__tile span {
  color: var(--text-secondary);
  font-size: 0.875rem;
}

.engagex-account-dashboard__tile strong {
  font-size: 1.25rem;
  margin-bottom: 8px;
}

.engagex-account-dashboard__tile .btn {
  margin-top: auto;
  justify-content: center;
}

@media (max-width: 900px) {
  .engagex-account-dashboard__grid {
    grid-template-columns: 1fr;
  }

  .engagex-account-overview__actions {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

  .engagex-account-overview__actions .btn {
    width: auto;
    flex: 0 0 auto;
    justify-content: center;
  }
}

/* Refined My Account workspace */
.logged-in.woocommerce-account .engagex-wc-main {
  padding-top: 120px;
  padding-bottom: calc(64px + var(--bottom-nav-height, 78px));
}

.engagex-account-page__content {
  padding-top: 8px;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce {
  grid-template-columns: 220px minmax(0, 1fr);
  column-gap: 22px;
  row-gap: 24px;
}

.logged-in.woocommerce-account .engagex-account-overview {
  display: block !important;
  overflow: visible !important;
  gap: 0;
  padding: 0;
  border-color: rgba(138, 43, 226, 0.2);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
}

.engagex-account-overview__stats {
  display: flex;
  align-items: center;
  gap: 8px;
}

.engagex-account-stat {
  width: 62px;
  height: 54px;
  min-width: 62px;
  padding: 0;
  border-color: var(--border);
  background: var(--bg-secondary);
}

.engagex-account-overview__actions {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
}

.engagex-account-overview__actions .btn {
  min-height: var(--btn-height);
  padding: 0 var(--btn-padding-x);
  white-space: nowrap;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation {
  top: 112px;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation::before {
  content: 'Menu';
  display: block;
  margin: 0 0 9px 10px;
  color: var(--text-muted);
  font-size: 0.6875rem;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation ul {
  padding: 8px;
  border-color: rgba(255, 255, 255, 0.07);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(138, 43, 226, 0.055), transparent 45%),
    var(--bg-card);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.16);
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li a {
  min-height: var(--btn-height);
  padding: 11px 12px 11px 44px;
  border: 1px solid transparent;
  color: var(--text-secondary);
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li a::before {
  left: 14px;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li a:hover {
  color: var(--text-primary);
  border-color: rgba(138, 43, 226, 0.15);
  background: rgba(138, 43, 226, 0.07);
  transform: translateX(2px);
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li.is-active a {
  border-color: transparent;
  color: #fff;
  background: var(--gradient);
  box-shadow: 0 8px 22px var(--accent-glow);
  transform: none;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-content {
  min-height: 330px;
  padding: 24px;
  border-color: rgba(255, 255, 255, 0.07);
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.16);
}

.engagex-account-dashboard.engagex-account-card {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.engagex-account-dashboard h2 {
  font-size: clamp(1.35rem, 2vw, 1.65rem);
}

.engagex-account-dashboard__intro {
  max-width: 680px;
  margin-bottom: 22px;
}

.engagex-account-dashboard__grid {
  gap: 14px;
}

.engagex-account-dashboard__tile {
  position: relative;
  min-height: 178px;
  overflow: hidden;
  padding: 20px;
  border-color: rgba(255, 255, 255, 0.07);
  border-radius: 16px;
  background:
    radial-gradient(circle at 100% 0, rgba(0, 191, 255, 0.08), transparent 42%),
    var(--bg-secondary);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.engagex-account-dashboard__tile:first-child {
  background:
    radial-gradient(circle at 100% 0, rgba(138, 43, 226, 0.18), transparent 46%),
    var(--bg-secondary);
}

.engagex-account-dashboard__tile:hover {
  border-color: rgba(138, 43, 226, 0.24);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
  transform: translateY(-2px);
}

.engagex-account-dashboard__tile span {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.engagex-account-dashboard__tile strong {
  color: var(--text-primary);
  font-size: clamp(1.15rem, 2vw, 1.45rem);
}

.engagex-account-dashboard__tile:first-child strong {
  color: var(--brand-purple);
}

.engagex-account-dashboard__tile .btn {
  min-height: var(--btn-height);
  width: auto;
  padding: 0 var(--btn-padding-x);
  border-radius: var(--btn-radius);
}

@media (max-width: 1050px) {
  .logged-in.woocommerce-account .engagex-account-overview {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .engagex-account-overview__actions {
    grid-column: 1 / -1;
    justify-content: flex-end;
  }
}

@media (max-width: 900px) {
  .logged-in.woocommerce-account .engagex-wc-main .woocommerce {
    grid-template-columns: 1fr;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation::before {
    display: none;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation ul {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li a {
    justify-content: center;
    padding: 11px 8px 11px 34px;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li a::before {
    left: 10px;
  }

  .engagex-account-dashboard__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .logged-in.woocommerce-account .engagex-wc-main {
    padding-top: 92px;
  }

  .logged-in.woocommerce-account .engagex-account-overview {
    grid-template-columns: 1fr;
    padding: 20px 17px;
  }

  .engagex-account-overview__actions {
    grid-column: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation ul {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding: 6px;
    scrollbar-width: none;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
    display: none;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li {
    flex: 0 0 auto;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li a {
    min-height: 42px;
    padding: 9px 13px 9px 37px;
    white-space: nowrap;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-content {
    padding: 20px 16px;
    border-radius: 18px;
  }

  .engagex-account-dashboard__grid {
    grid-template-columns: 1fr;
  }

  .engagex-account-dashboard__tile {
    min-height: 160px;
  }
}

/* Basic content pages (non-account) keep original spacing */
.engagex-basic-page {
  padding: 120px 0 80px;
  min-height: 60vh;
}

.engagex-basic-page .engagex-page-content {
  margin-top: 24px;
  color: var(--text-secondary);
  line-height: 1.8;
}

/* Account page wrapper (rendered through page.php shortcode) */
.engagex-account-main .engagex-page-content {
  margin-top: 0;
  max-width: none;
  width: 100%;
  color: inherit;
  line-height: inherit;
}

.engagex-account-main article {
  margin: 0;
}

/* Account subpages: Orders, Profile */
.logged-in.woocommerce-account .engagex-wc-main .section-title {
  margin: 0 0 20px;
  font-size: clamp(1.65rem, 3vw, 2.1rem);
  line-height: 1.15;
}

.logged-in.woocommerce-account .engagex-account-page,
.logged-in.woocommerce-account .engagex-account-dashboard.engagex-account-card {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.logged-in.woocommerce-account .engagex-account-page h2,
.logged-in.woocommerce-account .woocommerce-MyAccount-content > h2,
.logged-in.woocommerce-account .woocommerce-MyAccount-content > h3 {
  margin: 0 0 8px;
  color: var(--text-primary);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.logged-in.woocommerce-account .engagex-account-page > p,
.logged-in.woocommerce-account .woocommerce-MyAccount-content > p {
  margin: 0 0 22px;
  color: var(--text-secondary);
  line-height: 1.65;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content input.input-text,
.logged-in.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
.logged-in.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
.logged-in.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
.logged-in.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
.logged-in.woocommerce-account .woocommerce-MyAccount-content input[type="number"],
.logged-in.woocommerce-account .woocommerce-MyAccount-content textarea,
.logged-in.woocommerce-account .woocommerce-MyAccount-content select {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  background: var(--input-bg) !important;
  color: var(--text-primary) !important;
  box-shadow: none !important;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content input:focus,
.logged-in.woocommerce-account .woocommerce-MyAccount-content textarea:focus,
.logged-in.woocommerce-account .woocommerce-MyAccount-content select:focus {
  outline: none;
  border-color: var(--brand-blue) !important;
  box-shadow: 0 0 0 3px rgba(0, 191, 255, 0.14) !important;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content label {
  display: block;
  margin-bottom: 7px;
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 600;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .required {
  color: #ef4444;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .form-row {
  margin-bottom: 18px;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .form-row-first,
.logged-in.woocommerce-account .woocommerce-MyAccount-content .form-row-last {
  width: calc(50% - 8px);
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .form-row-first {
  float: left;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .form-row-last {
  float: right;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .clear {
  clear: both;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content fieldset {
  margin: 24px 0 0;
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--bg-secondary);
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content legend {
  padding: 0 8px;
  color: var(--text-primary);
  font-size: 0.9375rem;
  font-weight: 700;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button,
.logged-in.woocommerce-account .woocommerce-MyAccount-content button[type="submit"] {
  min-height: 46px;
  margin-top: 8px;
  padding: 12px 24px !important;
  border-radius: 100px !important;
  font-weight: 600 !important;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px !important;
  border: 1px solid var(--border) !important;
  border-left: 4px solid var(--accent) !important;
  border-radius: var(--radius) !important;
  background: var(--bg-card) !important;
  color: var(--text-primary) !important;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error {
  border-left-color: #ef4444 !important;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info::before,
.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message::before,
.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error::before {
  display: none;
}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button,
.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message .button,
.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  float: none !important;
  flex-shrink: 0;
  width: auto !important;
  height: var(--btn-height) !important;
  min-height: var(--btn-height) !important;
  max-height: var(--btn-height) !important;
  margin: 0 !important;
  padding: 0 var(--btn-padding-x) !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--gradient) !important;
  color: #fff !important;
  font-size: var(--btn-font-size) !important;
  font-weight: var(--btn-font-weight) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  box-shadow: 0 4px 18px var(--accent-glow);
}

.logged-in.woocommerce-account .woocommerce-orders-table {
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--bg-secondary);
}

.logged-in.woocommerce-account .woocommerce-orders-table thead th {
  padding: 14px 16px;
  border-bottom: 1px solid var(--border);
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-size: 0.8125rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.logged-in.woocommerce-account .woocommerce-orders-table tbody td {
  padding: 16px;
  border-bottom: 1px solid var(--border);
  color: var(--text-secondary);
  vertical-align: middle;
}

.logged-in.woocommerce-account .woocommerce-orders-table tbody tr:last-child td {
  border-bottom: 0;
}

.logged-in.woocommerce-account .woocommerce-orders-table tbody tr:hover td {
  background: rgba(138, 43, 226, 0.05);
}

.logged-in.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a {
  color: var(--brand-blue);
  font-weight: 700;
}

.logged-in.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-status {
  color: var(--text-primary);
  vertical-align: middle;
  white-space: nowrap;
}

.logged-in.woocommerce-account .engagex-order-status,
.logged-in.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-status mark,
.logged-in.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-status .order-status {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  margin: 0;
  padding: 5px 12px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgba(148, 163, 184, 0.18);
  color: #e2e8f0;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-transform: capitalize;
}

.logged-in.woocommerce-account .engagex-order-status--pending,
.logged-in.woocommerce-account .woocommerce-orders-table__row--status-pending .engagex-order-status {
  background: rgba(245, 158, 11, 0.22);
  border-color: rgba(245, 158, 11, 0.5);
  color: #fcd34d;
}

.logged-in.woocommerce-account .engagex-order-status--on-hold,
.logged-in.woocommerce-account .woocommerce-orders-table__row--status-on-hold .engagex-order-status {
  background: rgba(167, 139, 250, 0.24);
  border-color: rgba(196, 181, 253, 0.55);
  color: #ede9fe;
}

.logged-in.woocommerce-account .engagex-order-status--processing,
.logged-in.woocommerce-account .woocommerce-orders-table__row--status-processing .engagex-order-status {
  background: rgba(56, 189, 248, 0.22);
  border-color: rgba(56, 189, 248, 0.5);
  color: #bae6fd;
}

.logged-in.woocommerce-account .engagex-order-status--completed,
.logged-in.woocommerce-account .woocommerce-orders-table__row--status-completed .engagex-order-status {
  background: rgba(16, 185, 129, 0.22);
  border-color: rgba(52, 211, 153, 0.5);
  color: #a7f3d0;
}

.logged-in.woocommerce-account .engagex-order-status--cancelled,
.logged-in.woocommerce-account .engagex-order-status--failed,
.logged-in.woocommerce-account .woocommerce-orders-table__row--status-cancelled .engagex-order-status,
.logged-in.woocommerce-account .woocommerce-orders-table__row--status-failed .engagex-order-status {
  background: rgba(248, 113, 113, 0.22);
  border-color: rgba(252, 165, 165, 0.55);
  color: #fecaca;
}

.logged-in.woocommerce-account .engagex-order-status--refunded,
.logged-in.woocommerce-account .woocommerce-orders-table__row--status-refunded .engagex-order-status {
  background: rgba(148, 163, 184, 0.22);
  border-color: rgba(148, 163, 184, 0.5);
  color: #e2e8f0;
}

[data-theme="light"] .logged-in.woocommerce-account .engagex-order-status,
[data-theme="light"] .logged-in.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-status mark {
  color: #334155;
  background: rgba(100, 116, 139, 0.12);
  border-color: rgba(100, 116, 139, 0.28);
}

[data-theme="light"] .logged-in.woocommerce-account .engagex-order-status--pending {
  color: #b45309;
  background: rgba(245, 158, 11, 0.16);
  border-color: rgba(217, 119, 6, 0.35);
}

[data-theme="light"] .logged-in.woocommerce-account .engagex-order-status--on-hold {
  color: #6d28d9;
  background: rgba(139, 92, 246, 0.14);
  border-color: rgba(124, 58, 237, 0.35);
}

[data-theme="light"] .logged-in.woocommerce-account .engagex-order-status--processing {
  color: #0369a1;
  background: rgba(14, 165, 233, 0.14);
  border-color: rgba(2, 132, 199, 0.35);
}

[data-theme="light"] .logged-in.woocommerce-account .engagex-order-status--completed {
  color: #047857;
  background: rgba(16, 185, 129, 0.14);
  border-color: rgba(5, 150, 105, 0.35);
}

[data-theme="light"] .logged-in.woocommerce-account .engagex-order-status--cancelled,
[data-theme="light"] .logged-in.woocommerce-account .engagex-order-status--failed {
  color: #b91c1c;
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(220, 38, 38, 0.3);
}

[data-theme="light"] .logged-in.woocommerce-account .engagex-order-status--refunded {
  color: #475569;
  background: rgba(100, 116, 139, 0.12);
  border-color: rgba(71, 85, 105, 0.28);
}

@media (max-width: 768px) {
  .logged-in.woocommerce-account .woocommerce-MyAccount-content .form-row-first,
  .logged-in.woocommerce-account .woocommerce-MyAccount-content .form-row-last {
    float: none;
    width: 100%;
  }

  .logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
  .logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
  .logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button,
  .logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message .button,
  .logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error .button {
    margin-top: 0 !important;
  }

  .logged-in.woocommerce-account .woocommerce-orders-table thead {
    display: none;
  }

  .logged-in.woocommerce-account .woocommerce-orders-table tbody tr {
    display: block;
    padding: 14px 0;
    border-bottom: 1px solid var(--border);
  }

  .logged-in.woocommerce-account .woocommerce-orders-table tbody td {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 16px;
    border-bottom: 0;
  }

  .logged-in.woocommerce-account .woocommerce-orders-table tbody td::before {
    content: attr(data-title);
    color: var(--text-muted);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
  }
}

/* Compact account header and clearer section separation */
.logged-in.woocommerce-account .engagex-account-overview {
  min-height: 0;
  gap: 0;
  padding: 0;
  border-radius: 20px;
}

.logged-in.woocommerce-account .engagex-account-overview::before {
  display: none !important;
}

.logged-in.woocommerce-account .engagex-account-overview__inner {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  padding: 22px 24px 22px 28px;
  overflow: visible;
  background:
    linear-gradient(105deg, color-mix(in srgb, var(--brand-purple) 8%, transparent) 0%, transparent 42%),
    var(--bg-card);
}

.logged-in.woocommerce-account .engagex-account-overview__profile {
  gap: 12px;
}

.logged-in.woocommerce-account .engagex-account-overview__avatar {
  width: 56px;
  height: 56px;
  padding: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

.logged-in.woocommerce-account .engagex-account-overview__avatar img {
  display: none !important;
}

.logged-in.woocommerce-account .engagex-account-overview__avatar-mark {
  font-size: 1rem;
  border-width: 2px;
}

.logged-in.woocommerce-account .engagex-account-overview__avatar-status {
  width: 12px;
  height: 12px;
  border-width: 2px;
}

.logged-in.woocommerce-account .engagex-account-overview__eyebrow {
  margin-bottom: 2px;
  font-size: 0.625rem;
}

.logged-in.woocommerce-account .engagex-account-overview h1 {
  font-size: clamp(1.05rem, 1.6vw, 1.3rem);
}

.logged-in.woocommerce-account .engagex-account-overview__profile p {
  margin-top: 3px;
  font-size: 0.75rem;
}

.logged-in.woocommerce-account .engagex-account-overview__stats {
  display: flex;
  align-items: center;
  gap: 8px;
}

.logged-in.woocommerce-account .engagex-account-stat:not(.engagex-account-stat--unread) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 60px;
  height: 52px;
  min-width: 60px;
  padding: 0 !important;
  border-radius: 12px !important;
}

.logged-in.woocommerce-account .engagex-account-stat span {
  margin: 0 0 3px;
  font-size: 0.625rem;
  line-height: 1;
}

.logged-in.woocommerce-account .engagex-account-stat strong {
  font-size: 1.05rem;
  line-height: 1;
}

.logged-in.woocommerce-account .engagex-account-overview__actions {
  gap: 9px;
}

.logged-in.woocommerce-account .engagex-account-overview__actions .btn {
  min-height: var(--btn-height);
  padding: 0 var(--btn-padding-x) !important;
  font-size: var(--btn-font-size);
}

.logged-in.woocommerce-account .engagex-account-overview__action span {
  font-size: 1rem;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation,
.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-content {
  margin-top: 24px !important;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-content {
  position: relative;
  padding: 26px;
  border-color: rgba(138, 43, 226, 0.14);
  background:
    linear-gradient(145deg, rgba(138, 43, 226, 0.035), transparent 36%),
    var(--bg-card);
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-content::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 24px;
  width: 52px;
  height: 2px;
  border-radius: 999px;
  background: var(--gradient);
}

.logged-in.woocommerce-account .engagex-account-dashboard h2,
.logged-in.woocommerce-account .woocommerce-MyAccount-content > h2 {
  margin-bottom: 9px;
}

@media (max-width: 1050px) {
  .logged-in.woocommerce-account .engagex-account-overview {
    padding: 18px 20px;
  }
}

/* Mobile account UI — overflow, spacing, compact header, chip nav */
@media (max-width: 768px) {
  .logged-in.woocommerce-account .engagex-wc-main,
  .logged-in.woocommerce-account .engagex-account-main {
    padding: 88px 0 130px;
    overflow-x: clip;
  }

  .logged-in.woocommerce-account .engagex-wc-main .container,
  .logged-in.woocommerce-account .engagex-wc-main article,
  .logged-in.woocommerce-account .engagex-wc-main .engagex-page-content,
  .logged-in.woocommerce-account .engagex-wc-main .woocommerce,
  .logged-in.woocommerce-account .engagex-account-overview,
  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation,
  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-content {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .logged-in.woocommerce-account .engagex-wc-main .section-title {
    margin: 0 0 14px;
    font-size: 1.45rem;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce {
    display: flex !important;
    flex-direction: column;
    gap: 0;
    row-gap: 0;
  }

  .logged-in.woocommerce-account .engagex-account-overview {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100%;
    margin: 0 0 24px !important;
    padding: 12px !important;
    border-radius: 16px !important;
    box-sizing: border-box;
  }

  .logged-in.woocommerce-account .engagex-account-overview::before {
    left: 12px;
    right: 12px;
  }

  .logged-in.woocommerce-account .engagex-account-overview__inner {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    padding: 14px 14px 14px 18px !important;
  }

  .logged-in.woocommerce-account .engagex-account-overview__aside {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100%;
    gap: 8px !important;
  }

  .logged-in.woocommerce-account .engagex-account-overview__profile {
    min-width: 0;
    gap: 10px;
  }

  .logged-in.woocommerce-account .engagex-account-overview__avatar {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
  }

  .logged-in.woocommerce-account .engagex-account-overview__avatar img {
    display: none !important;
  }

  .logged-in.woocommerce-account .engagex-account-overview__avatar-mark {
    font-size: 0.875rem !important;
  }

  .logged-in.woocommerce-account .engagex-account-overview__avatar-status {
    width: 11px;
    height: 11px;
  }

  .logged-in.woocommerce-account .engagex-account-overview__eyebrow {
    font-size: 0.5625rem !important;
  }

  .logged-in.woocommerce-account .engagex-account-overview h1 {
    font-size: 0.98rem !important;
    line-height: 1.2;
  }

  .logged-in.woocommerce-account .engagex-account-overview__stats {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start;
    width: auto;
    gap: 8px !important;
  }

  .logged-in.woocommerce-account .engagex-account-stat:not(.engagex-account-stat--unread) {
    width: 56px !important;
    height: 48px !important;
    min-width: 56px !important;
    padding: 0 !important;
    border-radius: 10px !important;
  }

  .logged-in.woocommerce-account a.engagex-account-stat--unread {
    width: auto !important;
    min-width: 0 !important;
    height: 48px !important;
    padding: 0 12px 0 8px !important;
    border-radius: 999px !important;
  }

  .logged-in.woocommerce-account .engagex-account-stat--unread .engagex-account-stat__icon {
    width: 30px !important;
    height: 30px !important;
  }

  .logged-in.woocommerce-account .engagex-account-stat span {
    margin: 0 0 3px !important;
    font-size: 0.5625rem !important;
    line-height: 1 !important;
  }

  .logged-in.woocommerce-account .engagex-account-stat strong {
    font-size: 1rem !important;
    line-height: 1 !important;
  }

  .logged-in.woocommerce-account .engagex-account-overview__actions {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    grid-template-columns: none !important;
    grid-column: auto !important;
    width: 100%;
    gap: 8px !important;
  }

  .logged-in.woocommerce-account .engagex-account-overview__actions .btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: var(--btn-gap);
    width: auto;
    flex: 0 0 auto;
    min-height: var(--btn-height-sm) !important;
    padding: 0 var(--btn-padding-x-sm) !important;
    font-size: var(--btn-font-size-sm) !important;
    white-space: nowrap;
    line-height: 1;
  }

  .logged-in.woocommerce-account .engagex-account-overview__action span {
    font-size: 0.875rem !important;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation {
    order: 2;
    width: 100%;
    margin: 0 0 16px !important;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation::before {
    display: none !important;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    gap: 6px;
    width: 100%;
    margin: 0;
    padding: 6px !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    border-radius: 14px !important;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
    display: none;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li {
    flex: 0 0 auto;
    margin: 0 !important;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li a {
    min-height: var(--btn-height-sm) !important;
    padding: 8px 14px 8px 36px !important;
    border-radius: var(--tool-radius);
    font-size: 0.75rem !important;
    white-space: nowrap;
    transform: none !important;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li a::before {
    left: 11px !important;
    width: 15px;
    height: 15px;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-content {
    order: 3;
    width: 100%;
    margin: 0 !important;
    padding: 18px 14px !important;
    border-radius: 16px !important;
    box-sizing: border-box;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-content::before {
    left: 14px;
    width: 40px;
  }

  .logged-in.woocommerce-account .engagex-account-dashboard__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .logged-in.woocommerce-account .engagex-account-dashboard__tile {
    min-height: 0 !important;
    padding: 16px !important;
  }

  .logged-in.woocommerce-account .engagex-account-dashboard__intro {
    margin-bottom: 16px;
    font-size: 0.875rem;
  }
}

/* ═══════════════════════════════════════════
   My Account — distinct workspace theme
   ═══════════════════════════════════════════ */
.logged-in.woocommerce-account .engagex-wc-main {
  padding: 120px 0 calc(64px + var(--bottom-nav-height, 78px));
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.02), transparent 120px),
    var(--bg-primary);
}

[data-theme="dark"] .logged-in.woocommerce-account .engagex-wc-main {
  background:
    linear-gradient(180deg, rgba(138, 43, 226, 0.04), transparent 140px),
    var(--bg-primary);
}

.logged-in.woocommerce-account .engagex-wc-main > .container {
  max-width: 1120px;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce {
  display: grid !important;
  grid-template-columns: 240px minmax(0, 1fr) !important;
  gap: 22px !important;
  align-items: start;
}

/* Overview banner */
.logged-in.woocommerce-account .engagex-account-overview {
  grid-column: 1 / -1;
  margin: 0;
  padding: 0 !important;
  border: 1px solid var(--border) !important;
  border-radius: 22px !important;
  background: var(--bg-card) !important;
  box-shadow: none !important;
  overflow: hidden;
}

.logged-in.woocommerce-account .engagex-account-overview::before {
  display: none !important;
}

.logged-in.woocommerce-account .engagex-account-overview__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 24px 22px 28px;
  background:
    linear-gradient(105deg, color-mix(in srgb, var(--brand-purple) 8%, transparent) 0%, transparent 42%),
    var(--bg-card);
}

.logged-in.woocommerce-account .engagex-account-overview__inner::before {
  content: '';
  position: absolute;
  left: 0;
  top: 14px;
  bottom: 14px;
  width: 4px;
  border-radius: 0 6px 6px 0;
  background: var(--gradient);
}

.logged-in.woocommerce-account .engagex-account-overview__profile {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}

.logged-in.woocommerce-account .engagex-account-overview__avatar {
  width: 64px !important;
  height: 64px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

.logged-in.woocommerce-account .engagex-account-overview__avatar img {
  display: none !important;
}

.logged-in.woocommerce-account .engagex-account-overview__avatar-mark {
  font-size: 1.125rem !important;
}

.logged-in.woocommerce-account .engagex-account-overview__avatar-status {
  width: 13px;
  height: 13px;
}

.logged-in.woocommerce-account .engagex-account-overview__eyebrow {
  display: inline-flex;
  margin-bottom: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--brand-purple) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--brand-purple) 22%, transparent);
  color: var(--brand-purple);
  font-size: 0.625rem;
  letter-spacing: 0.12em;
}

.logged-in.woocommerce-account .engagex-account-overview h1 {
  margin: 0;
  font-size: clamp(1.2rem, 2vw, 1.55rem);
  letter-spacing: -0.02em;
}

.logged-in.woocommerce-account .engagex-account-overview__copy p {
  margin: 6px 0 0;
  color: var(--text-muted);
  font-size: 0.8125rem;
  white-space: normal;
}

.logged-in.woocommerce-account .engagex-account-overview__aside {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
}

.logged-in.woocommerce-account .engagex-account-overview__stats {
  display: flex;
  align-items: center;
  gap: 10px;
}

.logged-in.woocommerce-account .engagex-account-stat:not(.engagex-account-stat--unread) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 64px;
  height: 54px;
  min-width: 64px;
  padding: 0 !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  background: var(--bg-secondary) !important;
  text-align: center;
  line-height: 1;
}

.logged-in.woocommerce-account .engagex-account-stat span {
  margin: 0 0 4px;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1;
}

.logged-in.woocommerce-account .engagex-account-stat strong {
  display: block;
  margin: 0;
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1;
  color: var(--text-primary) !important;
}

.logged-in.woocommerce-account .engagex-account-stat--orders strong {
  color: var(--brand-purple) !important;
}

.logged-in.woocommerce-account a.engagex-account-stat--unread {
  position: relative;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: auto !important;
  min-width: 0 !important;
  height: 54px !important;
  padding: 0 14px 0 10px !important;
  text-decoration: none !important;
  color: inherit;
  border: 1px solid rgba(251, 191, 36, 0.35) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(135deg, rgba(251, 191, 36, 0.18), rgba(245, 158, 11, 0.06)) !important;
  box-shadow: 0 6px 18px rgba(245, 158, 11, 0.12);
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background 160ms ease;
}

.logged-in.woocommerce-account a.engagex-account-stat--unread:hover {
  transform: translateY(-1px);
  border-color: rgba(251, 191, 36, 0.55) !important;
  background:
    linear-gradient(135deg, rgba(251, 191, 36, 0.26), rgba(245, 158, 11, 0.1)) !important;
  box-shadow: 0 10px 24px rgba(245, 158, 11, 0.2);
}

.logged-in.woocommerce-account .engagex-account-stat--unread .engagex-account-stat__icon {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  border-radius: 50%;
  background: rgba(251, 191, 36, 0.18);
  color: #fbbf24 !important;
  flex-shrink: 0;
}

.logged-in.woocommerce-account .engagex-account-stat--unread .engagex-account-stat__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 3px;
  margin: 0;
  min-width: 0;
}

.logged-in.woocommerce-account .engagex-account-stat--unread .engagex-account-stat__label {
  margin: 0 !important;
  color: #fcd34d !important;
  font-size: 0.625rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1 !important;
}

.logged-in.woocommerce-account .engagex-account-stat--unread .engagex-account-stat__count,
.logged-in.woocommerce-account .engagex-account-stat--unread strong {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  margin: 0 !important;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(251, 191, 36, 0.22);
  color: #fff7ed !important;
  font-size: 0.875rem !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
}

.logged-in.woocommerce-account .engagex-account-stat--unread .engagex-account-stat__dot {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f59e0b;
  box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.9), 0 0 10px rgba(245, 158, 11, 0.9);
  animation: engagex-unread-pulse 1.6s ease-out infinite;
}

.logged-in.woocommerce-account .engagex-account-stat--unread.has-unread {
  border-color: rgba(251, 191, 36, 0.5) !important;
}

.logged-in.woocommerce-account .engagex-account-stat--unread.is-clear {
  border-color: var(--border) !important;
  background: var(--bg-secondary) !important;
  box-shadow: none;
}

.logged-in.woocommerce-account .engagex-account-stat--unread.is-clear .engagex-account-stat__icon {
  background: rgba(148, 163, 184, 0.12);
  color: var(--text-muted) !important;
}

.logged-in.woocommerce-account .engagex-account-stat--unread.is-clear .engagex-account-stat__label {
  color: var(--text-muted) !important;
}

.logged-in.woocommerce-account .engagex-account-stat--unread.is-clear .engagex-account-stat__count,
.logged-in.woocommerce-account .engagex-account-stat--unread.is-clear strong {
  background: rgba(148, 163, 184, 0.14);
  color: var(--text-secondary) !important;
}

[data-theme="light"] .logged-in.woocommerce-account .engagex-account-stat--unread .engagex-account-stat__label {
  color: #b45309 !important;
}

[data-theme="light"] .logged-in.woocommerce-account .engagex-account-stat--unread .engagex-account-stat__count,
[data-theme="light"] .logged-in.woocommerce-account .engagex-account-stat--unread strong {
  color: #78350f !important;
  background: rgba(251, 191, 36, 0.42);
}

@keyframes engagex-unread-pulse {
  0% {
    box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.9), 0 0 0 0 rgba(245, 158, 11, 0.55);
  }
  70% {
    box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.9), 0 0 0 8px rgba(245, 158, 11, 0);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.9), 0 0 0 0 rgba(245, 158, 11, 0);
  }
}

.logged-in.woocommerce-account .engagex-account-overview__actions {
  display: flex;
  gap: 8px;
  flex-wrap: nowrap;
}

.logged-in.woocommerce-account .engagex-account-overview__actions .btn {
  min-height: var(--btn-height) !important;
  padding: 0 var(--btn-padding-x) !important;
  border-radius: var(--btn-radius) !important;
  font-size: var(--btn-font-size) !important;
  font-weight: var(--btn-font-weight) !important;
}

/* Side navigation rail */
.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation {
  position: sticky;
  top: 100px;
  margin-top: 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation::before {
  content: 'Menu' !important;
  margin: 0 0 12px 4px !important;
  color: var(--text-muted);
  font-size: 0.6875rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 10px !important;
  list-style: none;
  border: 1px solid var(--border) !important;
  border-radius: 18px !important;
  background: var(--bg-secondary) !important;
  box-shadow: none !important;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li a {
  min-height: var(--btn-height);
  padding: 10px 14px 10px 42px !important;
  border: 1px solid transparent !important;
  border-radius: var(--radius) !important;
  background: transparent !important;
  color: var(--text-secondary) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li a::before {
  left: 12px !important;
  width: 18px !important;
  height: 18px !important;
  opacity: 0.7;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li.is-active a,
.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li a:hover {
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
  background: var(--bg-card) !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06) !important;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li.is-active a {
  border-color: color-mix(in srgb, var(--brand-purple) 28%, var(--border)) !important;
}

/* Content panel */
.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-content {
  margin-top: 18px !important;
  padding: 28px 26px !important;
  border: 1px solid var(--border) !important;
  border-radius: 22px !important;
  background: var(--bg-card) !important;
  box-shadow: none !important;
}

.logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-content::before {
  display: none !important;
}

.logged-in.woocommerce-account .engagex-account-page,
.logged-in.woocommerce-account .engagex-account-dashboard {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.logged-in.woocommerce-account .engagex-account-dashboard__kicker {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--brand-purple);
  font-size: 0.6875rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.logged-in.woocommerce-account .engagex-account-dashboard h2 {
  margin: 0 0 8px !important;
  font-size: clamp(1.35rem, 2.2vw, 1.7rem) !important;
  letter-spacing: -0.02em;
}

.logged-in.woocommerce-account .engagex-account-dashboard__intro {
  margin: 0 0 24px !important;
  max-width: 42ch;
  color: var(--text-secondary);
  font-size: 0.9375rem;
  line-height: 1.55;
}

.logged-in.woocommerce-account .engagex-account-dashboard__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.logged-in.woocommerce-account .engagex-account-dashboard__tile--order {
  background:
    radial-gradient(circle at 100% 0, rgba(138, 43, 226, 0.16), transparent 46%),
    var(--bg-secondary) !important;
}

.logged-in.woocommerce-account .engagex-account-dashboard__tile--notify {
  border-color: rgba(251, 191, 36, 0.28) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(251, 191, 36, 0.16), transparent 48%),
    radial-gradient(circle at 100% 100%, rgba(245, 158, 11, 0.08), transparent 42%),
    var(--bg-secondary) !important;
}

.logged-in.woocommerce-account .engagex-account-dashboard__tile--notify.has-unread {
  border-color: rgba(251, 191, 36, 0.45) !important;
  box-shadow: 0 10px 28px rgba(245, 158, 11, 0.12) !important;
}

.logged-in.woocommerce-account .engagex-account-dashboard__tile--notify .engagex-account-dashboard__icon {
  position: relative;
  color: #fbbf24;
  background: rgba(251, 191, 36, 0.16);
  border-color: rgba(251, 191, 36, 0.35);
}

.logged-in.woocommerce-account .engagex-account-dashboard__notify-dot {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #f59e0b;
  box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.9), 0 0 12px rgba(245, 158, 11, 0.9);
  animation: engagex-unread-pulse 1.6s ease-out infinite;
}

.logged-in.woocommerce-account .engagex-account-dashboard__tile--notify .engagex-account-dashboard__label {
  color: #fcd34d;
}

.logged-in.woocommerce-account .engagex-account-dashboard__value--unread {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px !important;
}

.logged-in.woocommerce-account .engagex-account-dashboard__unread-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 36px;
  padding: 0 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: #fff7ed;
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 6px 16px rgba(245, 158, 11, 0.35);
}

.logged-in.woocommerce-account .engagex-account-dashboard__unread-text {
  color: #fde68a;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

.logged-in.woocommerce-account .engagex-account-dashboard__tile--notify.is-clear .engagex-account-dashboard__label {
  color: var(--text-muted);
}

.logged-in.woocommerce-account .engagex-account-dashboard__tile--notify.is-clear .engagex-account-dashboard__icon {
  color: var(--text-muted);
  background: rgba(148, 163, 184, 0.12);
  border-color: rgba(148, 163, 184, 0.22);
}

.logged-in.woocommerce-account .engagex-account-dashboard__tile {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-height: 0 !important;
  padding: 22px 20px !important;
  border: 1px solid var(--border) !important;
  border-radius: 18px !important;
  background: var(--bg-secondary) !important;
  box-shadow: none !important;
  overflow: hidden;
}

.logged-in.woocommerce-account .engagex-account-dashboard__tile::before,
.logged-in.woocommerce-account .engagex-account-dashboard__tile::after {
  display: none !important;
}

.logged-in.woocommerce-account .engagex-account-dashboard__icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 6px;
  border-radius: 12px;
  color: var(--brand-purple);
  background: color-mix(in srgb, var(--brand-purple) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--brand-purple) 22%, transparent);
}

.logged-in.woocommerce-account .engagex-account-dashboard__icon svg {
  width: 20px;
  height: 20px;
}

.logged-in.woocommerce-account .engagex-account-dashboard__label {
  color: var(--text-muted);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.logged-in.woocommerce-account .engagex-account-dashboard__value,
.logged-in.woocommerce-account .engagex-account-dashboard__tile strong {
  margin: 0 0 10px;
  color: var(--text-primary) !important;
  font-size: 1.35rem !important;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.logged-in.woocommerce-account .engagex-account-dashboard__tile .btn {
  margin-top: auto;
  width: auto !important;
  min-height: var(--btn-height) !important;
  padding: 0 var(--btn-padding-x) !important;
  border-radius: var(--btn-radius) !important;
  font-size: var(--btn-font-size) !important;
}

.logged-in.woocommerce-account .engagex-account-dashboard__meta {
  margin: 18px 0 0;
  color: var(--text-muted);
  font-size: 0.8125rem;
}

@media (max-width: 900px) {
  .logged-in.woocommerce-account .engagex-wc-main .woocommerce {
    grid-template-columns: 1fr !important;
  }

  .logged-in.woocommerce-account .engagex-account-overview__inner {
    flex-direction: column;
    align-items: stretch;
    padding: 18px;
  }

  .logged-in.woocommerce-account .engagex-account-overview__aside {
    flex-direction: column;
    align-items: stretch;
  }

  .logged-in.woocommerce-account .engagex-account-overview__actions {
    flex-wrap: wrap;
  }

  .logged-in.woocommerce-account .engagex-account-overview__actions .btn {
    flex: 0 0 auto;
    width: auto;
    justify-content: center;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation {
    position: static;
    margin-top: 10px !important;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation::before {
    display: none !important;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation ul {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    padding: 8px !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
    display: none;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li {
    flex: 0 0 auto;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-navigation li a {
    min-height: 38px;
    padding: 8px 14px 8px 36px !important;
    white-space: nowrap;
    font-size: 0.8125rem !important;
  }

  .logged-in.woocommerce-account .engagex-wc-main .woocommerce-MyAccount-content {
    margin-top: 10px !important;
    padding: 18px 16px !important;
    border-radius: 18px !important;
  }

  .logged-in.woocommerce-account .engagex-account-dashboard__grid {
    grid-template-columns: 1fr !important;
  }

  .logged-in.woocommerce-account .engagex-account-overview__actions .btn {
    min-height: var(--btn-height-sm) !important;
    padding: 0 var(--btn-padding-x-sm) !important;
    font-size: var(--btn-font-size-sm) !important;
    border-radius: var(--btn-radius) !important;
  }

  .logged-in.woocommerce-account .engagex-account-overview__action span {
    font-size: inherit !important;
  }

  .logged-in.woocommerce-account .engagex-account-dashboard__tile .btn {
    min-height: var(--btn-height-sm) !important;
    padding: 0 var(--btn-padding-x-sm) !important;
    font-size: var(--btn-font-size-sm) !important;
    align-self: flex-start;
  }
}

/* ─── Account notifications ─── */
.engagex-notifications__intro {
  margin-bottom: 20px;
}

.engagex-notifications__kicker {
  display: inline-block;
  margin-bottom: 8px;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--brand-purple, #8a2be2);
}

.engagex-notifications__intro h2 {
  margin: 0 0 6px;
  font-size: 1.35rem;
}

.engagex-notifications__intro p {
  margin: 0;
  color: var(--text-secondary, #4b5563);
  font-size: 0.9375rem;
}

.engagex-notifications__empty {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 28px 22px;
  border: 1px dashed var(--border, rgba(15, 23, 42, 0.12));
  border-radius: 16px;
  background: var(--bg-secondary, #f4f7ff);
}

.engagex-notifications__empty-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(138, 43, 226, 0.1);
  color: var(--brand-purple, #8a2be2);
}

.engagex-notifications__empty-icon svg {
  width: 22px;
  height: 22px;
}

.engagex-notifications__empty p {
  margin: 0;
  color: var(--text-secondary, #4b5563);
  max-width: 36rem;
}

.engagex-notifications__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.engagex-notifications__item {
  border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
  border-radius: 14px;
  background: var(--bg-card, #fff);
  overflow: hidden;
}

.engagex-notifications__item.is-unread {
  border-color: rgba(138, 43, 226, 0.28);
  box-shadow: 0 8px 24px rgba(138, 43, 226, 0.08);
}

.engagex-notifications__link {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px 16px;
  color: inherit;
  text-decoration: none;
}

.engagex-notifications__dot {
  width: 10px;
  height: 10px;
  margin-top: 6px;
  border-radius: 50%;
  background: var(--border, rgba(15, 23, 42, 0.18));
  flex-shrink: 0;
}

.engagex-notifications__item.is-unread .engagex-notifications__dot {
  background: var(--gradient);
}

.engagex-notifications__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.engagex-notifications__title {
  font-size: 0.9375rem;
  color: var(--text-primary, #0a0a0a);
}

.engagex-notifications__text {
  font-size: 0.875rem;
  color: var(--text-secondary, #4b5563);
}

.engagex-notifications__time {
  font-size: 0.75rem;
  color: var(--text-muted, #6b7280);
}

.engagex-account-dashboard__notes {
  margin-top: 22px;
  padding: 16px 18px;
  border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
  border-radius: 16px;
  background: var(--bg-card, #fff);
}

.engagex-account-dashboard__notes-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.engagex-account-dashboard__notes-head h3 {
  margin: 0;
  font-size: 1rem;
}

.engagex-account-dashboard__notes-head a {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--brand-purple, #8a2be2);
  text-decoration: none;
}

.engagex-account-dashboard__notes-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.engagex-account-dashboard__notes-list li {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid transparent;
  background: var(--bg-secondary, #f4f7ff);
  color: inherit;
}

.engagex-account-dashboard__notes-list li a {
  display: flex;
  flex-direction: column;
  gap: 2px;
  color: inherit;
  text-decoration: none;
}

.engagex-account-dashboard__note-mark {
  width: 8px;
  height: 8px;
  margin-top: 6px;
  border-radius: 50%;
  background: rgba(148, 163, 184, 0.35);
}

.engagex-account-dashboard__notes-list li.is-unread {
  border-color: rgba(251, 191, 36, 0.28);
  background:
    linear-gradient(90deg, rgba(251, 191, 36, 0.12), rgba(251, 191, 36, 0.03) 42%),
    var(--bg-secondary, #f4f7ff);
  box-shadow: inset 3px 0 0 #f59e0b;
}

.engagex-account-dashboard__notes-list li.is-unread .engagex-account-dashboard__note-mark {
  background: #f59e0b;
  box-shadow: 0 0 10px rgba(245, 158, 11, 0.7);
}

.engagex-account-dashboard__note-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(245, 158, 11, 0.2);
  color: #fbbf24;
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
}

.engagex-account-dashboard__notes-list strong {
  font-size: 0.875rem;
}

.engagex-account-dashboard__notes-list li.is-unread strong {
  color: var(--text-primary, #fff);
}

.engagex-account-dashboard__notes-list span {
  font-size: 0.8125rem;
  color: var(--text-secondary, #4b5563);
}

@media (min-width: 769px) {
  .logged-in.woocommerce-account .engagex-account-dashboard__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}


/* --- Guest Login / Register (single card, expandable register) --- */
.woocommerce-account:not(.logged-in) .engagex-wc-main {
  padding-top: 120px;
  padding-bottom: calc(64px + var(--bottom-nav-height, 78px));
}

.woocommerce-account:not(.logged-in) .engagex-page-content,
.woocommerce-account:not(.logged-in) .woocommerce {
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
}

.woocommerce-account:not(.logged-in) .engagex-auth,
.woocommerce-account:not(.logged-in) #customer_login.engagex-auth {
  float: none !important;
  width: 100% !important;
  max-width: 420px;
  margin: 0 auto;
}

.woocommerce-account:not(.logged-in) .engagex-auth__card {
  padding: 28px 24px 22px;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg, 20px);
  background: var(--bg-card);
  box-shadow: var(--shadow);
}

.woocommerce-account:not(.logged-in) .engagex-auth__panel > h2 {
  margin: 0 0 22px;
  font-size: clamp(1.5rem, 3vw, 1.85rem);
  text-align: center;
}

.woocommerce-account:not(.logged-in) .engagex-auth__panel[hidden] {
  display: none !important;
}

.woocommerce-account:not(.logged-in) .woocommerce-form-login .form-row,
.woocommerce-account:not(.logged-in) .woocommerce-form-register .form-row,
.woocommerce-account:not(.logged-in) .woocommerce-form-login .woocommerce-form-row,
.woocommerce-account:not(.logged-in) .woocommerce-form-register .woocommerce-form-row {
  margin: 0 0 16px;
}

.woocommerce-account:not(.logged-in) .woocommerce-form label {
  display: block;
  margin: 0 0 6px;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-primary);
}

.woocommerce-account:not(.logged-in) .woocommerce-form .required {
  color: #ef4444;
}

.woocommerce-account:not(.logged-in) .woocommerce-form .input-text {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: var(--radius, 12px);
  background: var(--input-bg, var(--bg-secondary));
  color: var(--text-primary);
  font-size: 1rem;
  box-shadow: none;
}

.woocommerce-account:not(.logged-in) .woocommerce-form .input-text:focus {
  outline: none;
  border-color: var(--brand-blue);
  box-shadow: 0 0 0 3px rgba(0, 191, 255, 0.15);
}

.woocommerce-account:not(.logged-in) .engagex-auth-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  margin-top: 8px !important;
}

.woocommerce-account:not(.logged-in) .woocommerce-form-login__submit,
.woocommerce-account:not(.logged-in) .woocommerce-form-register__submit {
  width: auto !important;
  flex: 0 0 auto;
  min-height: var(--btn-height) !important;
  padding: 0 var(--btn-padding-x) !important;
  border: 0 !important;
  border-radius: var(--btn-radius) !important;
  background: var(--gradient) !important;
  color: #fff !important;
  font-size: var(--btn-font-size) !important;
  font-weight: var(--btn-font-weight) !important;
  line-height: 1 !important;
  box-shadow: 0 4px 18px var(--accent-glow);
}

.woocommerce-account:not(.logged-in) .woocommerce-form-login__rememberme {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-weight: 500;
  color: var(--text-secondary);
}

.woocommerce-account:not(.logged-in) .lost_password {
  margin: 12px 0 0;
}

.woocommerce-account:not(.logged-in) .lost_password a {
  color: var(--text-secondary);
  text-decoration: none;
  font-size: 0.875rem;
}

.woocommerce-account:not(.logged-in) .lost_password a:hover {
  color: var(--brand-blue);
}

.woocommerce-account:not(.logged-in) .woocommerce-privacy-policy-text {
  font-size: 0.8125rem;
  color: var(--text-muted);
  margin-bottom: 12px;
}

.woocommerce-account:not(.logged-in) .engagex-auth__switch {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid var(--border);
  text-align: center;
}

.woocommerce-account:not(.logged-in) .engagex-auth__switch p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 0.875rem;
}

.woocommerce-account:not(.logged-in) .engagex-auth__toggle {
  width: auto !important;
  min-height: var(--btn-height-sm, 40px) !important;
  padding: 0 var(--btn-padding-x-sm, 16px) !important;
  border-radius: var(--btn-radius) !important;
  font-size: var(--btn-font-size-sm, 0.8125rem) !important;
}

@media (max-width: 768px) {
  .woocommerce-account:not(.logged-in) .engagex-wc-main {
    padding-top: 100px;
  }

  .woocommerce-account:not(.logged-in) .engagex-auth__card {
    padding: 22px 18px 18px;
    border-radius: 18px;
  }
}

/* --- Password strength meter (Register) --- */
.woocommerce-password-strength {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0 0;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--bg-secondary);
  color: var(--text-primary) !important;
  font-size: 0.8125rem;
  font-weight: 650;
  line-height: 1.35;
  text-align: left;
  box-shadow: none;
}

.woocommerce-password-strength::before {
  content: "";
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 18%, transparent);
}

.woocommerce-password-strength.short,
.woocommerce-password-strength.bad {
  color: #f87171 !important;
  border-color: rgba(248, 113, 113, 0.35);
  background:
    linear-gradient(90deg, rgba(248, 113, 113, 0.12), transparent 42%),
    var(--bg-secondary);
}

.woocommerce-password-strength.good {
  color: #fbbf24 !important;
  border-color: rgba(251, 191, 36, 0.35);
  background:
    linear-gradient(90deg, rgba(251, 191, 36, 0.12), transparent 42%),
    var(--bg-secondary);
}

.woocommerce-password-strength.strong {
  color: #34d399 !important;
  border-color: rgba(52, 211, 153, 0.35);
  background:
    linear-gradient(90deg, rgba(52, 211, 153, 0.12), transparent 42%),
    var(--bg-secondary);
}

.woocommerce-password-hint {
  margin: 8px 0 0;
  padding: 0;
  color: var(--text-muted) !important;
  font-size: 0.75rem;
  line-height: 1.5;
  background: transparent !important;
  border: 0 !important;
}

.woocommerce-account:not(.logged-in) .woocommerce-password-strength,
.woocommerce-form-register .woocommerce-password-strength {
  margin-top: 10px;
}

/* --- Password visibility toggle (eye) --- */
.woocommerce form .password-input,
.woocommerce-page form .password-input {
  display: block;
  position: relative;
  width: 100%;
}

.woocommerce form .password-input input.input-text,
.woocommerce form .password-input input[type="password"],
.woocommerce form .password-input input[type="text"],
.woocommerce-page form .password-input input.input-text {
  width: 100%;
  padding-right: 3rem !important;
}

.woocommerce form .password-input input::-ms-reveal,
.woocommerce-page form .password-input input::-ms-reveal {
  display: none;
}

.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
  position: absolute !important;
  top: 50% !important;
  right: 0.7rem !important;
  left: auto !important;
  z-index: 3;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--text-secondary) !important;
  cursor: pointer;
  transform: translateY(-50%);
  opacity: 1 !important;
  visibility: visible !important;
}

.woocommerce form .show-password-input:hover,
.woocommerce-page form .show-password-input:hover {
  color: var(--brand-blue) !important;
  background: var(--nav-link-hover, rgba(138, 43, 226, 0.1)) !important;
}

.woocommerce form .show-password-input::before,
.woocommerce-page form .show-password-input::before {
  content: "" !important;
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;
  /* Light icon for dark theme (default site dark / data-theme=dark) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M17.3 3.3c-.4-.4-1.1-.4-1.6 0L13.3 5.7A9.2 9.2 0 0 0 10 5.1C6.2 5.2 2.8 7.2 1 10.5c.2.4.5.8.8 1.2 1.3 1.8 2.9 2.9 4.7 3.6L3 16.1c-.4.4-.5 1.1 0 1.6.4.4 1.1.5 1.6 0L17.3 4.9c.4-.5.4-1.2 0-1.6ZM6.7 12.3 5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7c1.2-1.7 2.8-2.9 4.7-3.5-1.3 1.4-1.4 3.6-.3 5.1Zm3.4-3.3c-.5-.5-.4-1.3.1-1.8.5-.4 1.2-.4 1.7 0L10.1 9Zm8.2.5c-.5-.7-1.1-1.4-1.8-1.9l-1 1c.8.6 1.5 1.3 2.1 2.2-1.7 2.6-4.6 4.2-7.7 4.2h-.8l-1 1c.7-.1 1.3 0 1.9 0 3.3 0 6.4-1.6 8.3-4.3.3-.4.5-.8.8-1.2-.3-.3-.5-.7-.8-1ZM14 10l-4 4c2.2 0 4-1.8 4-4Z' fill='%23e2e8f0'/%3E%3C/svg%3E") !important;
}

.woocommerce form .show-password-input.display-password::before,
.woocommerce-page form .show-password-input.display-password::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M18.3 9.5C15 4.9 8.5 3.8 3.9 7.2 2.7 8.1 1.7 9.3.9 10.6c.2.4.5.8.8 1.2 3.3 4.6 9.6 5.6 14.2 2.4.9-.7 1.7-1.4 2.4-2.4.3-.4.5-.8.8-1.2-.3-.4-.5-.8-.8-1.1ZM10.1 7.2c.5-.5 1.3-.5 1.8 0 .5.5.5 1.3 0 1.8-.5.5-1.3.5-1.8 0-.5-.5-.5-1.3 0-1.8ZM10 14.9c-3.1 0-6-1.6-7.7-4.2 1.2-1.7 2.8-2.9 4.7-3.5-.7.8-1 1.7-1 2.7 0 2.2 1.7 4.1 4 4.1 2.2 0 4.1-1.7 4.1-4v-.1c0-1-.4-2-1.1-2.7 1.9.6 3.5 1.8 4.7 3.5-1.7 2.6-4.6 4.2-7.7 4.2Z' fill='%23e2e8f0'/%3E%3C/svg%3E") !important;
}

[data-theme="light"] .woocommerce form .show-password-input::before,
[data-theme="light"] .woocommerce-page form .show-password-input::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M17.3 3.3c-.4-.4-1.1-.4-1.6 0L13.3 5.7A9.2 9.2 0 0 0 10 5.1C6.2 5.2 2.8 7.2 1 10.5c.2.4.5.8.8 1.2 1.3 1.8 2.9 2.9 4.7 3.6L3 16.1c-.4.4-.5 1.1 0 1.6.4.4 1.1.5 1.6 0L17.3 4.9c.4-.5.4-1.2 0-1.6ZM6.7 12.3 5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7c1.2-1.7 2.8-2.9 4.7-3.5-1.3 1.4-1.4 3.6-.3 5.1Zm3.4-3.3c-.5-.5-.4-1.3.1-1.8.5-.4 1.2-.4 1.7 0L10.1 9Zm8.2.5c-.5-.7-1.1-1.4-1.8-1.9l-1 1c.8.6 1.5 1.3 2.1 2.2-1.7 2.6-4.6 4.2-7.7 4.2h-.8l-1 1c.7-.1 1.3 0 1.9 0 3.3 0 6.4-1.6 8.3-4.3.3-.4.5-.8.8-1.2-.3-.3-.5-.7-.8-1ZM14 10l-4 4c2.2 0 4-1.8 4-4Z' fill='%23475569'/%3E%3C/svg%3E") !important;
}

[data-theme="light"] .woocommerce form .show-password-input.display-password::before,
[data-theme="light"] .woocommerce-page form .show-password-input.display-password::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M18.3 9.5C15 4.9 8.5 3.8 3.9 7.2 2.7 8.1 1.7 9.3.9 10.6c.2.4.5.8.8 1.2 3.3 4.6 9.6 5.6 14.2 2.4.9-.7 1.7-1.4 2.4-2.4.3-.4.5-.8.8-1.2-.3-.4-.5-.8-.8-1.1ZM10.1 7.2c.5-.5 1.3-.5 1.8 0 .5.5.5 1.3 0 1.8-.5.5-1.3.5-1.8 0-.5-.5-.5-1.3 0-1.8ZM10 14.9c-3.1 0-6-1.6-7.7-4.2 1.2-1.7 2.8-2.9 4.7-3.5-.7.8-1 1.7-1 2.7 0 2.2 1.7 4.1 4 4.1 2.2 0 4.1-1.7 4.1-4v-.1c0-1-.4-2-1.1-2.7 1.9.6 3.5 1.8 4.7 3.5-1.7 2.6-4.6 4.2-7.7 4.2Z' fill='%23475569'/%3E%3C/svg%3E") !important;
}

/* Keep Register clickable even if WC briefly marks it disabled */
.woocommerce-account:not(.logged-in) .woocommerce-form-register__submit.disabled,
.woocommerce-account:not(.logged-in) .woocommerce-form-register__submit:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

/* --- View order --- */
.woocommerce-view-order .woocommerce-MyAccount-content > p {
  margin: 0 0 20px;
  color: var(--text-secondary);
  font-size: 0.95rem;
  line-height: 1.55;
}

.woocommerce-view-order .woocommerce-MyAccount-content > p mark {
  background: transparent;
  color: var(--text-primary);
  font-weight: 700;
}

.woocommerce-view-order .woocommerce-order-details,
.woocommerce-view-order .woocommerce-customer-details {
  margin: 0 0 24px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  max-width: 100%;
  overflow: visible;
}

.woocommerce-view-order .woocommerce-order-details__title,
.woocommerce-view-order .woocommerce-column__title {
  margin: 0 0 14px;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text-primary);
}

.woocommerce-view-order .woocommerce-order-details {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.woocommerce-view-order table.shop_table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
  overflow: visible;
  border-radius: 16px;
}

.woocommerce-view-order table.shop_table th,
.woocommerce-view-order table.shop_table td {
  padding: 14px 16px;
  vertical-align: top;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.woocommerce-view-order table.shop_table .product-name,
.woocommerce-view-order table.shop_table .woocommerce-table__product-name {
  width: 68%;
}

.woocommerce-view-order table.shop_table .product-total,
.woocommerce-view-order table.shop_table .woocommerce-table__product-total,
.woocommerce-view-order table.shop_table tfoot th,
.woocommerce-view-order table.shop_table tfoot td {
  width: 32%;
  text-align: right;
  white-space: nowrap;
}

.woocommerce-view-order table.shop_table .wc-item-meta,
.woocommerce-view-order table.shop_table .wc-item-meta li,
.woocommerce-view-order table.shop_table .wc-item-meta p {
  margin: 6px 0 0;
  color: var(--text-muted);
  font-size: 0.8rem;
  line-height: 1.4;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.woocommerce-view-order table.shop_table .wc-item-meta a {
  word-break: break-all;
}

.woocommerce-view-order .engagex-slip-card {
  margin-top: 4px;
}

.woocommerce-view-order .woocommerce-customer-details address,
.woocommerce-view-order .woocommerce-customer-details--phone {
  color: var(--text-secondary);
  font-style: normal;
  line-height: 1.6;
  word-break: break-word;
}

.woocommerce-view-order .woocommerce-customer-details--email {
  display: none !important;
}

@media (max-width: 780px) {
  .woocommerce-view-order .woocommerce-MyAccount-content {
    padding-bottom: 28px;
  }

  .woocommerce-view-order table.shop_table {
    table-layout: auto;
    border: 0;
    background: transparent;
    overflow: visible;
  }

  .woocommerce-view-order table.shop_table thead {
    display: none;
  }

  .woocommerce-view-order table.shop_table tbody tr {
    display: block;
    margin: 0 0 12px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--bg-card);
  }

  .woocommerce-view-order table.shop_table tbody td {
    display: block;
    width: 100% !important;
    padding: 0;
    border: 0;
    text-align: left !important;
    background: transparent !important;
  }

  .woocommerce-view-order table.shop_table tbody td.product-total,
  .woocommerce-view-order table.shop_table tbody td.woocommerce-table__product-total {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--border);
    text-align: right !important;
    font-weight: 700;
    color: var(--text-primary);
  }

  .woocommerce-view-order table.shop_table tfoot {
    display: block;
    margin-top: 4px;
    padding: 4px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .woocommerce-view-order table.shop_table tfoot tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin: 0 0 10px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--bg-card);
    box-sizing: border-box;
  }

  .woocommerce-view-order table.shop_table tfoot tr:last-child {
    margin-bottom: 0;
  }

  .woocommerce-view-order table.shop_table tfoot th,
  .woocommerce-view-order table.shop_table tfoot td {
    display: block;
    width: auto !important;
    max-width: 100%;
    margin: 0;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--text-secondary);
    font-weight: 600;
    text-align: left;
    white-space: normal;
  }

  .woocommerce-view-order table.shop_table tfoot th:empty,
  .woocommerce-view-order table.shop_table tfoot td:empty {
    display: none !important;
  }

  .woocommerce-view-order table.shop_table tfoot td {
    justify-self: end;
    text-align: right;
    font-weight: 700;
    color: var(--text-primary);
    white-space: nowrap;
  }

  .woocommerce-view-order .engagex-bacs-details__pay {
    flex-direction: column;
    align-items: flex-start;
  }

  .woocommerce-view-order .engagex-bacs-details__row {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .woocommerce-view-order .engagex-bacs-details__row dd {
    text-align: left;
  }
}