/* ============================================================
   ANSA Профил v1.1 — дизайн система за „Моят профил"
   Override sheet: умишлено използва body-префикс и !important,
   за да надделее над темата и Elementor widget стиловете.
   ============================================================ */

body.woocommerce-account {
  --ansa-ink: #2b2724;
  --ansa-sub: #6f6862;
  --ansa-line: #eae2d9;
  --ansa-paper: #fbf8f5;
  --ansa-brand: #e4592f;
  --ansa-brand-dark: #c74a25;
  --ansa-brand-tint: #fcede7;
  --ansa-radius: 12px;
}

/* ---------- 0. Ресет на шума от темата в цялата секция ---------- */
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .woocommerce-MyAccount-tabs {
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--ansa-ink);
}
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3,
body.woocommerce-account .woocommerce-MyAccount-content h4 {
  color: var(--ansa-ink) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content p {
  color: var(--ansa-ink);
}
body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button) {
  color: var(--ansa-brand-dark) !important;
  font-weight: 500;
  text-decoration: none !important;
  border-bottom: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button):hover {
  text-decoration: underline !important;
}
body.woocommerce-account .woocommerce-MyAccount-tabs,
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
  box-shadow: none !important;
}

/* ---------- 1. Бутони: една система, два вида ---------- */
/* Вторичен (по подразбиране за действия в карти) */
body.woocommerce-account .woocommerce-MyAccount-content .button,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button,
body.woocommerce-account .woocommerce-MyAccount-content button {
  display: inline-block;
  background: #fff !important;
  color: var(--ansa-ink) !important;
  border: 1px solid #d9d0c6 !important;
  border-radius: 10px !important;
  padding: 9px 18px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background 0.15s ease, border-color 0.15s ease;
}
body.woocommerce-account .woocommerce-MyAccount-content .button:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button:hover,
body.woocommerce-account .woocommerce-MyAccount-content button:hover {
  background: var(--ansa-paper) !important;
  border-color: #c4b8ab !important;
  color: var(--ansa-ink) !important;
}
/* Първичен (основни действия): CTA в таблото, добавяне на метод,
   submit на всички форми */
body.woocommerce-account .ansa-dash-card .button,
body.woocommerce-account .woocommerce-MyAccount-content > a.button,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button,
body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"] {
  background: var(--ansa-brand) !important;
  color: #fff !important;
  border: 1px solid var(--ansa-brand) !important;
}
body.woocommerce-account .ansa-dash-card .button:hover,
body.woocommerce-account .woocommerce-MyAccount-content > a.button:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button:hover,
body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:hover {
  background: var(--ansa-brand-dark) !important;
  border-color: var(--ansa-brand-dark) !important;
  color: #fff !important;
}

/* ---------- 2. Профилна карта + ляво меню ---------- */
body.woocommerce-account .oceanwp-user-profile {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #fff;
  border: 1px solid var(--ansa-line) !important;
  border-radius: var(--ansa-radius);
  padding: 16px !important;
  margin-bottom: 12px !important;
  box-shadow: none !important;
}
body.woocommerce-account .oceanwp-user-profile .image {
  margin: 0 !important;
  float: none !important;
}
body.woocommerce-account .oceanwp-user-profile .image img {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50%;
  display: block;
}
body.woocommerce-account .oceanwp-user-profile .name {
  margin: 0 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--ansa-ink) !important;
  text-transform: none !important;
}
body.woocommerce-account .oceanwp-user-profile .logout {
  font-size: 12.5px !important;
  color: var(--ansa-sub) !important;
  text-decoration: none !important;
}
body.woocommerce-account .oceanwp-user-profile .logout:hover {
  color: var(--ansa-brand-dark) !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 !important;
  padding: 8px !important;
  list-style: none !important;
  background: #fff;
  border: 1px solid var(--ansa-line) !important;
  border-radius: var(--ansa-radius);
  box-shadow: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link a {
  display: block !important;
  padding: 11px 14px !important;
  border-radius: 9px !important;
  border: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  color: #4d4741 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  background: transparent;
  transition: background 0.15s ease, color 0.15s ease;
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link a:hover {
  background: var(--ansa-paper) !important;
  color: var(--ansa-ink) !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a {
  background: var(--ansa-brand-tint) !important;
  color: var(--ansa-brand-dark) !important;
  font-weight: 600 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a {
  color: #a3352a !important;
}
/* Иконите на темата (залепени вдясно, разкривени) — махат се */
body.woocommerce-account .woocommerce-MyAccount-navigation-link a > i,
body.woocommerce-account .woocommerce-MyAccount-navigation-link a > svg,
body.woocommerce-account .woocommerce-MyAccount-navigation-link a > span[class*="icon"],
body.woocommerce-account .woocommerce-MyAccount-navigation a .fa,
body.woocommerce-account .woocommerce-MyAccount-navigation a [class^="owp-"],
body.woocommerce-account .woocommerce-MyAccount-navigation a::before,
body.woocommerce-account .woocommerce-MyAccount-navigation a::after {
  display: none !important;
}

/* ---------- 3. Табло ---------- */
body.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type {
  font-size: 16px;
  margin-bottom: 6px !important;
}
body.woocommerce-account .ansa-dash-card {
  background: #fff;
  border: 1px solid var(--ansa-line);
  border-radius: var(--ansa-radius);
  padding: 20px 22px;
  margin: 22px 0 14px;
}
body.woocommerce-account .ansa-dash-card__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 0 0 6px !important;
}
body.woocommerce-account .ansa-dash-card__head h3 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}
body.woocommerce-account .ansa-dash-card__meta {
  font-size: 14px;
  color: var(--ansa-sub) !important;
  margin: 0 0 16px !important;
}
body.woocommerce-account .ansa-dash-card__meta .woocommerce-Price-amount {
  color: var(--ansa-ink);
  font-weight: 600;
}
body.woocommerce-account .ansa-dash-links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}
body.woocommerce-account .ansa-dash-link {
  display: block;
  background: #fff;
  border: 1px solid var(--ansa-line);
  border-radius: var(--ansa-radius);
  padding: 16px 18px;
  text-decoration: none !important;
  transition: border-color 0.15s ease, background 0.15s ease;
}
body.woocommerce-account .ansa-dash-link:hover {
  background: var(--ansa-paper);
  border-color: #d8c9bb;
  text-decoration: none !important;
}
body.woocommerce-account .ansa-dash-link strong {
  display: block;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--ansa-ink) !important;
  margin-bottom: 3px;
}
body.woocommerce-account .ansa-dash-link span {
  font-size: 12.5px;
  color: var(--ansa-sub) !important;
  font-weight: 400;
  line-height: 1.45;
  display: block;
}

/* ---------- 4. Статус баджове (общи) ---------- */
body.woocommerce-account .ansa-dash-status,
body.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-status {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  white-space: nowrap;
  background: #efeae3;
  color: #55504a;
  width: auto;
}
body.woocommerce-account .ansa-dash-status--processing,
body.woocommerce-account tr.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status {
  background: #e3eefb !important; color: #1b5da0 !important;
}
body.woocommerce-account .ansa-dash-status--at-office,
body.woocommerce-account .ansa-dash-status--completed,
body.woocommerce-account tr.woocommerce-orders-table__row--status-at-office .woocommerce-orders-table__cell-order-status,
body.woocommerce-account tr.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status {
  background: #ddf2e8 !important; color: #116147 !important;
}
body.woocommerce-account .ansa-dash-status--on-hold,
body.woocommerce-account .ansa-dash-status--pending,
body.woocommerce-account tr.woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status,
body.woocommerce-account tr.woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status {
  background: #f9ecd4 !important; color: #7d4b0a !important;
}
body.woocommerce-account .ansa-dash-status--cancelled,
body.woocommerce-account .ansa-dash-status--failed,
body.woocommerce-account tr.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status,
body.woocommerce-account tr.woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status {
  background: #fbe7e5 !important; color: #9c2f26 !important;
}

/* ---------- 5. Поръчки: карти ---------- */
body.woocommerce-account .woocommerce-MyAccount-content .account-orders-table {
  display: block;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  margin: 0 !important;
}
body.woocommerce-account .account-orders-table thead { display: none !important; }
body.woocommerce-account .account-orders-table tbody { display: grid; gap: 14px; }
body.woocommerce-account .account-orders-table tbody tr.order {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "number status"
    "date   status"
    "total  actions";
  gap: 3px 12px;
  align-items: center;
  background: #fff;
  border: 1px solid var(--ansa-line) !important;
  border-radius: var(--ansa-radius);
  padding: 18px 22px !important;
}
body.woocommerce-account .account-orders-table tr.order th,
body.woocommerce-account .account-orders-table tr.order td {
  display: block !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  text-align: left !important;
}
body.woocommerce-account .account-orders-table tr.order td::before { display: none !important; }
body.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-number { grid-area: number; }
body.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-number a {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--ansa-ink) !important;
}
body.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-date {
  grid-area: date;
  font-size: 13px;
  color: var(--ansa-sub) !important;
}
body.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-total {
  grid-area: total;
  font-size: 14px;
  margin-top: 12px !important;
}
body.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-actions {
  grid-area: actions;
  justify-self: end;
  margin-top: 12px !important;
  display: flex !important;
  gap: 8px;
}
body.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-status {
  grid-area: status;
  justify-self: end;
  align-self: start;
}
body.woocommerce-account .account-orders-table tr.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-total {
  color: var(--ansa-sub) !important;
}

/* ---------- 6. Адреси ---------- */
body.woocommerce-account .ansa-addresses-intro {
  font-size: 14px;
  color: var(--ansa-sub) !important;
  margin-bottom: 16px !important;
}
body.woocommerce-account .ansa-addresses {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 14px;
}
body.woocommerce-account .ansa-address-card {
  background: #fff;
  border: 1px solid var(--ansa-line);
  border-radius: var(--ansa-radius);
  padding: 20px 22px;
}
body.woocommerce-account .ansa-address-card__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #f2ece5;
}
body.woocommerce-account .ansa-address-card__head h3 {
  margin: 0 !important;
  font-size: 15.5px !important;
  font-weight: 600 !important;
}
body.woocommerce-account .ansa-address-card__edit {
  padding: 7px 14px !important;
  font-size: 13px !important;
}
body.woocommerce-account .ansa-address-card__rows { margin: 0 !important; }
body.woocommerce-account .ansa-address-card__rows > div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 6px 0;
  font-size: 14px;
}
body.woocommerce-account .ansa-address-card__rows dt {
  color: var(--ansa-sub) !important;
  font-weight: 400 !important;
  flex-shrink: 0;
}
body.woocommerce-account .ansa-address-card__rows dd {
  margin: 0 !important;
  text-align: right;
  color: var(--ansa-ink) !important;
  overflow-wrap: anywhere;
}
body.woocommerce-account .ansa-address-card__empty {
  font-size: 14px;
  color: var(--ansa-sub) !important;
  margin: 0 !important;
}

/* ---------- 7. Известия и празни състояния ---------- */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error li,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  border-radius: 10px;
  background: var(--ansa-paper) !important;
  border: 1px solid var(--ansa-line) !important;
  border-left: 3px solid var(--ansa-brand) !important;
  color: var(--ansa-ink) !important;
  padding: 14px 18px !important;
  box-shadow: none !important;
}

/* ---------- 8. Форми ---------- */
body.woocommerce-account .woocommerce-MyAccount-content .form-row label {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--ansa-ink) !important;
  text-transform: none !important;
  margin-bottom: 5px !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .form-row input.input-text,
body.woocommerce-account .woocommerce-MyAccount-content .form-row select,
body.woocommerce-account .woocommerce-MyAccount-content .form-row textarea {
  border: 1px solid #d9d0c6 !important;
  border-radius: 10px !important;
  padding: 11px 14px !important;
  font-size: 14px !important;
  background: #fff !important;
  color: var(--ansa-ink) !important;
  box-shadow: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .form-row input.input-text:focus,
body.woocommerce-account .woocommerce-MyAccount-content .form-row select:focus,
body.woocommerce-account .woocommerce-MyAccount-content .form-row textarea:focus {
  border-color: var(--ansa-brand) !important;
  outline: 2px solid var(--ansa-brand-tint) !important;
}

/* ---------- 9. Пагинация ---------- */
body.woocommerce-account .woocommerce-pagination {
  margin-top: 18px;
}

/* ---------- 10. Мобилно ---------- */
@media (max-width: 768px) {
  body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    flex-direction: row;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 6px !important;
    gap: 4px;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation-link a {
    white-space: nowrap;
    padding: 9px 13px !important;
    font-size: 13px !important;
  }
  body.woocommerce-account .account-orders-table tbody tr.order {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "status"
      "number"
      "date"
      "total"
      "actions";
    padding: 16px !important;
  }
  body.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-status {
    justify-self: start;
    margin-bottom: 4px;
  }
  body.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-actions {
    justify-self: stretch;
  }
  body.woocommerce-account .account-orders-table .woocommerce-orders-table__cell-order-actions .woocommerce-button {
    flex: 1;
    text-align: center;
  }
  body.woocommerce-account .ansa-address-card__rows > div {
    flex-direction: column;
    gap: 2px;
  }
  body.woocommerce-account .ansa-address-card__rows dd { text-align: left; }
  body.woocommerce-account .ansa-dash-card { padding: 16px 18px; }
}

/* ============================================================
   v2.0 — ДОПЪЛНЕНИЯ: икони в менюто, нови екрани, компоненти
   ============================================================ */

/* ---------- Икони в менюто (SVG, следват цвета на текста) ---------- */
body.woocommerce-account .woocommerce-MyAccount-navigation-link a {
  position: relative;
  padding-left: 42px !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link a::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-color: currentColor;
  opacity: 0.8;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-size: contain; mask-size: contain;
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard a::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E");
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--orders a::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8l-9-5-9 5v8l9 5 9-5V8z'/%3E%3Cpath d='M3 8l9 5 9-5'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8l-9-5-9 5v8l9 5 9-5V8z'/%3E%3Cpath d='M3 8l9 5 9-5'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E");
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--subscriptions a::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M23 4v6h-6'/%3E%3Cpath d='M1 20v-6h6'/%3E%3Cpath d='M3.5 9a9 9 0 0 1 14.9-3.4L23 10'/%3E%3Cpath d='M1 14l4.6 4.4A9 9 0 0 0 20.5 15'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M23 4v6h-6'/%3E%3Cpath d='M1 20v-6h6'/%3E%3Cpath d='M3.5 9a9 9 0 0 1 14.9-3.4L23 10'/%3E%3Cpath d='M1 14l4.6 4.4A9 9 0 0 0 20.5 15'/%3E%3C/svg%3E");
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address a::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 12-9 12s-9-5-9-12a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 12-9 12s-9-5-9-12a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--payment-methods a::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E");
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--wt-smart-coupon a::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v4a2 2 0 0 0 0 6v4H4v-4a2 2 0 0 0 0-6z'/%3E%3Cpath d='M13 6v2M13 11v2M13 16v2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v4a2 2 0 0 0 0 6v4H4v-4a2 2 0 0 0 0-6z'/%3E%3Cpath d='M13 6v2M13 11v2M13 16v2'/%3E%3C/svg%3E");
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--wt-store-credit a::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 7H5a2 2 0 0 1 0-4h13v4'/%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Ccircle cx='16' cy='13.5' r='1.2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 7H5a2 2 0 0 1 0-4h13v4'/%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Ccircle cx='16' cy='13.5' r='1.2'/%3E%3C/svg%3E");
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account a::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E");
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E");
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads a::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3Cpath d='M12 15V3'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3Cpath d='M12 15V3'/%3E%3C/svg%3E");
}

/* ---------- Общи компоненти ---------- */
body.woocommerce-account .ansa-badge {
  display: inline-block;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  white-space: nowrap;
  background: #efeae3;
  color: #55504a;
}
body.woocommerce-account .ansa-badge--processing { background: #e3eefb; color: #1b5da0; }
body.woocommerce-account .ansa-badge--at-office,
body.woocommerce-account .ansa-badge--completed { background: #ddf2e8; color: #116147; }
body.woocommerce-account .ansa-badge--on-hold,
body.woocommerce-account .ansa-badge--pending { background: #f9ecd4; color: #7d4b0a; }
body.woocommerce-account .ansa-badge--cancelled,
body.woocommerce-account .ansa-badge--failed { background: #fbe7e5; color: #9c2f26; }
body.woocommerce-account .ansa-badge--refunded { background: #efeae3; color: #55504a; }

body.woocommerce-account .ansa-thumb img {
  width: 52px !important;
  height: 52px !important;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid var(--ansa-line);
  display: block;
  background: #fff;
}

/* ---------- Филтри над поръчките ---------- */
body.woocommerce-account .ansa-filters {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
body.woocommerce-account .ansa-filter {
  padding: 8px 16px;
  border-radius: 999px;
  border: 1px solid var(--ansa-line);
  background: #fff;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #4d4741 !important;
  text-decoration: none !important;
  transition: all 0.15s ease;
}
body.woocommerce-account .ansa-filter:hover { background: var(--ansa-paper); }
body.woocommerce-account .ansa-filter.is-active {
  background: var(--ansa-ink) !important;
  border-color: var(--ansa-ink) !important;
  color: #fff !important;
}

/* ---------- Карти на поръчки (нов рендер) ---------- */
body.woocommerce-account .ansa-orders { display: grid; gap: 14px; }
body.woocommerce-account .ansa-order-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  background: #fff;
  border: 1px solid var(--ansa-line);
  border-radius: var(--ansa-radius);
  padding: 18px 20px;
}
body.woocommerce-account .ansa-order-card__thumbs {
  display: flex;
}
body.woocommerce-account .ansa-order-card__thumbs .ansa-thumb + .ansa-thumb { margin-left: -18px; }
body.woocommerce-account .ansa-order-card__thumbs .ansa-thumb img {
  box-shadow: 0 0 0 2px #fff;
}
body.woocommerce-account .ansa-order-card__top {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
body.woocommerce-account .ansa-order-card__number {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--ansa-ink) !important;
  text-decoration: none !important;
}
body.woocommerce-account .ansa-order-card__meta {
  font-size: 13px;
  color: var(--ansa-sub) !important;
  margin: 3px 0 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.woocommerce-account .ansa-order-card__total {
  font-size: 14px;
  font-weight: 600;
  margin: 6px 0 0 !important;
}
body.woocommerce-account .ansa-order-card__actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
}
body.woocommerce-account .ansa-order-card__actions .button { text-align: center; }

/* ---------- Празно състояние ---------- */
body.woocommerce-account .ansa-empty {
  background: #fff;
  border: 1px dashed #d9d0c6;
  border-radius: var(--ansa-radius);
  padding: 44px 24px;
  text-align: center;
}
body.woocommerce-account .ansa-empty__title {
  font-size: 16px !important;
  font-weight: 600 !important;
  margin: 0 0 4px !important;
}
body.woocommerce-account .ansa-empty__text {
  font-size: 14px;
  color: var(--ansa-sub) !important;
  margin: 0 0 18px !important;
}

/* ---------- Пагинация с номера ---------- */
body.woocommerce-account .ansa-pagination {
  display: flex;
  gap: 6px;
  justify-content: center;
  margin-top: 20px;
}
body.woocommerce-account .ansa-page {
  min-width: 38px;
  padding: 9px 0;
  text-align: center;
  border-radius: 10px;
  border: 1px solid var(--ansa-line);
  background: #fff;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #4d4741 !important;
  text-decoration: none !important;
}
body.woocommerce-account .ansa-page:hover { background: var(--ansa-paper); }
body.woocommerce-account .ansa-page.is-current {
  background: var(--ansa-ink) !important;
  border-color: var(--ansa-ink) !important;
  color: #fff !important;
}

/* ---------- Преглед на поръчка ---------- */
body.woocommerce-account .ansa-back {
  display: inline-block;
  font-size: 13px !important;
  color: var(--ansa-sub) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  margin-bottom: 14px;
}
body.woocommerce-account .ansa-back:hover { color: var(--ansa-ink) !important; }

body.woocommerce-account .ansa-vo-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
  background: #fff;
  border: 1px solid var(--ansa-line);
  border-radius: var(--ansa-radius);
  padding: 20px 22px;
  margin-bottom: 14px;
}
body.woocommerce-account .ansa-vo-head__title {
  font-size: 19px !important;
  font-weight: 650 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.woocommerce-account .ansa-vo-head__meta {
  font-size: 13px;
  color: var(--ansa-sub) !important;
  margin: 4px 0 0 !important;
}
body.woocommerce-account .ansa-vo-head__right { text-align: right; }
body.woocommerce-account .ansa-vo-head__total {
  font-size: 17px;
  font-weight: 650;
  margin: 8px 0 0 !important;
}

/* Стъпки на статуса */
body.woocommerce-account .ansa-steps {
  display: flex;
  background: #fff;
  border: 1px solid var(--ansa-line);
  border-radius: var(--ansa-radius);
  padding: 18px 12px 14px;
  margin-bottom: 14px;
}
body.woocommerce-account .ansa-step {
  flex: 1;
  text-align: center;
  position: relative;
}
body.woocommerce-account .ansa-step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 7px;
  left: calc(50% + 12px);
  width: calc(100% - 24px);
  height: 2px;
  background: var(--ansa-line);
}
body.woocommerce-account .ansa-step.is-done:not(:last-child)::after { background: var(--ansa-brand); }
body.woocommerce-account .ansa-step__dot {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #d9d0c6;
  position: relative;
  z-index: 1;
}
body.woocommerce-account .ansa-step.is-done .ansa-step__dot {
  background: var(--ansa-brand);
  border-color: var(--ansa-brand);
}
body.woocommerce-account .ansa-step.is-current .ansa-step__dot {
  border-color: var(--ansa-brand);
  box-shadow: 0 0 0 4px var(--ansa-brand-tint);
}
body.woocommerce-account .ansa-step__label {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  color: var(--ansa-sub);
}
body.woocommerce-account .ansa-step.is-done .ansa-step__label,
body.woocommerce-account .ansa-step.is-current .ansa-step__label {
  color: var(--ansa-ink);
  font-weight: 600;
}

body.woocommerce-account .ansa-vo-notice--muted {
  background: var(--ansa-paper);
  border: 1px solid var(--ansa-line);
  border-radius: var(--ansa-radius);
  padding: 14px 18px;
  font-size: 14px;
  color: var(--ansa-sub);
  margin-bottom: 14px;
}

body.woocommerce-account .ansa-vo-card {
  background: #fff;
  border: 1px solid var(--ansa-line);
  border-radius: var(--ansa-radius);
  padding: 18px 22px;
  margin-bottom: 14px;
}
body.woocommerce-account .ansa-vo-card__title {
  font-size: 15px !important;
  font-weight: 600 !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
}

body.woocommerce-account .ansa-vo-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 12px 0;
}
body.woocommerce-account .ansa-vo-item + .ansa-vo-item { border-top: 1px solid #f2ece5; }
body.woocommerce-account .ansa-vo-item__name {
  display: block;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: var(--ansa-ink) !important;
  text-decoration: none !important;
}
body.woocommerce-account .ansa-item-meta,
body.woocommerce-account .ansa-vo-item__qty {
  display: block;
  font-size: 12.5px;
  color: var(--ansa-sub);
  margin-top: 2px;
}
body.woocommerce-account .ansa-vo-item__total {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

body.woocommerce-account .ansa-vo-totals__row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 8px 0;
  font-size: 14px;
}
body.woocommerce-account .ansa-vo-totals__row span:first-child { color: var(--ansa-sub); }
body.woocommerce-account .ansa-vo-totals__row.is-grand {
  border-top: 1px solid var(--ansa-line);
  margin-top: 6px;
  padding-top: 12px;
  font-size: 15.5px;
  font-weight: 650;
}
body.woocommerce-account .ansa-vo-totals__row.is-grand span:first-child { color: var(--ansa-ink); }

body.woocommerce-account .ansa-vo-address {
  font-size: 14px;
  line-height: 1.7;
  margin: 0 !important;
}
body.woocommerce-account .ansa-vo-notes { list-style: none; margin: 0 !important; padding: 0 !important; }
body.woocommerce-account .ansa-vo-notes li {
  padding: 10px 0;
  font-size: 14px;
}
body.woocommerce-account .ansa-vo-notes li + li { border-top: 1px solid #f2ece5; }
body.woocommerce-account .ansa-vo-notes__date {
  display: block;
  font-size: 12px;
  color: var(--ansa-sub);
  margin-bottom: 2px;
}
body.woocommerce-account .ansa-vo-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 4px;
}

/* ---------- Общ стил за таблици на други плъгини (купони, кредит, абонаменти) ---------- */
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table:not(.account-orders-table) {
  border: 1px solid var(--ansa-line) !important;
  border-radius: var(--ansa-radius);
  border-collapse: separate !important;
  border-spacing: 0;
  overflow: hidden;
  background: #fff !important;
  width: 100%;
}
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table:not(.account-orders-table) th,
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table:not(.account-orders-table) td {
  border: 0 !important;
  border-bottom: 1px solid #f2ece5 !important;
  padding: 12px 16px !important;
  font-size: 13.5px !important;
  text-align: left !important;
  background: transparent !important;
}
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table:not(.account-orders-table) thead th {
  background: var(--ansa-paper) !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--ansa-sub) !important;
  font-size: 12.5px !important;
}
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table:not(.account-orders-table) tr:last-child td {
  border-bottom: 0 !important;
}

/* ---------- Мобилно за новите екрани ---------- */
@media (max-width: 768px) {
  body.woocommerce-account .ansa-order-card {
    grid-template-columns: minmax(0, 1fr);
  }
  body.woocommerce-account .ansa-order-card__actions {
    flex-direction: row;
  }
  body.woocommerce-account .ansa-order-card__actions .button { flex: 1; }
  body.woocommerce-account .ansa-order-card__meta { white-space: normal; }
  body.woocommerce-account .ansa-vo-head__right { text-align: left; }
  body.woocommerce-account .ansa-steps { padding: 14px 6px 12px; }
  body.woocommerce-account .ansa-step__label { font-size: 10.5px; }
  body.woocommerce-account .ansa-vo-item {
    grid-template-columns: auto minmax(0, 1fr);
  }
  body.woocommerce-account .ansa-vo-item__total {
    grid-column: 2;
    justify-self: end;
  }
  body.woocommerce-account .ansa-vo-actions .button { flex: 1; text-align: center; }
}

/* ============================================================
   v2.1 — статистики на таблото, брояч на филтри, AJAX бутон
   ============================================================ */
body.woocommerce-account .ansa-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  margin: 18px 0 14px;
}
body.woocommerce-account .ansa-stat {
  background: #fff;
  border: 1px solid var(--ansa-line);
  border-radius: var(--ansa-radius);
  padding: 14px 18px;
}
body.woocommerce-account .ansa-stat__label {
  display: block;
  font-size: 12px;
  color: var(--ansa-sub);
  margin-bottom: 4px;
}
body.woocommerce-account .ansa-stat__value {
  display: block;
  font-size: 20px;
  font-weight: 650;
  color: var(--ansa-ink);
  line-height: 1.2;
}
body.woocommerce-account .ansa-stat__value .woocommerce-Price-amount {
  font-size: 18px;
}

body.woocommerce-account .ansa-filter__count {
  margin-left: 6px;
  font-size: 11.5px;
  font-weight: 600;
  opacity: 0.6;
}
body.woocommerce-account .ansa-filter.is-active .ansa-filter__count {
  color: #fff;
  opacity: 0.85;
}

body.woocommerce-account .ansa-dash-card__thumbs {
  display: flex;
  margin: 2px 0 10px;
}
body.woocommerce-account .ansa-dash-card__thumbs .ansa-thumb + .ansa-thumb {
  margin-left: -16px;
}
body.woocommerce-account .ansa-dash-card__thumbs .ansa-thumb img {
  box-shadow: 0 0 0 2px #fff;
}
body.woocommerce-account .ansa-dash-card__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

body.woocommerce-account .ansa-reorder.is-loading {
  opacity: 0.6;
  pointer-events: none;
}

@media (max-width: 768px) {
  body.woocommerce-account .ansa-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }
  body.woocommerce-account .ansa-stat { padding: 10px 12px; }
  body.woocommerce-account .ansa-stat__value { font-size: 16px; }
  body.woocommerce-account .ansa-stat__value .woocommerce-Price-amount { font-size: 14px; }
  body.woocommerce-account .ansa-dash-card__actions .button { flex: 1; text-align: center; }
}
