/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 02 2026 | 16:23:43 */
/* =========================
   CHECKOUT MODERN STYLE (FULL)
========================= */

/* ปรับแต่งช่องกรอกฟอร์ม */
.woocommerce form .form-row .input-text{
	border: 1px solid #e3e3e3;
}
/* ปรับช่องจังหวัด */
.select2-container .select2-selection{
	border: 1px solid #e3e3e3;
}

/* ===== CARD ฟอร์ม ===== */
.woocommerce-checkout #customer_details {
    width: 100%;
    margin: 0 ;
    background: #fff;
    padding: 24px;
    border-radius: 14px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

/* เอาคอลัมน์ออก */
#customer_details .col-1,
#customer_details .col-2 {
    width: 100%;
    float: none;
}

/* ฟอร์มเรียงแนวตั้ง */
#customer_details .form-row {
    width: 100% !important;
    float: none !important;
    margin-bottom: 14px;
}

/* ===== INPUT STYLE ===== */
.woocommerce-billing-fields input,
.woocommerce-billing-fields select,
.woocommerce-billing-fields textarea {
    width: 100%;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 14px;
    font-size: 14px;
    transition: all .2s;
}

/* focus */
.woocommerce-billing-fields input:focus,
.woocommerce-billing-fields select:focus,
.woocommerce-billing-fields textarea:focus {
    border-color: #16a34a;
    background: #fff;
    outline: none;
}

/* label */
.woocommerce-billing-fields label {
	font-family:'Prompt';
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
    display: block;
}

/* หัวข้อ */
.woocommerce-billing-fields h3 {
	font-family:'Prompt';
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
}

/* รายละเอียดคำสั่งซื้อ */
#order_review_heading{
	font-family:'Prompt';
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
	margin-left:24px;
	margin-top:30px;
}

/* ลบเส้นทุกจุด */
.woocommerce-checkout table.shop_table,
.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
  border: none !important;
}

/* ลบเส้นแยกแถว */
.woocommerce-checkout table.shop_table tr {
  border: none !important;
}
/* เพิ่มระยะห่าง */
.woocommerce-checkout table.shop_table td,
.woocommerce-checkout table.shop_table th {
  padding: 12px 0;
}

/* เว้นช่องแต่ละ row */
.woocommerce-checkout table.shop_table tbody tr {
  border-bottom: 1px solid transparent;
}

/* ===== กล่องสินค้า ===== */
.woocommerce-checkout-review-order {
    width: 100%;
    background: #fff;
    padding: 20px;
    border-radius: 14px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

/* ===== PAYMENT METHOD ===== */
.woocommerce-checkout #payment ul.payment_methods {
    margin: 15px 0;
    padding: 0;
	background: #ffff;
	border:none;
}

.woocommerce-checkout #payment ul.payment_methods li {
    list-style: none;
    background: #ffff;
    border-radius: 10px;
    margin-bottom: 0px;
    cursor: pointer;
    transition: all .2s;
	padding-bottom: 5px;
}


#add_payment_method #payment,.woocommerce-cart #payment,.woocommerce-checkout #payment {
	background-color: #ffff !important ;
}

/* selected */
.woocommerce-checkout #payment input[type="radio"]:checked + label {
    font-weight: 600;
    font-family: 'Roboto';
	color: rgb(78 79 81);
	font-size:14px;
}

.woocommerce-checkout #payment ul.payment_methods li:has(input[type="radio"]:checked) {
    border-color: #ffff;
    background: #ffff;
}



#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 1em;
    margin: 1em 0;
	font-family:'Roboto';
    font-size: 13px;
    border-radius: 2px;
    line-height: 1.5;
   background-color: #f9fafa;
   color: rgb(105, 114, 125);
}

.woocommerce-checkout #payment div.payment_box::before {
	content: "";
    display: block;
    border: 1em solid #f9fafa;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    position: absolute;
    top: -.75em;
    left: 0;
    margin: -1em 0 0 2em;
}
}

.payment_methods_cod label {
    font-size: 14px !important;
}

/* ===== ปุ่มสั่งซื้อ ===== */
#place_order {
    width: 100%;
    background: #733e31 !important;
    border: none;
    padding: 16px;
    font-size: 16px;
    border-radius: 10px;
    font-weight: 600;
    color: #fff;
    margin-top: 10px;
    transition: all .2s;
}

#place_order:hover {
    background: #955444 !important;
}

/* ===== ซ่อนส่วนไม่จำเป็น ===== */
.woocommerce-additional-fields {
    display: none;
}

#billing_country_field {
  position: absolute;
  opacity: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}

/* ===== Responsive ===== */
@media (max-width: 600px) {
    .woocommerce-checkout #customer_details,
    .woocommerce-checkout-review-order {
        margin: 10px;
        padding: 18px;
    }
}