/* =====================================================
   SURPIN - BASE GLOBAL (VERSIÓN DEFINITIVA)
   Este es el ÚNICO archivo que define el ancho y el fondo.
   ===================================================== */

/* 1. FONDO Y TIPOGRAFÍA GLOBAL */
body {
  font-family: 'Nunito Sans', system-ui, -apple-system, sans-serif;
  color: #0A1F44;
  background: #F5F7FA !important; /* Fondo gris claro de toda la web */
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Oswald', sans-serif;
  color: #0A1F44;
  letter-spacing: 0.5px;
}

/* 2. LAYOUT NATIVO (Para que el footer siempre quede abajo) */
html body .wp-site-blocks {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

html body .wp-site-blocks > main {
  flex: 1 0 auto;
}

/* 3. OCULTAR TÍTULOS DUPLICADOS DE WORDPRESS */
html body.page h1.entry-title,
html body.page .wp-block-post-title,
html body.page .entry-header {
  display: none !important;
}

/* 6. EXCEPCIÓN: Las cajas .gm-* (Inicio, Contacto, etc.) */
/* No les ponemos padding porque ya lo heredan del main, 
   pero les limitamos el ancho a 1400px para que no se estiren */
html body .gm-home-wrap,
html body .gm-about-wrap,
html body .gm-contact-wrap,
html body .gm-legal-wrap {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 !important; /* Importante: 0 padding para no duplicar */
  box-sizing: border-box !important;
  width: 100% !important;
}

/* =====================================================
   OCULTAR EL ICONO DE FLECHA "VER CARRITO" AL AÑADIR
   ===================================================== */

/* Ocultar el enlace "Ver carrito" que aparece tras añadir al carrito */
.added_to_cart,
.added_to_cart.wc-forward,
a.added_to_cart,
span.added_to_cart {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* También ocultamos el icono de flecha que el tema pone con pseudo-elementos */
.wp-block-woocommerce-product-button .wp-block-button__link::after,
.wc-block-components-product-button__button::after {
    display: none !important;
    content: none !important;
    background: none !important;
}

/* Aseguramos que el botón de añadir no cambie de tamaño */
.wp-block-woocommerce-product-button {
    min-height: auto !important;
}

html body .wp-site-blocks > main {
  flex: 1 0 auto;
  min-height: 40vh;
  padding-bottom: 60px !important;
}