/* STD&P – CSS cho trang của WooCommerce (giỏ hàng, thanh toán, đã nhận đơn, tài khoản) và thông báo.
   Lõi đã tắt CSS mặc định của WooCommerce; tệp này chỉ nạp ở các trang đó. Dùng biến của site.css. */

.shop-body{font-size:15.5px}
.shop-body::after,.woocommerce::after,.woocommerce form::after,.woocommerce .col2-set::after{content:"";display:table;clear:both}
.woocommerce a{color:var(--navy)}
.woocommerce a:hover{color:var(--red-d)}
.woocommerce h2,.woocommerce h3{margin:var(--s5) 0 var(--s3);font-size:19px;font-weight:500;line-height:1.35;color:var(--navy);text-transform:uppercase}
.woocommerce .screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Nút */
.woocommerce .button,.woocommerce button[type="submit"],.woocommerce input[type="submit"],.woocommerce .checkout-button,.wc-block-components-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border:1px solid var(--navy);border-radius:var(--r);background:var(--navy);color:#fff;font-size:15px;font-weight:500;line-height:1.2;text-align:center;cursor:pointer;transition:background-color .15s,border-color .15s}
.woocommerce .button:hover,.woocommerce button[type="submit"]:hover{background:var(--navy-d);border-color:var(--navy-d);color:#fff}
.woocommerce .button.alt,.woocommerce .checkout-button,.woocommerce #place_order{background:var(--red-d);border-color:var(--red-d);color:#fff;font-size:16px;min-height:48px}
.woocommerce .button.alt:hover,.woocommerce .checkout-button:hover,.woocommerce #place_order:hover{background:var(--red-dd);border-color:var(--red-dd);color:#fff}
.woocommerce .button:disabled,.woocommerce .button[aria-disabled="true"]{opacity:.5;cursor:not-allowed}

/* Thông báo */
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s4);margin:0 0 var(--s4);padding:12px var(--s4);border:1px solid #b7dcb5;border-left-width:4px;border-radius:var(--r);background:#eef8ee;color:#1d4d1b;list-style:none;font-size:15px}
.woocommerce-info{border-color:#b9c9e6;background:var(--navy-l);color:#0b2c63}
.woocommerce-error{border-color:#f1b9b4;background:#fdecea;color:#8c1d18;flex-direction:column;align-items:flex-start}
.woocommerce-message .button,.woocommerce-info .button,.woocommerce-error .button{order:2;margin-left:auto;min-height:38px;padding:8px 14px;font-size:14px}
.woocommerce-message:focus,.woocommerce-info:focus,.woocommerce-error:focus{outline:0}
.wc-block-components-notice-banner svg{flex:none;width:22px;height:22px;fill:currentColor}
.shop-notices .woocommerce-message a,.shop-notices .woocommerce-info a,.shop-notices .woocommerce-error a{color:var(--navy);font-weight:500;text-decoration:underline}
.shop-notices .button{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;border-radius:var(--r);background:var(--navy);color:#fff!important;text-decoration:none!important;font-size:14px;order:2;margin-left:auto}

/* Ô nhập */
.woocommerce form .form-row{margin:0 0 var(--s3);padding:0}
.woocommerce form label{display:block;margin-bottom:4px;font-size:14.5px;color:#333}
.woocommerce form .required{color:var(--red-d);text-decoration:none}
.woocommerce .input-text,.woocommerce select,.woocommerce textarea,.woocommerce input[type="number"],.woocommerce input[type="text"],.woocommerce input[type="email"],.woocommerce input[type="tel"],.woocommerce input[type="password"]{width:100%;min-height:44px;padding:9px 12px;border:1px solid #c5cbd2;border-radius:var(--r);background:#fff;font-size:16px;line-height:1.4}
.woocommerce textarea{min-height:110px}
.woocommerce .input-text:focus,.woocommerce select:focus,.woocommerce textarea:focus{outline:0;border-color:var(--navy);box-shadow:0 0 0 3px rgba(0,53,134,.15)}
.woocommerce .woocommerce-invalid .input-text,.woocommerce .woocommerce-invalid select{border-color:var(--err)}
.woocommerce .checkout-inline-error-message{margin-top:4px;font-size:13.5px;color:var(--err)}
.woocommerce form .form-row-first,.woocommerce form .form-row-last{width:100%}
.woocommerce .woocommerce-form__label-for-checkbox{display:flex;gap:8px;align-items:flex-start}
.woocommerce input[type="checkbox"],.woocommerce input[type="radio"]{width:18px;height:18px;margin:3px 0 0;flex:none;accent-color:var(--navy)}
.woocommerce .password-input{display:block;position:relative}
.woocommerce .show-password-input{position:absolute;right:6px;top:6px;width:32px;height:32px;border:0;background:none}
.select2-container .select2-selection--single{height:44px;border:1px solid #c5cbd2;border-radius:var(--r)}
.select2-container .select2-selection--single .select2-selection__rendered{line-height:42px;padding-left:12px}
.select2-container .select2-selection--single .select2-selection__arrow{height:42px}
@media (min-width:576px){
	.woocommerce form .form-row-first{float:left;width:calc(50% - 8px)}
	.woocommerce form .form-row-last{float:right;width:calc(50% - 8px)}
	.woocommerce form .form-row-wide{clear:both}
}

/* Bảng (giỏ hàng, đơn hàng) */
.woocommerce table.shop_table{width:100%;margin:0 0 var(--s5);border:1px solid var(--line);border-radius:var(--r);border-collapse:separate;border-spacing:0;background:#fff;font-size:15px}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:12px var(--s3);border-top:1px solid var(--line);text-align:left;vertical-align:middle}
.woocommerce table.shop_table thead th{border-top:0;background:var(--soft);font-weight:500;color:#333;white-space:nowrap}
.woocommerce table.shop_table tfoot th,.woocommerce table.shop_table tfoot td{font-weight:500}
.woocommerce table.shop_table .product-thumbnail img{width:72px;height:72px;object-fit:cover;border:1px solid var(--line);border-radius:var(--r)}
.woocommerce table.shop_table .product-name a{font-weight:500;color:#222}
.woocommerce table.shop_table .product-name a:hover{color:var(--red-d)}
.woocommerce a.remove{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:22px;line-height:1;color:var(--err);text-decoration:none}
.woocommerce a.remove:hover{background:#fdecea}
.woocommerce .quantity .qty{width:76px;min-height:40px;padding:6px 8px;text-align:center}
.woocommerce .amount{font-weight:500;color:var(--red-d);white-space:nowrap}
.woocommerce td.actions{background:#fafbfc}
.woocommerce td.actions .coupon{display:flex;gap:var(--s2);margin-bottom:var(--s3)}
.woocommerce td.actions .coupon .input-text{flex:1;min-width:0;max-width:220px}
.woocommerce td.actions > .button{float:right}
.woocommerce .cart-collaterals{display:flex;justify-content:flex-end}
.woocommerce .cart_totals{width:100%;max-width:460px}
.woocommerce .cart_totals h2{margin-top:0}
.woocommerce .wc-proceed-to-checkout .checkout-button{width:100%}
.woocommerce .cart-empty,.woocommerce .wc-empty-cart-message{margin-bottom:var(--s4)}
.woocommerce .return-to-shop{margin-bottom:var(--s6)}
.woocommerce ul#shipping_method{list-style:none;margin:0;padding:0}
/* Điện thoại: bảng giỏ hàng thành thẻ xếp dọc (WooCommerce gắn nhãn cột ở data-title) */
@media (max-width:767.98px){
	.woocommerce table.shop_table_responsive thead{display:none}
	.woocommerce table.shop_table_responsive tr{display:block;position:relative;border-top:1px solid var(--line)}
	.woocommerce table.shop_table_responsive tbody tr:first-child{border-top:0}
	.woocommerce table.shop_table_responsive td{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);border-top:0;padding:8px var(--s3);text-align:right}
	.woocommerce table.shop_table_responsive td::before{content:attr(data-title);font-weight:500;color:#444;text-align:left}
	.woocommerce table.shop_table_responsive td.product-thumbnail,.woocommerce table.shop_table_responsive td.product-remove::before,.woocommerce table.shop_table_responsive td.actions::before{display:none}
	.woocommerce table.shop_table_responsive td.product-remove{position:absolute;right:0;top:0;padding:4px}
	.woocommerce table.shop_table_responsive td.product-name{padding-right:44px;font-size:16px}
	.woocommerce table.shop_table_responsive td.actions{display:block;border-top:1px solid var(--line)}
	.woocommerce .cart_totals table.shop_table_responsive th{display:none}
	.woocommerce .cart_totals table.shop_table_responsive td{padding-block:12px}
	.woocommerce td.actions > .button{float:none;width:100%}
	.woocommerce td.actions .coupon .input-text{max-width:none}
}

/* Thanh toán */
.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{width:100%}
.woocommerce #order_review_heading{margin-top:var(--s6)}
.woocommerce #payment{padding:var(--s4);border:1px solid var(--line);border-radius:var(--r);background:var(--soft)}
.woocommerce #payment ul.payment_methods{list-style:none;margin:0 0 var(--s4);padding:0}
.woocommerce #payment ul.payment_methods li{padding:8px 0;border-bottom:1px solid var(--line)}
.woocommerce #payment ul.payment_methods label{display:inline;margin-left:6px;font-weight:500}
.woocommerce #payment .payment_box{margin-top:8px;padding:10px 12px;border-radius:var(--r);background:#fff;font-size:14.5px}
.woocommerce #payment .place-order{margin:0}
.woocommerce #place_order{width:100%;margin-top:var(--s3)}
.woocommerce .woocommerce-privacy-policy-text{font-size:14px;color:var(--muted)}
.woocommerce .woocommerce-form-coupon-toggle,.woocommerce .woocommerce-form-login-toggle{margin-bottom:var(--s4)}
.woocommerce form.checkout_coupon,.woocommerce form.login,.woocommerce form.register,.woocommerce form.lost_reset_password{margin-bottom:var(--s5);padding:var(--s4);border:1px solid var(--line);border-radius:var(--r);background:#fff}
@media (min-width:992px){
	.woocommerce form.checkout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);grid-template-rows:auto auto 1fr;gap:0 var(--s7);align-items:start}
	.woocommerce form.checkout > .woocommerce-NoticeGroup,.woocommerce form.checkout > .woocommerce-notices-wrapper{grid-column:1/-1}
	.woocommerce form.checkout > #customer_details{grid-row:span 3}
	.woocommerce #order_review_heading{margin-top:0}
}

/* Đã nhận đơn hàng */
.woocommerce ul.order_details{display:grid;gap:var(--s3);margin:var(--s4) 0 var(--s5);padding:var(--s4);border:1px solid var(--line);border-radius:var(--r);background:var(--soft);list-style:none}
.woocommerce ul.order_details li{font-size:13.5px;text-transform:uppercase;color:var(--muted)}
.woocommerce ul.order_details strong{display:block;font-size:16px;text-transform:none;color:#222}
.woocommerce .woocommerce-thankyou-order-received{margin-bottom:var(--s4);font-size:17px;font-weight:500;color:#1d5c1a}
.woocommerce .woocommerce-customer-details address{padding:var(--s4);border:1px solid var(--line);border-radius:var(--r);font-style:normal}
@media (min-width:768px){.woocommerce ul.order_details{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Tài khoản */
.woocommerce-MyAccount-navigation ul{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 var(--s5);padding:0;list-style:none}
.woocommerce-MyAccount-navigation a{display:block;padding:9px 14px;border:1px solid var(--line);border-radius:var(--r);color:#333;font-weight:500}
.woocommerce-MyAccount-navigation .is-active a,.woocommerce-MyAccount-navigation a:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.woocommerce .u-columns{display:grid;gap:var(--s5)}
.woocommerce .woocommerce-form-login,.woocommerce .woocommerce-form-register{max-width:520px}
@media (min-width:992px){
	.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation){display:grid;grid-template-columns:230px minmax(0,1fr);gap:var(--s6);align-items:start}
	.woocommerce-MyAccount-navigation ul{flex-direction:column}
	.woocommerce .u-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
}