/*
 Theme Name: Grocery Store Child
 Template: grocery-store
 Version: 1.0
*/

/* ===== KOMBRAT — Layout y campos del checkout ===== */

/* Contenedor de datos (envío + facturación):
   2 columnas cuando quepa, 1 columna en pantallas estrechas */
#customer_details.kombrat-grid{
  display:grid !important;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
  gap:28px !important;
  align-items:start !important;
  margin-bottom:24px;
}

/* Tarjetas visuales */
#customer_details .kombrat-col{
  background:#fff;
  border:1px solid #eaeaea;
  border-radius:10px;
  padding:18px;
}
#customer_details .kombrat-col .kombrat-title{
  margin:0 0 14px;
  font-size:1.15rem;
  font-weight:600;
}

/* ===== Campos generales ===== */
.woocommerce form .form-row{ margin-bottom:12px; }
.woocommerce form .required{ color:#d33 !important; font-weight:600; }

/* Labels arriba y campos a 100% */
.woocommerce form .form-row label{ display:block !important; margin-bottom:6px !important; }
.woocommerce form .form-row .woocommerce-input-wrapper{ display:block !important; width:100% !important; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container{ width:100% !important; box-sizing:border-box; }

/* ===== Envío ===== */
#ship-to-different-address{ display:none !important; } /* ocultar checkbox */
.woocommerce-shipping-fields #shipping_country_field{ display:none !important; } /* por si reaparece */

/* Envío en 1 columna vertical */
.woocommerce-shipping-fields__field-wrapper{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
}

/* Campos de envío que no usamos (por si el tema los reinyecta) */
.woocommerce-shipping-fields #shipping_first_name_field,
.woocommerce-shipping-fields #shipping_last_name_field,
.woocommerce-shipping-fields #shipping_address_1_field,
.woocommerce-shipping-fields #shipping_address_2_field,
.woocommerce-shipping-fields #shipping_city_field,
.woocommerce-shipping-fields #shipping_state_field,
.woocommerce-shipping-fields #shipping_postcode_field{
  display:none !important;
}

/* Orden visual de nuestros campos de envío (por si algún estilo del tema interfiere) */
.woocommerce-shipping-fields .form-row { order:100; }
#shipping_kombrat_fullname_field { order:60; }
#shipping_kombrat_nucleo_field   { order:70; }
#shipping_kombrat_subzona_field  { order:71; }
#shipping_kombrat_details_field  { order:72; }
#shipping_kombrat_tel_field      { order:73; }

/* Notas del pedido */
.woocommerce-additional-fields{ margin-top:12px; }

/* ===== Facturación ===== */
/* Dos columnas internas con algunos campos a ancho completo */
.woocommerce-billing-fields__field-wrapper{
  display:grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap:12px !important;
}
/* Nombre/Apellidos lado a lado por defecto */
#billing_first_name_field, #billing_last_name_field { grid-column:auto; }
/* Dirección 1, Dirección 2, Teléfono y Email a ancho completo */
#billing_address_1_field,
#billing_address_2_field,
#billing_phone_field,
#billing_email_field{ grid-column:1 / -1 !important; }

/* Subtítulo duplicado dentro de facturación (si aparece) */
.woocommerce-billing-fields > h3{ display:none !important; }

/* ===== Responsive fino (opcional si quieres forzar 1 columna a menor ancho) ===== */
@media (max-width: 640px){
  .woocommerce-billing-fields__field-wrapper{
    grid-template-columns:1fr !important;
  }
}


/* ===== KOMBRAT — Fallback flex para forzar 2 columnas ===== */
#customer_details.kombrat-grid{
  display:flex !important;
  flex-wrap: wrap !important;
  gap: 28px !important;
  align-items: flex-start !important;
}

#customer_details.kombrat-grid > .kombrat-col{
  flex: 1 1 420px !important;   /* cada columna intenta medir 420px y ocupa 50/50 cuando cabe */
  min-width: 320px !important;  /* baja a una columna por debajo de ~640px */
}

/* Por si el tema asigna widths heredados a .col-1/.col-2, los anulamos */
#customer_details .col-1, 
#customer_details .col-2 {
  width: auto !important;
  float: none !important;
  clear: none !important;
}

/* Oculta el subtítulo duplicado en facturación, por estética */
.woocommerce-billing-fields > h3{ display:none !important; }

/* ===== KOMBRAT — Layout a prueba de bombas con floats ===== */

/* Anula cualquier display previo y crea 2 columnas sí o sí */
form.checkout #customer_details.kombrat-grid{
  display: block !important;
  width: 100% !important;
}

/* clearfix del contenedor */
form.checkout #customer_details.kombrat-grid::after{
  content:"";
  display:block;
  clear:both;
}

/* Cada columna a la izquierda, 50% */
form.checkout #customer_details.kombrat-grid > .kombrat-col{
  float: left !important;
  width: 50% !important;
  box-sizing: border-box !important;
  /* Mantén tu padding/borde propios */
}

/* Si el tema mete tamaños fijos a .col-1 / .col-2, neutralízalos aquí */
form.checkout #customer_details .col-1,
form.checkout #customer_details .col-2{
  float: none !important;
  width: auto !important;
}

/* Responsive: 1 columna en móvil */
@media (max-width: 900px){
  form.checkout #customer_details.kombrat-grid > .kombrat-col{
    float: none !important;
    width: 100% !important;
  }
}

/* Estética: oculta el subtítulo duplicado de facturación */
.woocommerce-billing-fields > h3{ display:none !important; }

// functions.php del child theme
add_action('wp_enqueue_scripts', function () {
  $css = get_stylesheet_directory() . '/style.css';
  $ver = file_exists($css) ? filemtime($css) : time(); // versión = fecha de modificación
  wp_enqueue_style('grocery-store-child', get_stylesheet_uri(), [], $ver);
}, 20);