/* Checkout Fields Manager: the saved field widths always refer to the FULL
   width of their own WooCommerce field group (not the theme/Elementor's
   default two-column field layout). Only active on managed classic checkout. */
body.ikweb-checkout-managed form.checkout #customer_details :is(
  .woocommerce-billing-fields__field-wrapper,
  .woocommerce-shipping-fields__field-wrapper,
  .woocommerce-additional-fields__field-wrapper
){
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  column-gap:14px;
  row-gap:14px;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box;
  align-items:start;
}
/* Undo floats, fixed field widths and old Elementor/Woo form-row widths.
   Unconfigured extra fields span the full group by default. */
body.ikweb-checkout-managed form.checkout #customer_details :is(
  .woocommerce-billing-fields__field-wrapper,
  .woocommerce-shipping-fields__field-wrapper,
  .woocommerce-additional-fields__field-wrapper
) > .form-row{
  display:block;
  grid-column:span 6!important;
  float:none!important;
  clear:none!important;
  flex:0 1 auto!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  align-self:start;
}
/* Set width explicitly for every configured field; the original HTML order
   remains unchanged, including custom fields and native country/state. */
body.ikweb-checkout-managed form.checkout #customer_details :is(
  .woocommerce-billing-fields__field-wrapper,
  .woocommerce-shipping-fields__field-wrapper,
  .woocommerce-additional-fields__field-wrapper
) > .form-row.ikcf-span-50{grid-column:span 3!important;}
body.ikweb-checkout-managed form.checkout #customer_details :is(
  .woocommerce-billing-fields__field-wrapper,
  .woocommerce-shipping-fields__field-wrapper,
  .woocommerce-additional-fields__field-wrapper
) > .form-row.ikcf-span-33{grid-column:span 2!important;}
body.ikweb-checkout-managed form.checkout #customer_details :is(
  .woocommerce-billing-fields__field-wrapper,
  .woocommerce-shipping-fields__field-wrapper,
  .woocommerce-additional-fields__field-wrapper
) > .form-row.ikcf-span-100{grid-column:span 6!important;}
/* Keep native controls and select2 contained within each grid cell without
   changing form labels, type-specific behavior or the theme's visual styles. */
body.ikweb-checkout-managed form.checkout #customer_details :is(
  .woocommerce-billing-fields__field-wrapper,
  .woocommerce-shipping-fields__field-wrapper,
  .woocommerce-additional-fields__field-wrapper
) > .form-row :is(.woocommerce-input-wrapper,input.input-text,select,textarea,.select2-container){
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box;
}
body.ikweb-checkout-managed form.checkout #customer_details :is(
  .woocommerce-billing-fields__field-wrapper,
  .woocommerce-shipping-fields__field-wrapper,
  .woocommerce-additional-fields__field-wrapper
) > .form-row :is(input.input-text,select,textarea,.select2-container){
  width:100%!important;
}
/* Order notes have always been one full-width field. */
body.ikweb-checkout-managed form.checkout .woocommerce-additional-fields__field-wrapper > #order_comments_field{
  grid-column:span 6!important;
}
body.ikweb-checkout-managed form.checkout .ikcf-info{
  display:block;grid-column:span 6!important;border:0;line-height:1.8;
}
body.ikweb-checkout-managed form.checkout .ikcf-info p{margin:4px 0 0;}
@media(max-width:767px){
  body.ikweb-checkout-managed form.checkout #customer_details :is(
    .woocommerce-billing-fields__field-wrapper,
    .woocommerce-shipping-fields__field-wrapper,
    .woocommerce-additional-fields__field-wrapper
  ) > .form-row:not(.ikcf-mobile-50),
  body.ikweb-checkout-managed form.checkout #customer_details :is(
    .woocommerce-billing-fields__field-wrapper,
    .woocommerce-shipping-fields__field-wrapper,
    .woocommerce-additional-fields__field-wrapper
  ) > .form-row.ikcf-mobile-100{grid-column:span 6!important;}
  body.ikweb-checkout-managed form.checkout #customer_details :is(
    .woocommerce-billing-fields__field-wrapper,
    .woocommerce-shipping-fields__field-wrapper,
    .woocommerce-additional-fields__field-wrapper
  ) > .form-row.ikcf-mobile-50{grid-column:span 3!important;}
  body.ikweb-checkout-managed form.checkout .woocommerce-additional-fields__field-wrapper > #order_comments_field,
  body.ikweb-checkout-managed form.checkout .ikcf-info{grid-column:span 6!important;}
}

/* The classic Woo markup normally has #customer_details. For custom checkout
   templates without that wrapper, keep the same grid behavior as a fallback. */
body.ikweb-checkout-managed form.checkout :is(.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper,.woocommerce-additional-fields__field-wrapper){display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;}
body.ikweb-checkout-managed form.checkout :is(.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper,.woocommerce-additional-fields__field-wrapper) > .form-row{grid-column:span 6!important;float:none!important;clear:none!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box;}
body.ikweb-checkout-managed form.checkout :is(.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper,.woocommerce-additional-fields__field-wrapper) > .ikcf-span-50{grid-column:span 3!important;}
body.ikweb-checkout-managed form.checkout :is(.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper,.woocommerce-additional-fields__field-wrapper) > .ikcf-span-33{grid-column:span 2!important;}
@media(max-width:767px){
body.ikweb-checkout-managed form.checkout :is(.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper,.woocommerce-additional-fields__field-wrapper) > .form-row{grid-column:span 6!important;}
body.ikweb-checkout-managed form.checkout :is(.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper,.woocommerce-additional-fields__field-wrapper) > .ikcf-mobile-50{grid-column:span 3!important;}
}

body.ikweb-checkout-managed form.checkout :is(.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper,.woocommerce-additional-fields__field-wrapper) > .form-row .woocommerce-input-wrapper{display:block;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;}