/*
Theme Name: Pildoras Child
Template: pildoras
Author: SuWeb
Description: Tema hijo de Pildoras. Acá viven las personalizaciones por tienda/deploy
             (CSS/JS chicos, pusheables por MCP) sin tocar el tema base, cuyos archivos
             grandes (style.css ~185 KB, functions.php ~94 KB) se sincronizan por
             UpdraftPlus/FTP.
Version: 1.0.0
*/

/* ── Personalizaciones de CSS ──────────────────────────────────────────────
   El style.css del tema BASE se carga desde functions.php del child.
   Agregá acá solo overrides/ajustes propios de este sitio. */

/* ── Mi Cuenta / Login ──────────────────────────────────────────────────────
   El base pone `.woocommerce-account .woocommerce { grid: 240px 1fr !important }`,
   y sus overrides (login 1 columna, responsive) NO llevan !important → no ganan.
   Resultado: el login queda en 2 columnas y en mobile se desborda. Forzamos acá. */

/* Login (no logueado): una sola columna, card centrada */
.woocommerce-account .woocommerce:not(:has(.woocommerce-MyAccount-navigation)) {
  grid-template-columns: 1fr !important;
  max-width: 480px !important;
}

/* Mobile/tablet: la cuenta SIEMPRE en una columna (evita el desborde de la tarjeta) */
@media (max-width: 1024px) {
  .woocommerce-account .woocommerce {
    grid-template-columns: 1fr !important;
  }
}

/* "Recordarme": checkbox al lado del texto. El base pone width:100% a TODOS los inputs
   del form (incluido el checkbox) y el label como block → lo descoloca. */
.woocommerce-form-login .woocommerce-form-login__rememberme {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin: 4px 0 14px;
}
.woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"] {
  width: auto !important;
  margin: 0 !important;
}

/* Login + Registro (registro habilitado en Mi cuenta): 2 columnas en desktop,
   apiladas en mobile. El bloque de arriba deja el login SOLO a 480px centrado;
   acá, cuando además hay form de registro, ensanchamos y ponemos las dos al lado. */
.woocommerce-account .woocommerce:has(.woocommerce-form-register) {
  max-width: 880px !important;
}
.woocommerce-account #customer_login.u-columns {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 28px !important;
}
.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .u-column2 {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  margin: 0 !important;
}
@media (max-width: 768px) {
  .woocommerce-account #customer_login.u-columns { grid-template-columns: 1fr !important; }
}