/* Kapsule My Account Reskin v5.3.0 - PROPER ICON FIX */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600;700&display=swap');

:root {
  --kma-blue: #00AEC8;
  --kma-blue-dark: #008b9e;
  --kma-ink: #0e1111;
  --kma-muted: #57636b;
  --kma-border: #e5e7eb;
  --kma-white: #ffffff;
  --kma-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  --kma-radius: 16px;
  --kma-radius-sm: 12px;
}

/* Apply Urbanist ONLY to specific elements, NOT icons */
.woocommerce-account,
.woocommerce-account h1,
.woocommerce-account h2,
.woocommerce-account h3,
.woocommerce-account h4,
.woocommerce-account h5,
.woocommerce-account h6,
.woocommerce-account p,
.woocommerce-account a,
.woocommerce-account span:not([class*="icon"]):not([class*="fa-"]),
.woocommerce-account div:not([class*="icon"]),
.woocommerce-account td,
.woocommerce-account th,
.woocommerce-account li,
.woocommerce-account label,
.woocommerce-account input,
.woocommerce-account textarea,
.woocommerce-account select,
.woocommerce-account button {
  font-family: 'Urbanist', sans-serif !important;
}

/* Explicitly EXCLUDE icons from font override */
.fa,
.fas,
.far,
.fab,
.fal,
.dashicons,
.wd-icon,
.wd-nav-icon,
.woodmart-svg-icon,
[class*="icon-"],
i[class*="fa-"],
span[class*="fa-"],
.woocommerce-MyAccount-navigation i,
.woocommerce-MyAccount-navigation span[class*="fa"] {
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "dashicons", inherit !important;
}

.kma-page-title {
  font-size: 32px;
  font-weight: 700;
  color: var(--kma-ink);
  margin: 0 0 32px 0;
}

/* ===== HIDE VENDOR DASHBOARD ===== */
.woocommerce-MyAccount-navigation-link--vendor-dashboard {
  display: none !important;
}

/* ===== NAVIGATION ===== */
.woocommerce-MyAccount-navigation {
  background: var(--kma-white) !important;
  border: 2px solid var(--kma-border) !important;
  border-radius: var(--kma-radius) !important;
  padding: 8px !important;
}

.woocommerce-MyAccount-navigation ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.woocommerce-MyAccount-navigation-link {
  margin-bottom: 4px !important;
}

.woocommerce-MyAccount-navigation-link a {
  display: block !important;
  padding: 14px 16px !important;
  border-radius: var(--kma-radius-sm) !important;
  color: var(--kma-ink) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  transition: all 0.2s ease !important;
  background: transparent !important;
}

.woocommerce-MyAccount-navigation-link a:hover {
  background: rgba(0, 174, 200, 0.08) !important;
  color: var(--kma-blue) !important;
}

.woocommerce-MyAccount-navigation-link.is-active a {
  background: var(--kma-blue) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* ===== DASHBOARD ===== */
.kma-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 24px;
}

.kma-card {
  display: flex;
  gap: 20px;
  background: var(--kma-white);
  border: 2px solid var(--kma-border);
  border-radius: var(--kma-radius);
  padding: 28px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.kma-card:hover {
  border-color: var(--kma-blue);
  box-shadow: var(--kma-shadow);
  transform: translateY(-4px);
}

.kma-card-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kma-card-icon svg { width: 28px; height: 28px; }
.kma-icon-blue { background: rgba(0, 174, 200, 0.1); }
.kma-icon-blue svg { stroke: #00AEC8; }
.kma-icon-purple { background: rgba(139, 92, 246, 0.1); }
.kma-icon-purple svg { stroke: #8b5cf6; }
.kma-icon-teal { background: rgba(20, 184, 166, 0.1); }
.kma-icon-teal svg { stroke: #14b8a6; }
.kma-icon-pink { background: rgba(236, 72, 153, 0.1); }
.kma-icon-pink svg { stroke: #ec4899; }
.kma-icon-yellow { background: rgba(251, 191, 36, 0.1); }
.kma-icon-yellow svg { stroke: #fbbf24; }
.kma-icon-green { background: rgba(34, 197, 94, 0.1); }
.kma-icon-green svg { stroke: #22c55e; }

.kma-card-content { flex: 1; }
.kma-card-title { font-size: 20px; font-weight: 600; color: var(--kma-ink); margin: 0 0 6px 0; }
.kma-card-desc { font-size: 15px; color: var(--kma-muted); margin: 0; }

/* ===== ORDERS LIST ===== */
.woocommerce-orders-table {
  width: 100% !important;
  border: none !important;
  background: transparent !important;
}

.woocommerce-orders-table thead {
  display: none !important;
}

.woocommerce-orders-table tbody tr {
  background: var(--kma-white) !important;
  border: 2px solid var(--kma-border) !important;
  border-radius: var(--kma-radius) !important;
  padding: 24px 28px !important;
  margin-bottom: 16px !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  grid-template-rows: auto auto !important;
  gap: 12px 16px !important;
  align-items: center !important;
}

.woocommerce-orders-table tbody tr:hover {
  border-color: var(--kma-blue) !important;
  box-shadow: var(--kma-shadow) !important;
}

.woocommerce-orders-table td {
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
}

.woocommerce-orders-table__cell-order-number {
  grid-column: 1 !important;
  grid-row: 1 !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  color: var(--kma-ink) !important;
}

.woocommerce-orders-table__cell-order-number a {
  color: var(--kma-ink) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

.woocommerce-orders-table__cell-order-date {
  grid-column: 2 !important;
  grid-row: 1 !important;
  font-size: 14px !important;
  color: var(--kma-muted) !important;
}

/* STATUS WITH COLORED PILL - ORDERS LIST - BIGGER SIZE */
.woocommerce-orders-table__cell-order-status {
  grid-column: 3 !important;
  grid-row: 1 !important;
  padding: 12px 32px !important;
  border-radius: 50px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
  display: inline-block !important;
  text-align: center !important;
  white-space: nowrap !important;
  min-width: 120px !important;
  line-height: 1.2 !important;
}

/* Completed status - green pill */
.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status {
  background: #d1fae5 !important;
  color: #065f46 !important;
}

/* Processing status - blue pill */
.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status {
  background: #dbeafe !important;
  color: #1e40af !important;
}

/* Pending status - yellow pill */
.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status {
  background: #fef3c7 !important;
  color: #92400e !important;
}

/* Cancelled/Failed status - red pill */
.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status {
  background: #fee2e2 !important;
  color: #991b1b !important;
}

/* Refunded status - gray pill */
.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status {
  background: #f3f4f6 !important;
  color: #6b7280 !important;
}

.woocommerce-orders-table__cell-dokan-shipment-status {
  display: none !important;
}

.woocommerce-orders-table__cell-order-total {
  grid-column: 1 / 3 !important;
  grid-row: 2 !important;
  font-size: 16px !important;
  color: var(--kma-muted) !important;
}

.woocommerce-orders-table__cell-order-actions {
  grid-column: 3 !important;
  grid-row: 2 !important;
  text-align: right !important;
}

/* HIDE EXCHANGE AND RETURN BUTTONS ON ORDERS LIST */
.woocommerce-orders-table__cell-order-actions .button:not(.view) {
  display: none !important;
}

/* ===== SINGLE ORDER VIEW - CUSTOM LAYOUT ===== */
.kma-view-order {
  max-width: 100%;
}

/* Order Header Card */
.kma-order-header {
  background: var(--kma-white);
  border: 2px solid var(--kma-border);
  border-radius: var(--kma-radius);
  padding: 24px 28px;
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.kma-order-label {
  font-size: 12px;
  color: var(--kma-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}

.kma-order-number {
  font-size: 18px;
  font-weight: 700;
  color: var(--kma-ink);
  margin-bottom: 8px;
}

.kma-order-total {
  font-size: 14px;
  color: var(--kma-muted);
}

.kma-order-header-right {
  display: flex;
  align-items: center;
  gap: 16px;
}

.kma-status-pill {
  padding: 8px 18px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 600;
  text-transform: capitalize;
}

.kma-status-pill.status-completed {
  background: #d1fae5;
  color: #065f46;
}

.kma-status-pill.status-processing {
  background: #dbeafe;
  color: #1e40af;
}

.kma-status-pill.status-pending,
.kma-status-pill.status-on-hold {
  background: #fef3c7;
  color: #92400e;
}

.kma-status-pill.status-cancelled,
.kma-status-pill.status-failed {
  background: #fee2e2;
  color: #991b1b;
}

.kma-status-pill.status-refunded {
  background: #f3f4f6;
  color: #6b7280;
}

.kma-back-button {
  white-space: nowrap;
}

/* Product Items Card */
.kma-order-products {
  background: var(--kma-white);
  border: 2px solid var(--kma-border);
  border-radius: var(--kma-radius);
  padding: 32px;
  margin-bottom: 24px;
}

.kma-product-item {
  display: flex;
  gap: 20px;
  align-items: center;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 2px solid var(--kma-border);
}

.kma-product-item:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.kma-product-image {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
}

.kma-product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.kma-product-info {
  flex: 1;
}

.kma-product-name {
  font-size: 16px;
  font-weight: 600;
  color: var(--kma-blue);
  text-decoration: none;
  display: block;
  margin-bottom: 4px;
}

.kma-product-meta {
  font-size: 14px;
  color: var(--kma-muted);
  line-height: 1.6;
}

.kma-product-actions {
  display: flex;
  gap: 12px;
}

.kma-order-actions-row {
  display: flex;
  gap: 12px;
  padding-top: 24px;
  border-top: 2px solid var(--kma-border);
}

/* Order Summary Card */
.kma-order-summary {
  background: var(--kma-white);
  border: 2px solid var(--kma-border);
  border-radius: var(--kma-radius);
  padding: 32px;
  margin-bottom: 24px;
}

.kma-card-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--kma-ink);
  margin: 0 0 20px 0;
  padding-bottom: 16px;
  border-bottom: 2px solid var(--kma-border);
}

.kma-summary-row {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  font-size: 15px;
  color: var(--kma-muted);
}

.kma-summary-total {
  font-weight: 600;
  color: var(--kma-ink);
  font-size: 16px;
  border-top: 2px solid var(--kma-border);
  margin-top: 8px;
  padding-top: 16px;
}

/* Shipments Card */
.kma-shipments-card {
  background: var(--kma-white);
  border: 2px solid var(--kma-border);
  border-radius: var(--kma-radius);
  padding: 32px;
  margin-bottom: 24px;
}

/* Addresses Card */
.kma-addresses-card {
  background: var(--kma-white);
  border: 2px solid var(--kma-border);
  border-radius: var(--kma-radius);
  padding: 32px;
  margin-bottom: 24px;
}

.kma-addresses-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}

.kma-address-col h4 {
  font-size: 12px;
  color: var(--kma-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 12px 0;
  font-weight: 600;
}

.kma-address-col address {
  font-style: normal;
  line-height: 1.8;
  color: var(--kma-ink);
}

/* ===== BUTTONS ===== */
.button,
a.button,
.woocommerce-button {
  background: var(--kma-blue) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 12px 28px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 8px rgba(0, 174, 200, 0.2) !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: all 0.3s ease !important;
}

.button:hover {
  background: var(--kma-blue-dark) !important;
  transform: translateY(-2px) !important;
}

.kma-btn-secondary {
  background: var(--kma-white) !important;
  color: var(--kma-blue) !important;
  border: 2px solid var(--kma-blue) !important;
}

.kma-btn-outline {
  background: transparent !important;
  color: var(--kma-ink) !important;
  border: 2px solid var(--kma-border) !important;
  box-shadow: none !important;
}

/* ===== SUBSCRIPTIONS & DOWNLOADS ===== */
.woocommerce-MyAccount-subscriptions,
.woocommerce-MyAccount-downloads {
  background: var(--kma-white) !important;
  border: 2px solid var(--kma-border) !important;
  border-radius: var(--kma-radius) !important;
  padding: 32px !important;
}

/* ===== GIFT CARDS ===== */
div[class*="gift"],
div[class*="wcgp"],
#yith-wcgc-giftcards-table-wrapper {
  background: var(--kma-white) !important;
  border: 2px solid var(--kma-border) !important;
  border-radius: var(--kma-radius) !important;
  padding: 32px !important;
}

/* ===== PAYMENT METHODS ===== */
table.account-payment-methods-table thead {
  display: none !important;
}

table.account-payment-methods-table tbody tr {
  background: var(--kma-white) !important;
  border: 2px solid var(--kma-border) !important;
  border-radius: var(--kma-radius) !important;
  padding: 24px !important;
  display: block !important;
  margin-bottom: 16px !important;
}

table.account-payment-methods-table td {
  border: none !important;
  padding: 8px 0 !important;
  display: block !important;
}

/* ===== ADDRESSES ===== */
.woocommerce-Address {
  background: var(--kma-white) !important;
  border: 2px solid var(--kma-border) !important;
  border-radius: var(--kma-radius) !important;
  padding: 32px !important;
  margin-bottom: 24px !important;
  display: inline-block !important;
  width: calc(50% - 12px) !important;
  vertical-align: top !important;
}

.woocommerce-Address:first-of-type {
  margin-right: 24px !important;
}

.woocommerce-Address-title {
  display: flex !important;
  justify-content: space-between !important;
  margin-bottom: 20px !important;
  padding-bottom: 16px !important;
  border-bottom: 2px solid var(--kma-border) !important;
}

.woocommerce-Address-title h3 {
  font-size: 20px !important;
  font-weight: 600 !important;
  margin: 0 !important;
}

/* ===== EDIT ACCOUNT ===== */
.woocommerce-EditAccountForm {
  background: var(--kma-white) !important;
  border: 2px solid var(--kma-border) !important;
  border-radius: var(--kma-radius) !important;
  padding: 32px !important;
}

.woocommerce-EditAccountForm fieldset {
  border: none !important;
  padding: 0 !important;
  margin-bottom: 24px !important;
}

.woocommerce-EditAccountForm legend {
  font-size: 20px !important;
  font-weight: 600 !important;
  margin-bottom: 20px !important;
  padding-bottom: 16px !important;
  border-bottom: 2px solid var(--kma-border) !important;
  width: 100% !important;
}

/* ===== INPUTS ===== */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
  border: 2px solid var(--kma-border) !important;
  border-radius: var(--kma-radius-sm) !important;
  padding: 14px 16px !important;
  font-size: 15px !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--kma-blue) !important;
  box-shadow: 0 0 0 4px rgba(0, 174, 200, 0.1) !important;
  outline: none !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  /* Mobile Navigation Dropdown */
  .woocommerce-MyAccount-navigation {
    position: relative !important;
  }
  
  .woocommerce-MyAccount-navigation::before {
    content: 'Menu' !important;
    display: block !important;
    padding: 16px !important;
    background: var(--kma-blue) !important;
    color: white !important;
    font-weight: 600 !important;
    border-radius: var(--kma-radius-sm) !important;
    cursor: pointer !important;
    text-align: center !important;
  }
  
  .woocommerce-MyAccount-navigation::after {
    content: '▼' !important;
    position: absolute !important;
    right: 20px !important;
    top: 16px !important;
    color: white !important;
    pointer-events: none !important;
    transition: transform 0.3s ease !important;
  }
  
  .woocommerce-MyAccount-navigation.nav-open::after {
    transform: rotate(180deg) !important;
  }
  
  .woocommerce-MyAccount-navigation ul {
    display: none !important;
    margin-top: 8px !important;
  }
  
  .woocommerce-MyAccount-navigation.nav-open ul {
    display: block !important;
  }
  
  .woocommerce-MyAccount-navigation-link a {
    background: white !important;
    border: 1px solid var(--kma-border) !important;
  }
  
  .woocommerce-Address {
    width: 100% !important;
    margin-right: 0 !important;
  }
  
  .kma-addresses-grid,
  .woocommerce-orders-table tbody tr {
    grid-template-columns: 1fr !important;
  }
  
  .kma-order-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  
  .kma-product-item {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .kma-product-actions,
  .kma-order-actions-row {
    flex-direction: column;
    width: 100%;
  }
  
  .kma-product-actions .button,
  .kma-order-actions-row .button {
    width: 100%;
  }
}