/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 16 2026 | 12:27:28 */
/* =======================================================
   TBS – CHECKOUT MOBILE: ÉP 1 CỘT (KHÔNG ẢNH HƯỞNG DESKTOP)
======================================================= */
@media (max-width: 991px){

  /* wrapper field */
  body.woocommerce-checkout form.checkout
  .woocommerce-billing-fields__field-wrapper,
  body.woocommerce-checkout form.checkout
  .woocommerce-shipping-fields__field-wrapper{
    display: block !important;
  }

  /* các field vốn bị chia 2 cột */
  body.woocommerce-checkout form.checkout .form-row,
  body.woocommerce-checkout form.checkout .form-row-first,
  body.woocommerce-checkout form.checkout .form-row-last{
    width: 100% !important;
    float: none !important;
    clear: both !important;
    display: block !important;
  }

  /* input / select / textarea full chiều ngang */
  body.woocommerce-checkout form.checkout
  .form-row input.input-text,
  body.woocommerce-checkout form.checkout
  .form-row select,
  body.woocommerce-checkout form.checkout
  .form-row textarea,
  body.woocommerce-checkout form.checkout
  .form-row .woocommerce-input-wrapper{
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Select2 (Tỉnh/Quận/Phường – DevVN hay dùng) */
  body.woocommerce-checkout .select2-container{
    width: 100% !important;
  }
}

/* =======================================================
   TBS – Checkout: Giữ layout 2 cột (Astra)
   nhưng ép các ô địa chỉ mỗi dòng 1 field (cả desktop + mobile)
======================================================= */

/* CHỈ tác động khu vực form bên trái (billing/shipping) */
body.woocommerce-checkout form.checkout
.woocommerce-billing-fields__field-wrapper .form-row,
body.woocommerce-checkout form.checkout
.woocommerce-shipping-fields__field-wrapper .form-row,
body.woocommerce-checkout form.checkout
.woocommerce-billing-fields__field-wrapper .form-row-first,
body.woocommerce-checkout form.checkout
.woocommerce-billing-fields__field-wrapper .form-row-last,
body.woocommerce-checkout form.checkout
.woocommerce-shipping-fields__field-wrapper .form-row-first,
body.woocommerce-checkout form.checkout
.woocommerce-shipping-fields__field-wrapper .form-row-last{
  width: 100% !important;
  float: none !important;
  clear: both !important;
  display: block !important;
}

/* Input/select/textarea luôn full */
body.woocommerce-checkout form.checkout
.woocommerce-billing-fields__field-wrapper .form-row input.input-text,
body.woocommerce-checkout form.checkout
.woocommerce-billing-fields__field-wrapper .form-row select,
body.woocommerce-checkout form.checkout
.woocommerce-billing-fields__field-wrapper .form-row textarea,
body.woocommerce-checkout form.checkout
.woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper,
body.woocommerce-checkout form.checkout
.woocommerce-shipping-fields__field-wrapper .form-row input.input-text,
body.woocommerce-checkout form.checkout
.woocommerce-shipping-fields__field-wrapper .form-row select,
body.woocommerce-checkout form.checkout
.woocommerce-shipping-fields__field-wrapper .form-row textarea,
body.woocommerce-checkout form.checkout
.woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper{
  width: 100% !important;
  max-width: 100% !important;
}

/* Select2 (Tỉnh/Quận/Phường của DevVN hay dùng) */
body.woocommerce-checkout form.checkout
.woocommerce-billing-fields__field-wrapper .select2-container,
body.woocommerce-checkout form.checkout
.woocommerce-shipping-fields__field-wrapper .select2-container{
  width: 100% !important;
}
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */