/* ---- โครงหน้า ---- */
.woocommerce-checkout .woocommerce {
	max-width: 860px;
	margin: 0 auto;
	padding: 8px 16px 56px;
}

/* ---- ซ่อนช่องประเทศ (WooCommerce ต้องมีค่า แต่ล็อกไทยไว้แล้ว) ---- */
.woocommerce-checkout .ht-hidden-field { display: none !important; }

/* ---- ฟอร์ม ---- */
.woocommerce-checkout form.checkout h3 {
	font-size: 1.1em;
	font-weight: 700;
	margin: 8px 0 14px;
}
.woocommerce-checkout form.checkout .form-row label {
	font-weight: 500;
	margin-bottom: 4px;
}
.woocommerce-checkout form.checkout .form-row input.input-text,
.woocommerce-checkout form.checkout .form-row select {
	width: 100%;
	padding: 11px 12px;
	border: 1px solid #ccc;
	border-radius: 6px;
}
.woocommerce-checkout form.checkout .form-row input.input-text:focus,
.woocommerce-checkout form.checkout .form-row select:focus {
	border-color: #111;
	outline: none;
}

/* ---- สรุปคำสั่งซื้อ ---- */
.woocommerce-checkout #order_review_heading { margin-top: 28px; }
.woocommerce-checkout table.shop_table {
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	border-collapse: separate;
	border-spacing: 0;
}
.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
	border: none;
	border-bottom: 1px solid #eee;
	padding: 12px 14px;
}
.woocommerce-checkout table.shop_table tr:last-child th,
.woocommerce-checkout table.shop_table tr:last-child td { border-bottom: none; }

/* ---- กล่องชำระเงิน (BACS + คำอธิบายขั้นตอน) ---- */
.woocommerce-checkout #payment {
	background: rgba(0, 0, 0, 0.03);
	border-radius: 8px;
}
.woocommerce-checkout #payment .payment_method_bacs p {
	line-height: 1.7;
}

/* ---- ปุ่มยืนยัน ---- */
.woocommerce-checkout #place_order {
	width: 100%;
	padding: 15px;
	border: none;
	border-radius: 6px;
	background: #111;
	color: #fff;
	font-size: 1.05em;
	font-weight: 700;
	cursor: pointer;
}
.woocommerce-checkout #place_order:hover { opacity: 0.9; }

/* ---- error ---- */
.woocommerce-checkout .woocommerce-error {
	border-radius: 8px;
}

@media (max-width: 640px) {
	.woocommerce-checkout .woocommerce { padding: 4px 12px 40px; }
}

/* ============================================================
   หน้า order-received (ขอบคุณ + เลขบัญชี + ฟอร์มอัปสลิป SlipOK)
   โทนธีม Selly: accent #E5CC11 · พื้น #F6F6F8 · ปุ่มทรงแคปซูล
   ============================================================ */

.woocommerce-order-received .woocommerce {
	max-width: 720px;
	margin: 0 auto;
	padding: 8px 16px 56px;
}

/* ---- หัวข้อขอบคุณ ---- */
.woocommerce-order-received .woocommerce-thankyou-order-received {
	font-size: 1.5em;
	font-weight: 700;
	color: #1a1a1a;
	text-align: center;
	background: none;
	border: none;
	padding: 8px 0 24px;
}
.woocommerce-order-received .woocommerce-thankyou-order-received::before { display: none; }

/* ---- การ์ดสรุปออเดอร์ ----
   ใช้รูปแบบเดียวกับกล่องเลขบัญชีและตารางรายละเอียด คือ "ป้ายซ้าย–ค่าขวา" เรียงเป็นแถว
   เหตุผล: 5 รายการที่ความยาวไม่เท่ากันจัดเป็นคอลัมน์แล้วจะเหลือเศษห้อยแถวล่างเสมอ
   และหน้านี้มีการ์ดสามใบ ถ้าใช้คนละรูปแบบจะดูไม่เป็นชุดเดียวกัน */
.woocommerce-order-received ul.woocommerce-order-overview {
	display: block;
	list-style: none;
	margin: 0 0 28px;
	padding: 6px 26px;
	background: #fff;
	border: 1px solid #e6e6ea;
	border-radius: 12px;
}
.woocommerce-order-received ul.woocommerce-order-overview li {
	/* WooCommerce ใส่ float: left + border-right ให้ li ใน ul.order_details
	   ตอนพ่อเป็น grid ผลของ float ถูกกลบไป แต่พอเปลี่ยนเป็น block มันกลับมาทำงาน
	   ทำให้ทุกรายการไหลต่อกันเป็นแถวเดียว จึงต้องล้าง float ตรงนี้ด้วย */
	display: flex !important;
	float: none !important;
	width: auto !important;
	clear: both;
	justify-content: space-between;
	align-items: baseline;
	gap: 24px;
	margin: 0;
	padding: 13px 0;
	border: none !important;
	border-bottom: 1px dashed #ececec !important;
	font-size: 1rem;
	color: #4a4d50;
	text-transform: none;
	letter-spacing: 0;
}
.woocommerce-order-received ul.woocommerce-order-overview li:last-child {
	border-bottom: none !important;
}
/* ปิด float ที่ระดับ ul ด้วย เผื่อธีมทับอีกชั้น */
.woocommerce-order-received ul.woocommerce-order-overview::after {
	content: '';
	display: block;
	clear: both;
}
.woocommerce-order-received ul.woocommerce-order-overview li strong {
	display: inline;
	margin: 0;
	font-size: 1em;
	font-weight: 700;
	color: #1a1a1a;
	text-align: right;
	text-transform: none;
	letter-spacing: 0;
	overflow-wrap: break-word;
}

/* ---- กล่องเลขบัญชี: จุดสำคัญที่สุดของหน้า ให้เด่นด้วยสี accent ---- */
.woocommerce-order-received .woocommerce-bacs-bank-details {
	background: #fff;
	border: 2px solid #E5CC11;
	border-radius: 12px;
	padding: 22px 24px;
	margin: 0 0 28px;
}
.woocommerce-order-received .wc-bacs-bank-details-heading,
.woocommerce-order-received .woocommerce-bacs-bank-details h2 {
	margin: 0 0 14px;
	font-size: 1.1em;
	font-weight: 700;
	color: #1a1a1a;
}
.woocommerce-order-received ul.wc-bacs-bank-details {
	list-style: none;
	margin: 0;
	padding: 0;
}
.woocommerce-order-received ul.wc-bacs-bank-details li {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 11px 0;
	border-bottom: 1px dashed #ececec;
	margin: 0;
	/* ธีมตั้ง font-size ของ li ในกล่องนี้ไว้เล็กมาก จนป้าย "ธนาคาร"/"เลขที่บัญชี"
	   อ่านยากเทียบกับค่าที่อยู่ข้างขวา — ตั้งเป็นขนาดปกติและสีเข้มขึ้น */
	font-size: 1rem;
	color: #4a4d50;
}
.woocommerce-order-received ul.wc-bacs-bank-details li:last-child { border-bottom: none; }
.woocommerce-order-received ul.wc-bacs-bank-details li strong {
	color: #1a1a1a;
	font-weight: 700;
	font-size: 1.05em;
	text-align: right;
	word-break: break-all;
}

/* ---- ฟอร์มอัปโหลดสลิปของ SlipOK ---- */
.woocommerce-order-received .slipok_confirm_thankyou,
.woocommerce-order-received .coverslipok_confirm_form_inner {
	background: #fff;
	border: 1px solid #e6e6ea;
	border-radius: 12px;
	padding: 22px 24px;
	margin: 0 0 28px;
}
.woocommerce-order-received .paymentslip_title {
	font-size: 1.1em;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 14px;
}
.woocommerce-order-received .slipok_row { margin-bottom: 14px; }
.woocommerce-order-received .slipok_confirm_thankyou input[type="text"],
.woocommerce-order-received .slipok_confirm_thankyou input[type="number"],
.woocommerce-order-received .slipok_confirm_thankyou select {
	width: 100%;
	padding: 11px 12px;
	border: 1px solid #dcdce0;
	border-radius: 8px;
	background: #fff;
}
.woocommerce-order-received .slipok_confirm_thankyou input:focus,
.woocommerce-order-received .slipok_confirm_thankyou select:focus {
	border-color: #E5CC11;
	outline: none;
}

/* ช่องลากวางสลิป */
.woocommerce-order-received .image-uploader {
	border: 2px dashed #d7d7dc !important;
	border-radius: 10px !important;
	background: #fafafb !important;
	transition: border-color .15s ease, background .15s ease;
}
.woocommerce-order-received .image-uploader:hover {
	border-color: #E5CC11 !important;
	background: #fffdf0 !important;
}

/* ปุ่มส่งสลิป — ทรงแคปซูลให้ตรงกับปุ่มหลักของธีม */
.woocommerce-order-received .slipok_coverbutton button,
.woocommerce-order-received .slipok_coverbutton input[type="submit"],
.woocommerce-order-received .slipok_confirm_thankyou button[type="submit"] {
	width: 100%;
	padding: 14px 32px;
	border: none;
	border-radius: 30px;
	background: #1a1a1a;
	color: #fff;
	font-size: 1em;
	font-weight: 600;
	cursor: pointer;
}
.woocommerce-order-received .slipok_coverbutton button:hover,
.woocommerce-order-received .slipok_confirm_thankyou button[type="submit"]:hover {
	background: #E5CC11;
	color: #1a1a1a;
}

/* แถบเตือนเรื่องธนาคารที่ตรวจช้า */
.woocommerce-order-received .slipok-bank-notice-message {
	background: #fffbe6;
	border: 1px solid #f2e39a;
	border-radius: 8px;
	padding: 10px 14px;
	font-size: 0.9em;
	color: #7a6a12;
}

/* ---- ตารางรายละเอียดคำสั่งซื้อ / ข้อมูลผู้สั่งซื้อ ---- */
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-customer-details {
	background: #fff;
	border: 1px solid #e6e6ea;
	border-radius: 12px;
	padding: 22px 24px;
	margin: 0 0 20px;
}
.woocommerce-order-received .woocommerce-order-details h2,
.woocommerce-order-received .woocommerce-customer-details h2 {
	margin: 0 0 14px;
	font-size: 1.1em;
	font-weight: 700;
	color: #1a1a1a;
}
.woocommerce-order-received table.woocommerce-table--order-details {
	width: 100%;
	border: none;
	border-collapse: collapse;
}
.woocommerce-order-received table.woocommerce-table--order-details th,
.woocommerce-order-received table.woocommerce-table--order-details td {
	border: none;
	border-bottom: 1px solid #f0f0f2;
	padding: 11px 0;
	text-align: left;
}
.woocommerce-order-received table.woocommerce-table--order-details td:last-child,
.woocommerce-order-received table.woocommerce-table--order-details th:last-child {
	text-align: right;
}
.woocommerce-order-received table.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-order-received table.woocommerce-table--order-details tfoot tr:last-child td {
	border-bottom: none;
	font-size: 1.1em;
	font-weight: 700;
	color: #1a1a1a;
	padding-top: 14px;
}

@media (max-width: 640px) {
	.woocommerce-order-received .woocommerce { padding: 4px 12px 40px; }
	.woocommerce-order-received .woocommerce-bacs-bank-details,
	.woocommerce-order-received .slipok_confirm_thankyou,
	.woocommerce-order-received .coverslipok_confirm_form_inner,
	.woocommerce-order-received .woocommerce-order-details,
	.woocommerce-order-received .woocommerce-customer-details { padding: 18px 16px; }
	.woocommerce-order-received ul.wc-bacs-bank-details li { flex-direction: column; gap: 2px; }
	.woocommerce-order-received ul.wc-bacs-bank-details li strong { text-align: left; }
}

/* ============================================================
   แก้จุดที่เห็นจากหน้าจริง (screenshot) — v1.4.1
   ============================================================ */

/* ---- แถบขั้นตอนของธีม ----
   ภาษาไทยไม่มีเว้นวรรค เบราว์เซอร์จึงตัดกลางคำ ("เลือกคอร์ส" → "เลือก / คอร์ส")
   ต้อง nowrap แต่พอ nowrap แล้วความกว้างรวมเกินจนตกบรรทัด จึงลดขนาด/ระยะลงให้พอดีแถวเดียว */
.woocommerce_status_bar {
	flex-wrap: nowrap !important;
	justify-content: center;
	gap: 0;
}
.woocommerce_status_bar > div {
	white-space: nowrap;
	font-size: 0.95em;
	flex: 0 0 auto;
}
@media (max-width: 560px) {
	.woocommerce_status_bar > div { font-size: 0.82em; }
}

/* ---- กล่องเลขบัญชี: WooCommerce ใส่ float ให้ li ทำให้ซ้อนทับกัน ---- */
.woocommerce-order-received ul.wc-bacs-bank-details li,
.woocommerce-order-received .woocommerce-bacs-bank-details ul li {
	float: none !important;
	width: auto !important;
	clear: both;
}
.woocommerce-order-received .woocommerce-bacs-bank-details h2,
.woocommerce-order-received .woocommerce-bacs-bank-details h3 {
	font-size: 1.15em !important;
	line-height: 1.4;
	word-break: break-word;
}

/* ---- การ์ดสรุปออเดอร์: ซ่อนช่องว่าง + กันอีเมลตัดคำกลางคำ ---- */
.woocommerce-order-received ul.woocommerce-order-overview li:empty { display: none; }
.woocommerce-order-received ul.woocommerce-order-overview li strong {
	word-break: break-word;
	overflow-wrap: anywhere;
}

/* ---- ฟอร์ม SlipOK ---- */
.woocommerce-order-received #coverslipok_confirm_form h3 {
	font-size: 1.1em !important;
	font-weight: 700;
	color: #1a1a1a;
	margin: 0 0 6px;
}
.woocommerce-order-received .coverslipok_confirm_form_inner .subheader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}
.woocommerce-order-received .slipok_toppowerby { max-height: 22px; width: auto; }

/* ยอดเงิน — SlipOK ทำเป็นป้ายสีฟ้าซึ่งหลุดโทนธีม */
.woocommerce-order-received .slipok_amount {
	background: #fffbe6 !important;
	color: #7a6a12 !important;
	border: 1px solid #f2e39a;
	border-radius: 8px;
	padding: 8px 14px;
	font-weight: 600;
	display: inline-block;
}

/* ปุ่มอัปโหลด — SlipOK ใช้ id #noti-submit (specificity สูงกว่า class) จึงต้องระบุ id */
.woocommerce-order-received #noti-submit,
.woocommerce-order-received .slipok_coverbutton #noti-submit.button {
	width: 100%;
	max-width: 420px;
	margin: 4px auto 0;
	display: block;
	padding: 14px 32px !important;
	border: none !important;
	border-radius: 30px !important;
	background: #1a1a1a !important;
	background-image: none !important;
	color: #fff !important;
	font-size: 1em !important;
	font-weight: 600 !important;
	box-shadow: none !important;
	cursor: pointer;
}
.woocommerce-order-received #noti-submit:hover {
	background: #E5CC11 !important;
	color: #1a1a1a !important;
}
.woocommerce-order-received .slipok_coverbutton { text-align: center; }

/* ---- ข้อมูลผู้สั่งซื้อ: ตัดกรอบซ้อนกรอบ ---- */
.woocommerce-order-received .woocommerce-customer-details address {
	border: none;
	padding: 0;
	border-radius: 0;
}

/* ---- v1.4.2: เก็บรายละเอียดที่เหลือจาก screenshot รอบสอง ---- */

/* ช่องเปล่า: ซ่อนทั้ง CSS และลบด้วย JS (ดู order_received_cleanup) */
.woocommerce-order-received ul.woocommerce-order-overview li:empty { display: none; }

/* สัญลักษณ์เงินบาทชิดตัวเลขจนดูซ้อนกันในฟอนต์ของธีม — เว้นระยะให้อ่านออก */
.woocommerce-order-received .woocommerce-Price-currencySymbol,
.woocommerce-checkout .woocommerce-Price-currencySymbol {
	margin-right: 2px;
}

/* ชื่อบัญชีในกล่องโอนเงิน — ธีมเรนเดอร์เป็นหัวข้อใหญ่เกินสัดส่วน */
.woocommerce-order-received .woocommerce-bacs-bank-details h2,
.woocommerce-order-received .woocommerce-bacs-bank-details h3,
.woocommerce-order-received .wc-bacs-bank-details-account-name {
	font-size: 1.05em !important;
	font-weight: 700;
	line-height: 1.5;
	margin: 0 0 10px;
}

/* หัวข้อ "แจ้งชำระเงิน / อัปโหลดสลิป" (ค่าจาก SlipOK settings)
   SlipOK เรนเดอร์เป็น <h3> เปล่าไม่มี class เลย ต้องเลือกจากตำแหน่ง:
   h3 ที่อยู่ติดหน้ากล่องฟอร์ม #coverslipok_confirm_form */
.woocommerce-order-received h3:has(+ #coverslipok_confirm_form),
.woocommerce-order-received h2:has(+ #coverslipok_confirm_form) {
	font-size: 1.25em !important;
	font-weight: 700 !important;
	line-height: 1.4;
	margin: 4px 0 12px !important;
}

/* ---- ปุ่มคัดลอก (เลขบัญชี / ยอดเงิน) ----
   จุดที่ลูกค้าต้องพิมพ์ตามลงแอปธนาคาร ผิดตัวเดียวคือโอนผิด
   ปุ่มคัดลอกให้ตัวเลขล้วน (ตัดขีดคั่น/คอมมา) เพราะแอปธนาคารส่วนใหญ่ไม่รับ */
.woocommerce-order-received .ht-copy {
	flex: 0 0 auto;
	margin-left: 12px;
	padding: 5px 12px;
	border: 1px solid #d8d8dd;
	border-radius: 20px;
	background: #fff;
	color: #4a4d50;
	font-size: 0.8rem;
	font-weight: 600;
	line-height: 1.4;
	cursor: pointer;
	white-space: nowrap;
	transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.woocommerce-order-received .ht-copy:hover {
	background: #E5CC11;
	border-color: #E5CC11;
	color: #1a1a1a;
}
.woocommerce-order-received .ht-copy.is-done {
	background: #1a1a1a;
	border-color: #1a1a1a;
	color: #fff;
}

/* ดันค่ากับปุ่มไปอยู่ชิดขวาเป็นกลุ่มเดียวกัน (ป้ายยังอยู่ซ้าย) */
.woocommerce-order-received ul.wc-bacs-bank-details li strong {
	margin-left: auto;
}

/* ป้ายยอดเงินของ SlipOK: จัดให้ปุ่มอยู่ในบรรทัดเดียวกัน */
.woocommerce-order-received .slipok_amount {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 2px;
}

/* ---- ตัดแถว "ช่องทางชำระเงิน" ออกจากการ์ดสรุปออเดอร์ ----
   ข้อมูลนี้ยังอยู่ครบในตารางรายละเอียดด้านล่าง และทั้งหน้านี้คือขั้นตอนโอนเงินอยู่แล้ว
   ใช้ CSS ได้เพราะ WooCommerce ใส่ class ให้แถวนี้โดยเฉพาะ (ต่างจากแถวใน tfoot ที่ไม่มี)
   เผื่อ class เปลี่ยนในอนาคต มี JS ลบให้อีกชั้นใน order_received_cleanup */
.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__payment-method,
.woocommerce-order-received ul.woocommerce-order-overview li.method {
	display: none !important;
}

/* ---- กล่องยืนยันหลังสลิปผ่าน + ปุ่มเข้าเรียน ----
   จุดจบของ flow ทั้งหมด: ลูกค้าจ่ายเงินแล้วและได้สิทธิ์เรียนแล้ว
   ต้องบอกให้ชัดและมีทางไปต่อ ไม่ใช่ปล่อยค้างอยู่หน้าเดิม */
.woocommerce-order-received .ht-paid {
	margin-top: 16px;
	padding: 18px 20px;
	background: var(--ht-paid-bg, #F2FAF5);
	border: 2px solid #2F7A55;
	border-radius: 12px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}
.woocommerce-order-received .ht-paid__msg {
	margin: 0;
	font-weight: 700;
	font-size: 1rem;
	color: #1E5C3E;
	line-height: 1.5;
}
.woocommerce-order-received .ht-paid__msg::before {
	content: "✓";
	display: inline-block;
	margin-right: 8px;
	font-weight: 700;
}
.woocommerce-order-received .ht-paid__go {
	display: inline-block;
	padding: 13px 40px;
	border-radius: 30px;
	background: #1a1a1a;
	color: #fff !important;
	font-weight: 700;
	font-size: 1rem;
	text-decoration: none;
}
.woocommerce-order-received .ht-paid__go:hover {
	background: #E5CC11;
	color: #1a1a1a !important;
}

/* ---- ข้อความช่วยเหลือเมื่อตรวจสลิปไม่ผ่าน ----
   คู่กับการเปิดปุ่มส่งคืน (SlipOK ปิดปุ่มถาวรเมื่อ fail)
   ลูกค้าโอนเงินไปแล้ว ต้องบอกให้ชัดว่ายังแก้ได้และแก้ยังไง */
.woocommerce-order-received .ht-retry {
	margin: 14px 0 4px;
	padding: 12px 16px;
	background: #FBEDEC;
	border: 1px solid #E0A9A3;
	border-radius: 10px;
	color: #8E332B;
	font-size: 0.92rem;
	line-height: 1.6;
	text-align: left;
}

/* ปุ่มส่งซ้ำ: ข้อความยาวขึ้น อย่าให้ล้นกรอบบนจอแคบ */
.woocommerce-order-received #noti-submit {
	white-space: normal;
	line-height: 1.4;
}

/* กล่องแจ้งผลของเราเป็นบล็อกเต็มความกว้างท้ายการ์ด ไม่ให้ถูกบีบไปเบียดกับปุ่ม */
.woocommerce-order-received .ht-paid,
.woocommerce-order-received .ht-retry {
	width: 100%;
	clear: both;
	box-sizing: border-box;
}
/* ข้อความสถานะของ SlipOK ตอนไม่ผ่าน — ให้อ่านออกแทนที่จะถูกบีบเป็นคอลัมน์แคบ */
.woocommerce-order-received .slipok_paymentstatus {
	display: block;
	width: 100%;
	line-height: 1.6;
	font-size: 0.92rem;
}
.woocommerce-order-received .slipok_paymentstatus:empty { display: none; }

/* ---- กล่องช่องทางติดต่อใต้ฟอร์มอัปสลิป ----
   ลูกค้าที่ติดปัญหาเรื่องเงินต้องมีคนให้ถามได้ทันที ไม่ใช่ตันอยู่กับฟอร์ม
   แสดงเฉพาะตอนออเดอร์ยังไม่จบ (ดู contact_box) ตอนจ่ายเสร็จหน้าจะสะอาดเหมือนเดิม */
.woocommerce-order-received .ht-help {
	background: #fff;
	border: 1px solid #e6e6ea;
	border-radius: 12px;
	padding: 20px 24px;
	margin: 0 0 28px;
}
.woocommerce-order-received .ht-help__title {
	margin: 0 0 6px;
	font-size: 1.05em;
	font-weight: 700;
	color: #1a1a1a;
	line-height: 1.5;
}
.woocommerce-order-received .ht-help__text {
	margin: 0 0 14px;
	font-size: 0.95rem;
	line-height: 1.7;
	color: #4a4d50;
}
/* สีเขียวของ LINE — ลูกค้าไทยจำสีนี้ได้ทันทีโดยไม่ต้องอ่าน */
.woocommerce-order-received .ht-help__line,
.woocommerce-order-received .ht-retry__line {
	display: inline-block;
	padding: 11px 26px;
	border-radius: 30px;
	background: #06C755;
	color: #fff !important;
	font-size: 0.98rem;
	font-weight: 700;
	text-decoration: none;
	line-height: 1.4;
}
.woocommerce-order-received .ht-help__line:hover,
.woocommerce-order-received .ht-retry__line:hover {
	background: #05a948;
	color: #fff !important;
}

/* ปุ่มไลน์ในกล่องแดงตอนสลิปไม่ผ่าน — จังหวะที่ต้องการคนช่วยที่สุด */
.woocommerce-order-received .ht-retry__msg {
	margin: 0 0 12px;
}
.woocommerce-order-received .ht-retry__line {
	padding: 9px 22px;
	font-size: 0.92rem;
}

@media (max-width: 640px) {
	.woocommerce-order-received .ht-help { padding: 16px; }
	.woocommerce-order-received .ht-help__line,
	.woocommerce-order-received .ht-retry__line { display: block; text-align: center; }
}