/* ============================================================
   SHIPITALL  -  ACCOUNT CSS
   My Account, Orders, Profile pages
   ============================================================ */

.sia-account-page .sia-woo-wrapper { padding-top: 32px; }
.woocommerce-account .woocommerce {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 24px;
  align-items: start;
}
@media (max-width: 768px) {
  .woocommerce-account .woocommerce { grid-template-columns: 1fr; }
}

/* Order status badges */
.woocommerce-order-status {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  text-transform: capitalize;
}
mark.order-status.status-completed  { background: rgba(46,204,113,0.12); color: #1a7a42; }
mark.order-status.status-processing { background: rgba(52,152,219,0.12); color: #1a6ea8; }
mark.order-status.status-on-hold    { background: rgba(255,193,7,0.15); color: #856404; }
mark.order-status.status-cancelled  { background: rgba(232,56,13,0.1); color: var(--sia-primary-dark); }
mark.order-status.status-refunded   { background: rgba(107,107,107,0.1); color: var(--sia-text-muted); }
mark.order-status.status-pending    { background: rgba(255,193,7,0.1); color: #856404; }

/* Order tracking in account */
.sia-order-tracking {
  background: var(--sia-surface);
  border-radius: 10px;
  padding: 16px;
  margin-top: 12px;
}
.sia-tracking-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--sia-primary);
  color: white;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s;
}
.sia-tracking-link:hover { background: var(--sia-primary-dark); color: white; }

/* v1.3.0.2: Vendor Dashboard menu item — promote visually so vendors
   can find their power-user surface without hunting. Only rendered
   by the navigation.php override when sia_is_vendor() is true. */
.woocommerce-MyAccount-navigation-link--vendor-dashboard a {
  font-weight: 700;
  color: var(--sia-primary);
}