/* ================================================================
   Santa Catalina - MOVIL fix v2 (checkout + carrito no comprimido)
   ================================================================ */
@media (max-width: 720px){

  /* ---------- STEPPER: alto especifico para ganar a sc-checkout-stepper.css ---------- */
  body .wpmc-tabs-wrapper .wpmc-tabs-list{
    display:flex !important; flex-wrap:wrap !important; justify-content:center !important;
    align-items:center !important; gap:12px 2px !important; max-width:100% !important; row-gap:12px !important;
  }
  body .wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item{
    display:flex !important; flex-direction:row !important; align-items:center !important; gap:7px !important;
    flex:0 0 auto !important; padding:0 !important; margin:0 !important;
  }
  body .wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item .wpmc-tab-number{
    width:28px !important; height:28px !important; min-width:28px !important; font-size:12px !important; margin:0 !important;
  }
  body .wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item .wpmc-tab-text{
    font-size:10.5px !important; letter-spacing:.04em !important; white-space:nowrap !important; padding:0 !important;
  }
  body .wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item:not(:last-child)::after{
    content:"" !important; width:16px !important; height:2px !important; margin:0 5px !important;
    background:var(--linea,#E7DAD2) !important; flex:0 0 auto !important; display:block !important; position:static !important;
  }
  body .wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.previous:not(:last-child)::after,
  body .wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.scc-done:not(:last-child)::after,
  body .wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.current:not(:last-child)::after{ background:var(--guinda,#7B0A0C) !important; }

  /* ---------- CHECKOUT: cartas con aire, nada comprimido ---------- */
  body.woocommerce-checkout .woocommerce{ padding:6px 14px 100px !important; }
  .scc-card, #sc-sum, .scc-pago-seguro{ box-sizing:border-box; }
  .scc-card{ padding:18px 16px !important; margin:0 0 14px !important; }
  .scc-card > h3{ font-size:17px !important; margin-bottom:12px !important; }

  /* tarjeta CONTACTO: link de login debajo, sin encimar */
  .scc-card--contacto > h3{ display:block !important; line-height:1.2 !important; }
  .scc-login-link{ float:none !important; display:block !important; margin:4px 0 10px !important; font-size:11.5px !important; font-weight:400 !important; }

  /* campos cómodos */
  .woocommerce-checkout .form-row{ margin:0 0 13px !important; }
  .woocommerce-checkout .form-row-first,
  .woocommerce-checkout .form-row-last,
  .scc-sg-box .form-row-first, .scc-sg-box .form-row-last{ width:100% !important; float:none !important; }
  .woocommerce-checkout .input-text,
  .woocommerce-checkout select,
  .woocommerce-checkout textarea{ font-size:16px !important; padding:13px 14px !important; min-height:50px !important; }

  /* TIPO DE COMPROBANTE: Boleta / Factura en 2 columnas, radio dentro */
  #billing_doc_type_field .woocommerce-input-wrapper{ display:flex !important; flex-direction:row !important; gap:10px !important; }
  #billing_doc_type_field .radio, #billing_doc_type_field label.radio{
    flex:1 1 0 !important; margin:0 !important; padding:14px 10px !important; display:flex !important;
    align-items:center !important; gap:8px !important; border:1.5px solid var(--linea,#E7DAD2) !important;
    border-radius:12px !important; font-size:14px !important; justify-content:center !important;
  }
  #billing_doc_type_field .radio input, #billing_doc_type_field label.radio input{ margin:0 !important; }
  #billing_doc_type_field .required{ display:none !important; }

  /* PASO 2: tarjetas de envío con el radio alineado al título */
  #scc-ship-methods ul#shipping_method li, ul.scc-methods-list li{ padding:16px 16px 16px 44px !important; }
  #scc-ship-methods ul#shipping_method li input[type=radio], ul.scc-methods-list li input[type=radio]{ top:18px !important; left:14px !important; }
  .scc-shipcard__top{ flex-wrap:wrap !important; gap:4px 10px !important; }
  .scc-shipcard__name{ font-size:15px !important; }
  .scc-shipcard__tag{ font-size:14px !important; }
  .scc-shipcard__desc{ font-size:12px !important; }
  .scc-sg-box{ margin:-12px 0 14px !important; padding:16px 14px 4px !important; }

  /* PASO 3: PAGO SEGURO usa todo el ancho, no tan alto */
  .wpmc-step-review .scc-card--pago{ padding:0 !important; }
  .scc-pago-seguro{ padding:24px 16px !important; }
  .scc-pago-seguro p{ max-width:none !important; font-size:13px !important; line-height:1.55 !important; }
  .scc-pago-seguro h3{ font-size:18px !important; }
  .scc-pay-chips{ gap:8px !important; }
  .scc-pay-chips span{ padding:6px 12px !important; font-size:11px !important; }

  /* Términos: checkbox al lado, texto que fluye */
  .wpmc-step-review .woocommerce-terms-and-conditions-wrapper{ padding:16px 16px 4px !important; }
  .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label,
  .woocommerce-checkout .form-row.validate-required > label.checkbox{
    display:flex !important; align-items:flex-start !important; gap:10px !important;
    font-size:12.5px !important; line-height:1.5 !important;
  }
  .woocommerce-checkout #terms{ flex:0 0 18px !important; width:18px !important; height:18px !important; margin-top:1px !important; }

  .wpmc-step-review #payment .place-order{ padding:16px !important; }
  .wpmc-step-review #place_order,
  .wpmc-steps-wrapper .wpmc-nav-wrapper #wpmc-next{ width:100% !important; font-size:14px !important; min-height:54px !important; }
  #wpmc-prev.current{ align-self:center; }

  /* resumen colapsable: header cómodo */
  #sc-sum.sc-sum--collapsible{ padding:16px 18px !important; }
  #sc-sum .sc-sum__toggle{ font-size:17px !important; gap:8px; }
  #sc-sum .sc-sum__toggle > span:first-child{ flex:1 1 auto; }
  #sc-sum .sc-sum__toggle .amt{ font-size:18px !important; white-space:nowrap; }

  /* ---------- CARRITO ---------- */
  .woocommerce-cart .woocommerce{ padding:8px 14px 44px !important; }
  .woocommerce-cart .sc-cart-head h1{ font-size:32px !important; }
  /* miniatura visible (Blocksy la colapsa) */
  .woocommerce-cart td.product-thumbnail{ width:66px !important; min-width:66px !important; padding-right:12px !important; }
  .woocommerce-cart td.product-thumbnail img,
  .woocommerce-cart td.product-thumbnail a img{
    width:66px !important; height:66px !important; min-width:66px !important; max-width:66px !important;
    object-fit:cover !important; border-radius:12px !important; display:block !important;
  }
  .woocommerce-cart table.cart td.product-name{ font-size:15px !important; }
  .woocommerce-cart .product-mobile-actions{ display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:8px 12px !important; margin-top:8px !important; }
  /* cupón: input y botón apilados, sin encimarse */
  .woocommerce-cart td.actions .coupon{
    display:flex !important; flex-direction:column !important; align-items:stretch !important;
    gap:10px !important; max-width:none !important; width:100% !important; padding:14px !important;
  }
  .woocommerce-cart td.actions .coupon .input-text{ width:100% !important; }
  .woocommerce-cart td.actions .coupon button{ width:100% !important; }
  .woocommerce-cart td.actions button[name="update_cart"]{ width:100% !important; float:none !important; margin-top:8px !important; }

  /* RESUMEN del carrito: ocultar calculadora WC, alinear a la izquierda */
  .woocommerce-cart .cart_totals .woocommerce-shipping-destination,
  .woocommerce-cart .cart_totals .shipping-calculator-button,
  .woocommerce-cart .cart_totals .woocommerce-shipping-calculator,
  .woocommerce-cart .cart_totals .shipping-calculator-form{ display:none !important; }
  .woocommerce-cart .cart_totals th, .woocommerce-cart .cart_totals td{ text-align:left !important; }
  .woocommerce-cart .cart_totals .order-total td, .woocommerce-cart .cart_totals td[data-title]{ text-align:right !important; }
  .woocommerce-cart .cart_totals tr.shipping td{ text-align:left !important; }
  .cart_totals .sc-ship-select{ width:100% !important; }
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{ width:100% !important; }
}

@media (max-width: 400px){
  .wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-text{ font-size:10px !important; }
  .wpmc-tabs-wrapper .wpmc-tab-item:not(:last-child)::after{ width:12px !important; margin:0 4px !important; }
  #billing_doc_type_field .radio, #billing_doc_type_field label.radio{ padding:12px 6px !important; font-size:13px !important; }
}

@media (max-width: 720px){
  /* aprovechar TODO el ancho: matar padding/margin del article de Blocksy */
  html body.woocommerce-checkout article,
  html body.woocommerce-checkout .post-7,
  html body.woocommerce-checkout article.type-page,
  html body.woocommerce-cart article,
  html body.woocommerce-cart .post-14,
  html body.woocommerce-cart article.type-page{
    padding-left:0 !important; padding-right:0 !important; margin-left:0 !important; margin-right:0 !important; max-width:100% !important; width:100% !important;
  }
  html body.woocommerce-checkout .ct-container-full,
  html body.woocommerce-cart .ct-container-full,
  html body.woocommerce-checkout .entry-content,
  html body.woocommerce-cart .entry-content{ padding:0 !important; margin:0 !important; max-width:100% !important; }
  html body.woocommerce-checkout .woocommerce{ padding:4px 10px 100px !important; max-width:100% !important; }
  html body.woocommerce-cart .woocommerce{ padding:6px 10px 44px !important; max-width:100% !important; }
  html body.woocommerce-cart .ct-woocommerce-cart-form{ padding:0 !important; }
  html body.woocommerce-checkout .scc-card{ padding:15px 13px !important; margin:0 0 12px !important; }
  html body.woocommerce-checkout #sc-sum{ padding:14px 15px !important; margin:0 0 12px !important; }
  html body.woocommerce-checkout .wpmc-steps-wrapper{ padding:0 !important; }
}

@media (max-width: 720px){
  /* MI CUENTA: usar todo el ancho, sin margenes del article de Blocksy */
  html body.woocommerce-account article,
  html body.woocommerce-account .post-15,
  html body.woocommerce-account article.type-page,
  html body.woocommerce-account .ct-container-full,
  html body.woocommerce-account .entry-content,
  html body.woocommerce-account main,
  html body.woocommerce-account .site-main{
    padding-left:0 !important; padding-right:0 !important; margin-left:0 !important; margin-right:0 !important; max-width:100% !important; width:100% !important;
  }
  html body.woocommerce-account .woocommerce{ padding:4px 12px 90px !important; max-width:100% !important; }
  html body.woocommerce-account .woocommerce::before{ font-size:30px !important; margin:6px 0 16px !important; }
  html body.woocommerce-account form.login,
  html body.woocommerce-account form.register,
  html body.woocommerce-account form.woocommerce-form-login,
  html body.woocommerce-account form.woocommerce-form-register{ padding:18px 14px 16px !important; }
  html body.woocommerce-account form .form-row-first,
  html body.woocommerce-account form .form-row-last{ width:48% !important; }
  html body.woocommerce-account .woocommerce-MyAccount-navigation,
  html body.woocommerce-account .woocommerce-MyAccount-content{ width:100% !important; float:none !important; }
  html body.woocommerce-account .sc-acc__grid{ grid-template-columns:1fr !important; }
  html body.woocommerce-account .sc-acc__stats{ grid-template-columns:1fr 1fr !important; }
  html body.woocommerce-account .sc-acc__card{ padding:16px 14px !important; }
}