/* =========================================================
   LoQuiero — Checkout V2 (2 pasos) — CORE LIMPIO
   Scope: SOLO dentro de #loq-checkout
   Mantiene:
   - Layout
   - Step switching
   - Grid
   - Fixes Woo
   - Anti overflow
========================================================= */


/* =========================================================
   CONTENEDOR RAÍZ
========================================================= */

#loq-checkout{
  position: relative;
  width: 100%;
  overflow: visible;
}

/* Layout interno */
#loq-checkout .loq-checkout-layout{
  position: relative;
  width: 100%;
  overflow: visible;
}

/* Grid */
#loq-checkout .loq-grid--2{
  width: 100%;
  min-width: 0;
  overflow: visible;
}

/* MAIN */
#loq-checkout .loq-checkout-main{
  width: 100%;
  min-width: 0;
  overflow: visible;
}


/* =========================================================
   COLAPSO REAL MOBILE
========================================================= */

@media (max-width: 768px){

  #loq-checkout .loq-grid--2{
    display: block;
  }

  #loq-checkout .loq-checkout-main,
  #loq-checkout .loq-checkout-aside{
    width: 100%;
    max-width: 100%;
  }

}


/* =========================================================
   HEADER DE PASOS
========================================================= */

#loq-checkout .loq-checkout-step-header{
  margin-bottom: var(--loq-space-4);
}

#loq-checkout .loq-step-header{
  display: none;
  max-width: 100%;
}

#loq-checkout[data-step="1"] .loq-step-header[data-step="1"],
#loq-checkout[data-step="2"] .loq-step-header[data-step="2"]{
  display: block;
}


/* =========================================================
   STEP SWITCHING
========================================================= */

#loq-checkout .loq-step-content{
  display:none;
}

#loq-checkout[data-step="1"] .loq-step-content[data-step="1"],
#loq-checkout[data-step="2"] .loq-step-content[data-step="2"]{
  display:block;
}


/* =========================================================
   OCULTAR TABLA WOO (usamos layout propio)
========================================================= */

#loq-checkout 
#order_review 
.woocommerce-checkout-review-order-table{
  display: none;
}


/* =========================================================
   PASO 2 — SIN SIDEBAR
========================================================= */

#loq-checkout[data-step="2"] .loq-checkout-aside{
  display:none !important;
}

@media (min-width: 992px){
  #loq-checkout[data-step="2"] .loq-grid--2{
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   FIXES WOO (floats legacy)
========================================================= */

#loq-checkout 
.woocommerce-billing-fields__field-wrapper::after,
#loq-checkout 
.woocommerce-shipping-fields__field-wrapper::after{
  content:"";
  display:block;
  clear: both;
}

#loq-checkout .form-row-first,
#loq-checkout .form-row-last{
  float: none !important;
  width: auto !important;
  clear: none !important;
}

#loq-checkout .woocommerce-input-wrapper{
  display:block !important;
  width:100% !important;
}

#loq-checkout .woocommerce-billing-fields h3,
#loq-checkout .woocommerce-shipping-fields h3,
#loq-checkout .woocommerce-additional-fields h3{
  margin: var(--loq-space-2) 0 var(--loq-space-2);
  font-size: var(--loq-text-base-size);
  font-weight: 800;
  color: var(--loq-text);
  float: none !important;
  clear: both !important;
  width: auto !important;
}


/* =========================================================
   MOBILE ORDER CONTROL
========================================================= */

@media (max-width: 991.98px){
  #loq-checkout .loq-checkout-main{ order: 1; }
  #loq-checkout .loq-checkout-aside{ order: 2; }
}


/* =========================================================
   ANTI CORRIMIENTO / OVERFLOW
========================================================= */

#loq-checkout form.checkout,
#loq-checkout .woocommerce-checkout{
  margin: 0 !important;
}

#loq-checkout{
  overflow-x: clip;
}

@supports not (overflow: clip){
  #loq-checkout{
    overflow-x: hidden;
  }
}


/* =========================================================
   OCULTAR place-order nativo (sin romper JS)
========================================================= */

#loq-checkout 
#payment 
.form-row.place-order{
  position: absolute !important;
  left: -99999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}


/* =========================================================
   OCULTAR MENSAJES WOO GENÉRICOS
========================================================= */

.woocommerce-info{
  display: none;
}