/* ==========================================================================
   NEXO SUMMIT 2026 — LAYOUT MÍNIMO PARA PÁGINAS DE WOOCOMMERCE
   Archivo: woo-layout-minimal.css · NS26 - Tickets · glio.studio
   ==========================================================================
   A diferencia de checkout-redesign.css / woo-global.css (desactivados a
   pedido del cliente — ver class-checkout-redesign.php), este archivo NO
   toca colores, tipografía, bordes ni botones. WooCommerce/el tema se ven
   con su estilo nativo tal cual. Solo resuelve dos cosas de layout:

   1) Alto mínimo del contenido, para que páginas cortas (ej. un carrito
      con 1 producto) no se vean "chatas" pegadas al footer.
   2) Ancho máximo del contenedor (1440px) con padding lateral consistente
      (100px en escritorio, 30px en mobile), igual que el resto del sitio.
   ========================================================================== */

/* ============ 1) ALTO MÍNIMO ============ */
body.woocommerce-cart #content,
body.woocommerce-checkout #content,
body.woocommerce-account #content,
body.woocommerce #content,
body.woocommerce-cart .site-main,
body.woocommerce-checkout .site-main,
body.woocommerce-account .site-main,
body.woocommerce .site-main{
  min-height:80vh !important;
}

/* Si el tema no usa #content/.site-main, esto cubre el wrapper que
   WooCommerce Blocks sí garantiza que existe en cada una de estas páginas */
.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout,
body.woocommerce-account .woocommerce-MyAccount-content{
  min-height:80vh !important;
  box-sizing:border-box;
}

/* ============ 2) ANCHO MÁXIMO + PADDING LATERAL ============ */
.wp-block-woocommerce-cart,
.wc-block-cart,
.wp-block-woocommerce-checkout,
.wc-block-checkout{
  max-width:1440px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:100px !important;
  padding-right:100px !important;
  box-sizing:border-box;
}

@media (max-width:1200px){
  .wp-block-woocommerce-cart,
  .wc-block-cart,
  .wp-block-woocommerce-checkout,
  .wc-block-checkout{
    padding-left:60px !important;
    padding-right:60px !important;
  }
}

@media (max-width:900px){
  .wp-block-woocommerce-cart,
  .wc-block-cart,
  .wp-block-woocommerce-checkout,
  .wc-block-checkout{
    padding-left:40px !important;
    padding-right:40px !important;
  }
}

@media (max-width:768px){
  .wp-block-woocommerce-cart,
  .wc-block-cart,
  .wp-block-woocommerce-checkout,
  .wc-block-checkout{
    padding-left:30px !important;
    padding-right:30px !important;
  }
  /* En mobile, 80vh de alto mínimo puede empujar demasiado si el teclado
     virtual reduce el viewport visible — se relaja un poco */
  body.woocommerce-cart #content,
  body.woocommerce-checkout #content,
  body.woocommerce-account #content,
  body.woocommerce #content,
  body.woocommerce-cart .site-main,
  body.woocommerce-checkout .site-main,
  body.woocommerce-account .site-main,
  body.woocommerce .site-main,
  .wp-block-woocommerce-cart,
  .wp-block-woocommerce-checkout,
  body.woocommerce-account .woocommerce-MyAccount-content{
    min-height:70vh !important;
  }
}

/* Debajo de 480px, evita que el padding lateral le quite demasiado ancho
   útil a columnas angostas (ej. el stepper de cantidad del carrito) */
@media (max-width:480px){
  .wp-block-woocommerce-cart,
  .wc-block-cart,
  .wp-block-woocommerce-checkout,
  .wc-block-checkout{
    padding-left:20px !important;
    padding-right:20px !important;
  }
}