/**
 * mospion.ru — My Account Page — Design System v2
 * ────────────────────────────────────────────────────────────────
 * WooCommerce My Account selectors:
 *   .woocommerce-MyAccount-navigation — sidebar nav
 *   .woocommerce-MyAccount-content — main content
 *   .woocommerce-orders-table — order history table
 *   .woocommerce-EditAccountForm — edit profile form
 *   .woocommerce-address-fields — address form
 */

/* ═══════════════════════════════════════════════════════════════
   PAGE LAYOUT
═══════════════════════════════════════════════════════════════ */

.woocommerce-account .woocommerce {
  font-family: 'DM Sans', sans-serif !important;
  display: grid !important;
  grid-template-columns: 220px 1fr !important;
  gap: 28px !important;
  align-items: start !important;
}

@media (max-width: 767px) {
  .woocommerce-account .woocommerce {
    grid-template-columns: 1fr !important;
  }
}

.woocommerce-account h1.entry-title {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(24px, 4vw, 40px) !important;
  letter-spacing: -.04em !important;
  color: #0D0D0D !important;
  margin-bottom: 28px !important;
  grid-column: 1 / -1 !important;
}

/* ═══════════════════════════════════════════════════════════════
   SIDEBAR NAVIGATION
═══════════════════════════════════════════════════════════════ */

.woocommerce-MyAccount-navigation {
  background: #0D0D0D !important;
  border-radius: 20px !important;
  padding: 16px !important;
  position: sticky !important;
  top: 80px !important;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.woocommerce-MyAccount-navigation li a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,.55) !important;
  text-decoration: none !important;
  transition: background .13s, color .13s !important;
}

.woocommerce-MyAccount-navigation li a:hover {
  background: rgba(255,255,255,.07) !important;
  color: rgba(255,255,255,.9) !important;
}

.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--active a {
  background: #C4547A !important;
  color: #fff !important;
  font-weight: 600 !important;
}

@media (max-width: 767px) {
  .woocommerce-MyAccount-navigation {
    position: static !important;
  }

  .woocommerce-MyAccount-navigation ul {
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   MAIN CONTENT AREA
═══════════════════════════════════════════════════════════════ */

.woocommerce-MyAccount-content {
  background: #fff !important;
  border-radius: 20px !important;
  padding: 28px !important;
  border: 1px solid rgba(13,13,13,.07) !important;
  min-height: 400px !important;
}

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -.03em !important;
  color: #0D0D0D !important;
  margin-bottom: 20px !important;
}

.woocommerce-MyAccount-content h2 {
  font-size: 22px !important;
}

.woocommerce-MyAccount-content h3 {
  font-size: 18px !important;
}

.woocommerce-MyAccount-content p {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  color: #3A3A3A !important;
  line-height: 1.6 !important;
}

.woocommerce-MyAccount-content a {
  color: #C4547A !important;
  transition: color .13s !important;
}

.woocommerce-MyAccount-content a:hover {
  color: #FF2D6E !important;
}

/* ═══════════════════════════════════════════════════════════════
   DASHBOARD GREETING
═══════════════════════════════════════════════════════════════ */

.woocommerce-MyAccount-content .woocommerce-Message--info {
  background: #FAF9F6 !important;
  border-radius: 14px !important;
  padding: 20px !important;
  border: 1px solid rgba(13,13,13,.07) !important;
  font-size: 14px !important;
  color: #3A3A3A !important;
  margin-bottom: 20px !important;
}

/* ═══════════════════════════════════════════════════════════════
   ORDERS TABLE
═══════════════════════════════════════════════════════════════ */

.woocommerce-orders-table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.woocommerce-orders-table thead th {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: #6A6A6A !important;
  padding: 10px 14px !important;
  border-bottom: 2px solid rgba(13,13,13,.08) !important;
  text-align: left !important;
  background: #FAF9F6 !important;
}

.woocommerce-orders-table thead th:first-child {
  border-radius: 10px 0 0 0 !important;
}

.woocommerce-orders-table thead th:last-child {
  border-radius: 0 10px 0 0 !important;
}

.woocommerce-orders-table tbody tr {
  transition: background .12s !important;
  border-bottom: 1px solid rgba(13,13,13,.06) !important;
}

.woocommerce-orders-table tbody tr:hover {
  background: #FAF9F6 !important;
}

.woocommerce-orders-table tbody tr:last-child {
  border-bottom: none !important;
}

.woocommerce-orders-table tbody td {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  color: #3A3A3A !important;
  padding: 14px 14px !important;
  vertical-align: middle !important;
}

/* Order number */
.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a {
  font-family: 'DM Mono', monospace !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  color: #0D0D0D !important;
}

.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a:hover {
  color: #C4547A !important;
}

/* Order date */
.woocommerce-orders-table .woocommerce-orders-table__cell-order-date {
  font-family: 'DM Mono', monospace !important;
  font-size: 13px !important;
  color: #6A6A6A !important;
}

/* Order status badges */
.woocommerce-orders-table .woocommerce-orders-table__cell-order-status mark {
  display: inline-flex !important;
  align-items: center !important;
  padding: 3px 10px !important;
  border-radius: 9999px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  background: transparent !important;
}

.woocommerce-orders-table .woocommerce-orders-table__cell-order-status mark.processing,
.woocommerce-orders-table .woocommerce-orders-table__cell-order-status mark.on-hold {
  background: #FEF3E4 !important;
  color: #C97B20 !important;
}

.woocommerce-orders-table .woocommerce-orders-table__cell-order-status mark.completed {
  background: #E8F7F0 !important;
  color: #1A9060 !important;
}

.woocommerce-orders-table .woocommerce-orders-table__cell-order-status mark.cancelled,
.woocommerce-orders-table .woocommerce-orders-table__cell-order-status mark.failed,
.woocommerce-orders-table .woocommerce-orders-table__cell-order-status mark.refunded {
  background: #FDECEA !important;
  color: #D93025 !important;
}

.woocommerce-orders-table .woocommerce-orders-table__cell-order-status mark.pending {
  background: #F5F3EF !important;
  color: #6A6A6A !important;
}

/* Order total */
.woocommerce-orders-table .woocommerce-orders-table__cell-order-total {
  font-family: 'DM Mono', monospace !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #0D0D0D !important;
}

/* View order button */
.woocommerce-orders-table .woocommerce-button.button {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 6px 14px !important;
  border-radius: 9999px !important;
  background: transparent !important;
  border: 1.5px solid rgba(13,13,13,.18) !important;
  color: #3A3A3A !important;
  transition: all .13s !important;
  white-space: nowrap !important;
}

.woocommerce-orders-table .woocommerce-button.button:hover {
  border-color: #C4547A !important;
  color: #C4547A !important;
  background: rgba(232,160,192,.08) !important;
}

/* ═══════════════════════════════════════════════════════════════
   EDIT ACCOUNT / ADDRESS FORMS
═══════════════════════════════════════════════════════════════ */

.woocommerce-EditAccountForm fieldset {
  border: 1px solid rgba(13,13,13,.08) !important;
  border-radius: 14px !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
}

.woocommerce-EditAccountForm fieldset legend {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  color: #0D0D0D !important;
  padding: 0 8px !important;
}

.woocommerce-EditAccountForm .form-row,
.woocommerce-address-fields .form-row {
  margin-bottom: 14px !important;
}

.woocommerce-EditAccountForm label,
.woocommerce-address-fields label {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #3A3A3A !important;
  letter-spacing: .02em !important;
  display: block !important;
  margin-bottom: 5px !important;
}

.woocommerce-EditAccountForm input.input-text,
.woocommerce-address-fields input.input-text,
.woocommerce-EditAccountForm select,
.woocommerce-address-fields select {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 15px !important;
  height: 48px !important;
  padding: 0 16px !important;
  border: 1.5px solid rgba(13,13,13,.14) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #0D0D0D !important;
  width: 100% !important;
  transition: border-color .15s, box-shadow .15s !important;
  outline: none !important;
}

.woocommerce-EditAccountForm input.input-text:focus,
.woocommerce-address-fields input.input-text:focus,
.woocommerce-EditAccountForm select:focus,
.woocommerce-address-fields select:focus {
  border-color: #C4547A !important;
  box-shadow: 0 0 0 3px rgba(232,160,192,.22) !important;
}

/* Save button */
.woocommerce-EditAccountForm [type="submit"],
.woocommerce-address-fields + p [type="submit"],
.woocommerce-MyAccount-content [type="submit"] {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  background: #FF2D6E !important;
  color: #fff !important;
  border: none !important;
  border-radius: 9999px !important;
  padding: 13px 32px !important;
  cursor: pointer !important;
  transition: background .14s, transform .1s !important;
  height: auto !important;
}

.woocommerce-EditAccountForm [type="submit"]:hover,
.woocommerce-MyAccount-content [type="submit"]:hover {
  background: #E0155A !important;
  transform: translateY(-1px) !important;
}

/* ═══════════════════════════════════════════════════════════════
   ORDER DETAIL VIEW
═══════════════════════════════════════════════════════════════ */

.woocommerce-order-details,
.woocommerce-customer-details {
  background: #FAF9F6 !important;
  border-radius: 16px !important;
  padding: 24px !important;
  margin-bottom: 16px !important;
  border: 1px solid rgba(13,13,13,.06) !important;
}

.woocommerce-table.woocommerce-table--order-details {
  width: 100% !important;
  border-collapse: collapse !important;
}

.woocommerce-table.woocommerce-table--order-details thead th {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: #6A6A6A !important;
  padding: 10px 0 10px !important;
  border-bottom: 1px solid rgba(13,13,13,.1) !important;
}

.woocommerce-table.woocommerce-table--order-details tbody td {
  font-size: 14px !important;
  color: #3A3A3A !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid rgba(13,13,13,.05) !important;
}

.woocommerce-table.woocommerce-table--order-details tfoot th,
.woocommerce-table.woocommerce-table--order-details tfoot td {
  font-size: 13px !important;
  color: #6A6A6A !important;
  padding: 6px 0 !important;
  font-family: 'DM Sans', sans-serif !important;
}

.woocommerce-table.woocommerce-table--order-details tfoot .order-total th,
.woocommerce-table.woocommerce-table--order-details tfoot .order-total td {
  font-family: 'DM Mono', monospace !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  color: #0D0D0D !important;
  border-top: 1px solid rgba(13,13,13,.1) !important;
  padding-top: 12px !important;
}

/* ═══════════════════════════════════════════════════════════════
   WOO WALLET SECTION
═══════════════════════════════════════════════════════════════ */

.woo-wallet-cashback-wrapper,
.woo-wallet-balance-wrapper {
  background: #FAF9F6 !important;
  border-radius: 16px !important;
  padding: 20px !important;
  border: 1px solid rgba(13,13,13,.07) !important;
  margin-bottom: 16px !important;
}

.woo-wallet-total-balance {
  font-family: 'DM Mono', monospace !important;
  font-size: 32px !important;
  font-weight: 500 !important;
  color: #0D0D0D !important;
  letter-spacing: -.03em !important;
}