/* Manuales de Buceo — WooCommerce cuenta (login/registro/mi-cuenta) con theme Descenso.
   Scope .mdb-scope para ganar al parent sin !important salvo donde Woo pisa fuerte. */

.mdb-scope .woocommerce { max-width: 1040px; margin: 0 auto; padding: 40px 24px 72px; }
.mdb-scope .woocommerce h1,
.mdb-scope .woocommerce h2,
.mdb-scope .woocommerce h3 { font-family: var(--font-display); color: var(--text-strong); }

/* Botones Woo → look mdb pill primary */
.mdb-scope .woocommerce #respond input#submit,
.mdb-scope .woocommerce a.button,
.mdb-scope .woocommerce button.button,
.mdb-scope .woocommerce input.button,
.mdb-scope .woocommerce .button {
  background: var(--color-primary); color: var(--text-on-brand);
  border: 1px solid var(--color-primary); border-radius: var(--radius-pill);
  font-family: var(--font-body); font-weight: var(--weight-semibold);
  padding: 11px 22px; min-height: 44px; line-height: 1; cursor: pointer;
  transition: background var(--dur-fast) var(--ease-standard);
}
.mdb-scope .woocommerce a.button:hover,
.mdb-scope .woocommerce button.button:hover,
.mdb-scope .woocommerce input.button:hover,
.mdb-scope .woocommerce .button:hover { background: var(--color-primary-hover); color: var(--text-on-brand); }
.mdb-scope .woocommerce .button.alt,
.mdb-scope .woocommerce #place_order { background: var(--color-accent); border-color: var(--color-accent); }
.mdb-scope .woocommerce .button.alt:hover { background: var(--color-accent-hover); }

/* Inputs */
.mdb-scope .woocommerce form .form-row input.input-text,
.mdb-scope .woocommerce form .form-row textarea,
.mdb-scope .woocommerce .woocommerce-Input,
.mdb-scope .woocommerce select {
  border: 1.5px solid var(--border-strong); border-radius: var(--radius-md);
  padding: 11px 14px; font-size: 1rem; background: var(--surface-card); color: var(--text-body);
}
.mdb-scope .woocommerce form .form-row input.input-text:focus,
.mdb-scope .woocommerce .woocommerce-Input:focus { outline: none; border-color: var(--border-brand); box-shadow: var(--shadow-ring); }
.mdb-scope .woocommerce label { color: var(--text-body); font-weight: var(--weight-medium); }

/* Cajas de formulario (login/registro) como tarjeta */
.mdb-scope .woocommerce form.woocommerce-form-login,
.mdb-scope .woocommerce form.woocommerce-form-register,
.mdb-scope .woocommerce form.woocommerce-ResetPassword,
.mdb-scope .woocommerce .u-column1.col-1,
.mdb-scope .woocommerce .u-column2.col-2 {
  border: 1px solid var(--border-subtle); border-radius: var(--radius-lg);
  background: var(--surface-card); box-shadow: var(--shadow-sm); padding: 28px;
}

/* Layout mi-cuenta: nav lateral + contenido */
.mdb-scope .woocommerce-account .woocommerce { display: flex; gap: 32px; align-items: flex-start; flex-wrap: wrap; }
.mdb-scope .woocommerce-MyAccount-navigation { flex: 0 0 220px; }
.mdb-scope .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.mdb-scope .woocommerce-MyAccount-navigation ul li a {
  display: block; padding: 10px 14px; border-radius: var(--radius-md);
  color: var(--text-body); text-decoration: none; font-weight: var(--weight-medium);
}
.mdb-scope .woocommerce-MyAccount-navigation ul li a:hover { background: var(--surface-sunken); }
.mdb-scope .woocommerce-MyAccount-navigation ul li.is-active a { background: var(--color-primary); color: var(--text-on-brand); }
.mdb-scope .woocommerce-MyAccount-content { flex: 1; min-width: 280px; }

/* Notices → look mdb alert */
.mdb-scope .woocommerce-message,
.mdb-scope .woocommerce-info,
.mdb-scope .woocommerce-error {
  border-radius: var(--radius-md); border-left: 4px solid; padding: 14px 16px; list-style: none;
  background: var(--surface-sunken); color: var(--text-body); box-shadow: none;
}
.mdb-scope .woocommerce-message { border-left-color: var(--color-success, #16a34a); }
.mdb-scope .woocommerce-info { border-left-color: var(--color-secondary); }
.mdb-scope .woocommerce-error { border-left-color: var(--color-danger, #dc2626); }

/* Tablas */
.mdb-scope .woocommerce table.shop_table {
  border: 1px solid var(--border-subtle); border-radius: var(--radius-lg); border-collapse: separate; overflow: hidden;
}
.mdb-scope .woocommerce table.shop_table th { background: var(--surface-sunken); color: var(--text-strong); }

@media (max-width: 720px) {
  .mdb-scope .woocommerce-account .woocommerce { flex-direction: column; }
  .mdb-scope .woocommerce-MyAccount-navigation { flex: 1 1 auto; width: 100%; }
}