/* ============================================================
   Nizudy WC Social Login (Nextend + Estilos)
   Scope: SOLO /mi-cuenta/ (account page)
   ============================================================ */

/* ====== Contenedor general del login/registro ====== */
.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce *{
  box-sizing: border-box;
}

.woocommerce-account .woocommerce{
  max-width: 980px;
  margin: 0 auto;
  padding: 16px 12px;
  overflow-x: clip; /* evita scroll horizontal por desbordes */
}

/* Columnas de WooCommerce: ajustarse sin desbordar */
.woocommerce-account .woocommerce .u-columns{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0;
}

.woocommerce-account .woocommerce .u-columns .u-column1,
.woocommerce-account .woocommerce .u-columns .u-column2{
  flex: 1 1 340px;
  min-width: 0;
}

@media (max-width: 600px){
  .woocommerce-account .woocommerce{
    padding: 12px 10px;
  }
}

/* ====== Tarjetas suaves ====== */
.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.register{
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 22px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  backdrop-filter: blur(6px);
  width: 100%;
}

.woocommerce-account .woocommerce h2{
  margin-bottom: 14px;
}

/* ====== Inputs ====== */
.woocommerce-account .woocommerce input.input-text,
.woocommerce-account .woocommerce input[type="email"],
.woocommerce-account .woocommerce input[type="password"],
.woocommerce-account .woocommerce input[type="text"]{
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.9);
  padding: 12px 12px;
}

/* ====== Botones WooCommerce ======
   Ajusta el color aquí (morado/azul del sitio):
   --nizudy-accent: #5A46E6;
*/
.woocommerce-account{
  --nizudy-accent: #5A46E6;
}

.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce a.button{
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.08);
  background: color-mix(in srgb, var(--nizudy-accent) 12%, transparent);
  color: #111;
  box-shadow: none;
}

.woocommerce-account .woocommerce button.button:hover,
.woocommerce-account .woocommerce a.button:hover{
  background: color-mix(in srgb, var(--nizudy-accent) 18%, transparent);
}

/* ====== Bloque Nextend (wrapper) ====== */
.woocommerce-account .nizudy-social-login{
  margin: 12px 0 16px;
  padding: 14px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--nizudy-accent) 8%, transparent);
  border: 1px dashed color-mix(in srgb, var(--nizudy-accent) 25%, transparent);
}

/* Evitar márgenes raros del contenedor Nextend */
.woocommerce-account .nizudy-social-login .nsl-container{
  margin: 0 !important;
}

/* Centrar si Nextend pone inline-blocks */
.woocommerce-account .nizudy-social-login .nsl-container .nsl-container-buttons{
  justify-content: center;
}