/* =====================================================
   HOUSE LIFE — Mi Cuenta (Acceder / Registrarse)
   ===================================================== */

:root{
  --hl-gold: #C9A24B;
  --hl-gold-dark: #A9822F;
  --hl-cream: #FAF7F0;
  --hl-text: #2B2620;
  --hl-border: #ECE4D3;
}

/* ---------- Tarjetas de "Acceder" y "Registrarse" ---------- */
.woocommerce-form-login,
.woocommerce-form-register{
  background: #ffffff;
  border: 1px solid var(--hl-border) !important;
  border-radius: 16px !important;
  padding: 32px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.04);
}

/* ---------- Títulos "Acceder" / "Registrarse" ---------- */
.u-column1.col-1 > h2,
.u-column2.col-2 > h2{
  color: var(--hl-gold-dark);
  font-size: 22px;
  margin-bottom: 20px;
}

/* ---------- Campos de texto ---------- */
.woocommerce-form-row label{
  color: var(--hl-text);
  font-weight: 600;
  font-size: 14px;
}

.woocommerce-form-login input.input-text,
.woocommerce-form-register input.input-text,
.woocommerce-account input.input-text{
  background: var(--hl-cream) !important;
  border: 1px solid var(--hl-border) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  width: 100%;
  box-shadow: none !important;
}
.woocommerce-form-login input.input-text:focus,
.woocommerce-form-register input.input-text:focus{
  outline: none;
  border-color: var(--hl-gold) !important;
  background: #ffffff !important;
}

/* ---------- Checkboxes (Recuérdame / Boletín) ---------- */
.woocommerce-form__input-checkbox,
.woocommerce-form-login__rememberme input,
input#createaccount{
  accent-color: var(--hl-gold);
  width: 16px;
  height: 16px;
}

/* ---------- Enlaces (olvidé contraseña, política de privacidad) ---------- */
.woocommerce-LostPassword a,
.woocommerce-privacy-policy-text a{
  color: var(--hl-gold-dark) !important;
  text-decoration: underline;
}
.woocommerce-LostPassword a:hover,
.woocommerce-privacy-policy-text a:hover{
  color: var(--hl-gold) !important;
}

/* ---------- Texto informativo pequeño ---------- */
.woocommerce-privacy-policy-text p{
  color: #6f675e;
  font-size: 13.5px;
  line-height: 1.5;
}

/* ---------- Botones "Acceder" y "Registrarse" ---------- */
.woocommerce-form-login__submit,
.woocommerce-form-register__submit,
.woocommerce-account button.button{
  width: 100% !important;
  background: var(--hl-gold) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 30px !important;
  padding: 14px !important;
  font-weight: 700 !important;
}
.woocommerce-form-login__submit:hover,
.woocommerce-form-register__submit:hover{
  background: var(--hl-gold-dark) !important;
}

/* ---------- Nota: el botón "Continuar con Google" NO se recolorea ----------
   Google exige mantener sus colores/logo oficiales en botones de inicio
   de sesión — cambiarlo podría violar sus lineamientos de marca. */

/* =====================================================
   PANEL "MI CUENTA" (después de iniciar sesión)
   ===================================================== */

/* Pestañas de navegación (Inicio / Pedidos / Direcciones / etc.) */
.woocommerce-MyAccount-navigation ul{
  display: flex !important;
  flex-wrap: wrap !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 2px solid var(--hl-border) !important;
}
.woocommerce-MyAccount-navigation ul li{
  list-style: none !important;
  border: none !important;
  background: transparent !important;
  margin: 0 !important;
}
.woocommerce-MyAccount-navigation ul li a{
  display: block !important;
  padding: 14px 22px !important;
  color: var(--hl-text) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  border: none !important;
  border-bottom: 3px solid transparent !important;
  background: transparent !important;
  transition: all .2s ease;
}
.woocommerce-MyAccount-navigation ul li a:hover{
  color: var(--hl-gold-dark) !important;
}
/* Pestaña activa */
.woocommerce-MyAccount-navigation ul li.is-active a{
  background: transparent !important;
  color: var(--hl-gold-dark) !important;
  border-bottom: 3px solid var(--hl-gold) !important;
}

/* Tarjeta de contenido del dashboard */
.woocommerce-MyAccount-content{
  background: #ffffff;
  border: 1px solid var(--hl-border);
  border-radius: 16px;
  padding: 26px 28px;
  margin-top: 20px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.04);
}
.woocommerce-MyAccount-content a{
  color: var(--hl-gold-dark) !important;
  text-decoration: underline;
}
.woocommerce-MyAccount-content a:hover{
  color: var(--hl-gold) !important;
}