/* ══════════════════════════════════════
   FERRANOVA — Mi Cuenta
   ══════════════════════════════════════ */

.woocommerce-account .woocommerce {
  padding: var(--fn-sp-2xl) 0 var(--fn-sp-4xl);
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 250px !important;
  float: left;
  background: var(--fn-blanco);
  border-radius: var(--fn-radio-xl);
  box-shadow: var(--fn-sombra-card);
  overflow: hidden;
  border: 1px solid var(--fn-borde);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  padding: var(--fn-sp-xs);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 12px 16px;
  font-family: var(--fn-fuente-titulo);
  font-size: var(--fn-fs-sm);
  font-weight: var(--fn-fw-medium);
  color: var(--fn-gris-600);
  border-radius: var(--fn-radio-md);
  transition: all var(--fn-trans-fast);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  background: var(--fn-primario-ultra-light);
  color: var(--fn-primario);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  background: var(--fn-primario);
  color: var(--fn-blanco);
}

.woocommerce-account .woocommerce-MyAccount-content {
  width: calc(100% - 280px) !important;
  float: right;
  background: var(--fn-blanco);
  border-radius: var(--fn-radio-xl);
  padding: var(--fn-sp-xl);
  box-shadow: var(--fn-sombra-card);
  border: 1px solid var(--fn-borde);
}

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
  font-family: var(--fn-fuente-titulo);
  font-weight: var(--fn-fw-bold);
  margin-bottom: var(--fn-sp-lg);
}

/* Login / Register */
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
  border: 1px solid var(--fn-borde) !important;
  border-radius: var(--fn-radio-xl) !important;
  padding: var(--fn-sp-2xl) !important;
  background: var(--fn-blanco);
  max-width: 480px;
  margin: 0 auto !important;
  box-shadow: var(--fn-sombra-md);
}

@media (max-width: 768px) {
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
    float: none;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    margin-bottom: var(--fn-sp-lg);
  }
}