/* WC User Suite basic styling */
.wc-user-suite-account {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 1rem 3rem;
}

.wcus-account-header {
  margin-bottom: 2rem;
}

.wcus-account-title {
  font-size: 2rem;
  margin: 0 0 .25rem;
}

.wcus-account-subtitle {
  margin: 0;
  color: #666;
}

.wcus-account-layout {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
}

@media (max-width: 768px) {
  .wcus-account-layout {
    flex-direction: column;
  }
}

.wcus-account-nav {
  flex: 0 0 220px;
}

.wcus-account-content {
  flex: 1 1 auto;
}

.wcus-nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.wcus-nav-item + .wcus-nav-item {
  margin-top: .35rem;
}

.wcus-nav-link {
  display: block;
  padding: .6rem .9rem;
  border-radius: 8px;
  text-decoration: none;
  border: 1px solid #e2e2e2;
  background: #fafafa;
  font-size: .95rem;
}

.wcus-nav-item.is-active .wcus-nav-link,
.wcus-nav-link:hover {
  border-color: #0073aa;
  background: #f0f8ff;
}

.wcus-card {
  background: #fff;
  border-radius: 12px;
  padding: 1.5rem 1.75rem;
  box-shadow: 0 6px 18px rgba(0,0,0,.04);
  border: 1px solid #f0f0f0;
}

.wcus-section-header h2 {
  margin-top: 0;
  margin-bottom: .25rem;
}

.wcus-section-subtitle {
  margin: 0 0 1.25rem;
  color: #777;
  font-size: .95rem;
}

.wcus-wallet-balance .wcus-balance-value {
  font-size: 2rem;
  margin: .25rem 0;
}

.wcus-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1rem 1.25rem;
}

.wcus-form-actions {
  margin-top: 1rem;
}