/* =========================================================
WOOCOMMERCE PAGE
========================================================= */
.woocommerce-page-custom{padding:30px 0 60px}
.woocommerce-page-custom .entry-title{font-size:32px;font-weight:700;line-height:1.3;margin-bottom:30px}
.woocommerce-page-custom .woocommerce-message,.woocommerce-page-custom .woocommerce-info,.woocommerce-page-custom .woocommerce-error{border-radius:10px;margin-bottom:20px}
.woocommerce-page-custom input[type="text"],.woocommerce-page-custom input[type="email"],.woocommerce-page-custom input[type="tel"],.woocommerce-page-custom input[type="password"],.woocommerce-page-custom textarea,.woocommerce-page-custom select{width:100%;min-height:48px;padding:12px 16px;border:1px solid #ddd;border-radius:10px;outline:none;transition:0.2s}
.woocommerce-page-custom textarea{min-height:120px;resize:vertical}
.woocommerce-page-custom input:focus,.woocommerce-page-custom textarea:focus,.woocommerce-page-custom select:focus{border-color:#111}
.woocommerce-page-custom button,.woocommerce-page-custom .button,.woocommerce-page-custom .checkout-button,.woocommerce-page-custom .wc-forward{min-height:48px;border:0;border-radius:10px;padding:0 24px;font-weight:600;transition:0.2s}
.woocommerce-page-custom table.shop_table{width:100%;border-radius:14px;overflow:hidden;border-collapse:separate;border-spacing:0;border:1px solid #eee}
.woocommerce-page-custom table.shop_table th,.woocommerce-page-custom table.shop_table td{padding:16px;vertical-align:middle}
.woocommerce-page-custom .woocommerce-breadcrumb{margin-bottom:20px}
.place-order a { color: #ec1b24; text-decoration: none; text-transform: uppercase; }
/* =========================================================
MY ACCOUNT
========================================================= */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;border:1px solid #eee;border-radius:16px;overflow:hidden}
.woocommerce-account .woocommerce-MyAccount-navigation li{border-bottom:1px solid #eee}
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child{border-bottom:0}
.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;padding:14px 18px;text-decoration:none;transition:0.2s}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{font-weight:700}
.woocommerce-account .woocommerce-MyAccount-content{padding:24px;border:1px solid #eee;border-radius:16px;background:#fff}
/* =========================================================
ORDER TRACKING
========================================================= */

/* =========================================================
ORDER TRACKING PAGE
========================================================= */
.woocommerce-order-tracking .woocommerce-page-content{max-width:620px;margin:0 auto}
.woocommerce-order-tracking .track_order{padding:32px;border:1px solid #ececec;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,0.04)}
.woocommerce-order-tracking .track_order > p:first-child{margin-bottom:28px;font-size:15px;line-height:1.7;color:#666;text-align:center}
/* =========================================================
FORM ROW
========================================================= */
.woocommerce-order-tracking .form-row{width:100%;margin-bottom:20px}
.woocommerce-order-tracking .form-row label{display:block;margin-bottom:10px;font-size:14px;font-weight:600;color:#111}
/* =========================================================
INPUT
========================================================= */
.woocommerce-order-tracking input.input-text{width:100%;height:52px;padding:0 18px;border:1px solid #ddd;border-radius:14px;background:#fff;font-size:15px;outline:none;transition:0.2s}
.woocommerce-order-tracking input.input-text:focus{border-color:#111;box-shadow:0 0 0 4px rgba(0,0,0,0.05)}
/* =========================================================
BUTTON
========================================================= */
.woocommerce-order-tracking button.button{width:100%;height:54px;border:0;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;transition:0.2s}
.woocommerce-order-tracking button.button:hover{transform:translateY(-1px)}
/* =========================================================
TRACK RESULT
========================================================= */
.woocommerce-order-tracking .woocommerce-order{margin-top:30px;padding:28px;border:1px solid #eee;border-radius:18px;background:#fafafa}
.woocommerce-order-tracking .woocommerce-order-overview{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0;margin:0 0 24px;list-style:none}
.woocommerce-order-tracking .woocommerce-order-overview li{padding:16px;border-radius:14px;background:#fff;border:1px solid #eee;font-size:14px;line-height:1.6}
.woocommerce-order-tracking .woocommerce-order-overview strong{display:block;margin-top:6px;font-size:16px;color:#111}
/* =========================================================
ORDER TABLE
========================================================= */
.woocommerce-order-tracking table.shop_table{width:100%;margin-top:20px;border-collapse:collapse}
.woocommerce-order-tracking table.shop_table th,.woocommerce-order-tracking table.shop_table td{padding:14px 0;border-bottom:1px solid #e9e9e9;text-align:left}
.woocommerce-order-tracking table.shop_table th{font-weight:700}
/* =========================================================
STATUS
========================================================= */
.woocommerce-order-tracking .order_status{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:700}
/* =========================================================
MOBILE
< 767px
========================================================= */
@media (max-width:767px){.woocommerce-order-tracking .woocommerce-page-content{max-width:100%}.woocommerce-order-tracking .track_order{padding:22px;border-radius:16px}.woocommerce-order-tracking .woocommerce-order{padding:20px}.woocommerce-order-tracking .woocommerce-order-overview{grid-template-columns:1fr}.woocommerce-order-tracking table.shop_table th,.woocommerce-order-tracking table.shop_table td{font-size:14px}}
/* =========================================================
TRACKING RESULT
========================================================= */
.woocommerce-order-tracking .woocommerce-order{margin-top:32px;padding:32px;border-radius:22px;background:#fff;border:1px solid #ececec;box-shadow:0 10px 30px rgba(0,0,0,0.04)}
/* =========================================================
ORDER OVERVIEW
========================================================= */
.woocommerce-order-tracking .woocommerce-order-overview{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:0;margin:0 0 30px;list-style:none}
.woocommerce-order-tracking .woocommerce-order-overview li{padding:18px;border-radius:16px;border:1px solid #eee;background:#fafafa;font-size:14px;line-height:1.7}
.woocommerce-order-tracking .woocommerce-order-overview strong{display:block;margin-top:6px;font-size:17px;color:#111}
/* =========================================================
ORDER STATUS
========================================================= */
.woocommerce-order-tracking .order-status,.woocommerce-order-tracking .woocommerce-order-overview__status strong{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border-radius:999px;background:#edf7ed;color:#1b5e20;font-size:13px;font-weight:700}
/* =========================================================
ORDER DETAILS TABLE
========================================================= */
.woocommerce-order-tracking table.shop_table{width:100%;margin-top:24px;border:0;border-collapse:collapse}
.woocommerce-order-tracking table.shop_table thead th{padding:16px 0;border-bottom:2px solid #eee;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.woocommerce-order-tracking table.shop_table tbody td{padding:18px 0;border-bottom:1px solid #f1f1f1;vertical-align:middle}
.woocommerce-order-tracking table.shop_table tfoot th,.woocommerce-order-tracking table.shop_table tfoot td{padding:16px 0;border-top:1px solid #eee}
/* =========================================================
PRODUCT NAME
========================================================= */
.woocommerce-order-tracking table.shop_table td.product-name{font-weight:600}
.woocommerce-order-tracking table.shop_table td.product-name a{text-decoration:none}
/* =========================================================
CUSTOMER DETAILS
========================================================= */
.woocommerce-order-tracking .woocommerce-customer-details{margin-top:32px;padding:28px;border-radius:18px;background:#fafafa;border:1px solid #eee}
.woocommerce-order-tracking .woocommerce-customer-details h2{margin-bottom:20px;font-size:22px}
.woocommerce-order-tracking .woocommerce-column address{margin:0;padding:20px;border-radius:14px;background:#fff;border:1px solid #eee;line-height:1.8}
/* =========================================================
NOTES
========================================================= */
.woocommerce-order-tracking .woocommerce-order-details,.woocommerce-order-tracking .woocommerce-customer-details{margin-top:36px}
.woocommerce form .form-row .input-checkbox{position: relative;}/*Xử lý checkbox bị text che */
/* =========================================================
MOBILE
========================================================= */
@media (max-width:767px){.woocommerce-order-tracking .woocommerce-order{padding:22px;border-radius:18px}.woocommerce-order-tracking .woocommerce-order-overview{grid-template-columns:1fr}.woocommerce-order-tracking .woocommerce-customer-details{padding:20px}.woocommerce-order-tracking .woocommerce-column address{padding:16px}}
/* =========================================================
MOBILE
< 429px
========================================================= */
@media (max-width:429px){.woocommerce-page-custom{padding:20px 0 40px}.woocommerce-page-custom .entry-title{font-size:24px;margin-bottom:20px}.woocommerce-cart .woocommerce-page-content > .woocommerce,.woocommerce-checkout .woocommerce,.woocommerce-account .woocommerce{grid-template-columns:1fr;gap:20px}.woocommerce-cart .cart_totals,.woocommerce-checkout #order_review{position:static}.woocommerce-cart table.shop_table{font-size:13px}.woocommerce-cart .product-thumbnail img{width:56px}.woocommerce-page-custom table.shop_table th,.woocommerce-page-custom table.shop_table td{padding:10px}.woocommerce-checkout .woocommerce-billing-fields,.woocommerce-checkout .woocommerce-additional-fields,.woocommerce-checkout #order_review,.woocommerce-account .woocommerce-MyAccount-content,.woocommerce-order-tracking .track_order,.woocommerce-cart .cart_totals{padding:16px}.woocommerce-page-custom input,.woocommerce-page-custom select,.woocommerce-page-custom textarea{min-height:44px;font-size:16px}.woocommerce-page-custom button,.woocommerce-page-custom .button{width:100%}}
/* =========================================================
MOBILE PRO
430px → 767px
========================================================= */
@media (min-width:430px) and (max-width:767px){.woocommerce-cart .woocommerce-page-content > .woocommerce,.woocommerce-checkout .woocommerce,.woocommerce-account .woocommerce{grid-template-columns:1fr;gap:24px}.woocommerce-cart .cart_totals,.woocommerce-checkout #order_review{position:static}.woocommerce-page-custom{padding:24px 0 40px}.woocommerce-page-custom .entry-title{font-size:28px}}
/* =========================================================
TABLET MINI
768px → 1023px
========================================================= */
@media (min-width:768px) and (max-width:1023px){.woocommerce-checkout .woocommerce{grid-template-columns:1fr}.woocommerce-cart .woocommerce-page-content > .woocommerce{grid-template-columns:1fr}.woocommerce-account .woocommerce{grid-template-columns:240px 1fr}.woocommerce-cart .cart_totals,.woocommerce-checkout #order_review{position:static}}
/* =========================================================
TABLET PRO
1024px → 1199px
========================================================= */
@media (min-width:1024px) and (max-width:1199px){.woocommerce-checkout .woocommerce{grid-template-columns:1fr 360px}.woocommerce-cart .woocommerce-page-content > .woocommerce{grid-template-columns:1fr 320px}}
/* =========================================================
DESKTOP
>= 1200px
========================================================= */
@media (min-width:1200px){.woocommerce-checkout .woocommerce{grid-template-columns:1fr 420px}.woocommerce-cart .woocommerce-page-content > .woocommerce{grid-template-columns:1fr 360px}}