/* Nevoura — My Account page revamp
   Turns WooCommerce's default two-column login/register layout into a
   single centered card with tabs. Relies on nv-account-page.js to build
   the wrapper and tab markup; this file only styles it. */

.nv-account-card {
  max-width: 460px;
  margin: 48px auto;
  padding: 32px;
  background: #fff;
  border: 1px solid rgba(12, 12, 12, 0.08);
  border-radius: 8px;
}

.nv-account-card .nv-auth-gate--account-page {
  margin-bottom: 24px;
}

.nv-account-card .nv-auth-gate--account-page .nv-google-btn {
  width: 100%;
  justify-content: center;
}

.nv-account-tabs {
  display: flex;
  gap: 4px;
  margin-bottom: 24px;
  padding: 4px;
  background: rgba(12, 12, 12, 0.04);
  border-radius: 6px;
}

.nv-account-tab {
  flex: 1;
  padding: 9px 0;
  background: transparent;
  border: none;
  border-radius: 4px;
  color: rgba(12, 12, 12, 0.5);
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.nv-account-tab.is-active {
  background: var(--nv-ink, #0c0c0c);
  color: #fff;
}

.nv-account-forms .u-columns,
.nv-account-forms.u-columns {
  display: block;
}

.nv-account-panel {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}

/* WooCommerce prints an <h2>Login</h2> / <h2>Register</h2> inside each
   column — redundant now that the tabs say the same thing. */
.nv-account-panel > h2 {
  display: none;
}

.nv-account-panel .form-row label,
.nv-account-panel label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: rgba(12, 12, 12, 0.6);
}

.nv-account-panel input.input-text,
.nv-account-panel input[type="text"],
.nv-account-panel input[type="password"],
.nv-account-panel input[type="email"] {
  width: 100%;
  box-sizing: border-box;
}