/* eSIM v2 - trang Giỏ hàng + Thanh toán. Chỉ áp dụng khi <body> có class "esim-v2-shop". */
.esim-v2-shop{--ink:#0f2a2e;--line:#d9e3e0;--tint:#e4f1ee;--mute:#4b6368;--ok:#1f7a5a}

/* Ba bước: số cố định theo vị trí (1, 2, 3) nên không đổi dù bước khác bị ẩn trên điện thoại */
.esim-v2-shop .checkout-breadcrumbs{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 18px;margin:0 0 20px;font-size:14px!important;text-transform:none!important;letter-spacing:0}
.esim-v2-shop .checkout-breadcrumbs .divider,.esim-v2-shop .checkout-breadcrumbs .icon-lock{display:none!important}
.esim-v2-shop .checkout-breadcrumbs>:not(.divider){display:inline-flex;align-items:center;gap:8px;margin:0;font-size:14px!important;font-weight:600;color:var(--mute)!important}
.esim-v2-shop .checkout-breadcrumbs>:not(.divider):before{content:"1";display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--line);border-radius:999px;font-size:13px}
.esim-v2-shop .checkout-breadcrumbs>:nth-child(3):before{content:"2"}
.esim-v2-shop .checkout-breadcrumbs>:nth-child(5):before{content:"3"}
.esim-v2-shop .checkout-breadcrumbs>.current{color:var(--ink)!important}
.esim-v2-shop .checkout-breadcrumbs>.current:before{background:var(--ink);color:#fff;border-color:var(--ink)}

/* Danh sách sản phẩm trong giỏ */
.esim-v2-shop .woocommerce-cart-form{padding:8px 20px;background:#fff;border:1px solid var(--line);border-radius:20px}
.esim-v2-shop table.cart{border:0;margin:0}
.esim-v2-shop table.cart th{border:0;font-size:12px;letter-spacing:.06em;color:var(--mute)}
.esim-v2-shop table.cart td{vertical-align:middle;border-color:var(--line)}
.esim-v2-shop .product-thumbnail img{border-radius:14px}
.esim-v2-shop td.product-name>a{font-size:15px;font-weight:700;line-height:1.3;color:var(--ink)}
.esim-v2-shop td.product-subtotal,.esim-v2-shop td.product-subtotal .amount{font-size:16px;font-weight:800;color:var(--ink)}
.esim-cart-perk{display:block;margin-top:8px;font-size:13px;font-weight:600;color:var(--ok)}
.esim-v2-shop dl.variation{display:block;margin:6px 0 0}
.esim-v2-shop dl.variation dt{float:none;clear:none;display:inline-block;margin:0;padding:4px 0 4px 10px;border-radius:999px 0 0 999px;background:var(--tint);font-size:12px;font-weight:600;color:var(--ink)}
.esim-v2-shop dl.variation dd{display:inline-block;margin:0 6px 6px 0;padding:4px 10px 4px 4px;border-radius:0 999px 999px 0;background:var(--tint);font-size:12px;color:var(--ink)}
.esim-v2-shop dl.variation dd p{display:inline;margin:0}

/* Ô số lượng dạng viên thuốc */
.esim-v2-shop .woocommerce-cart-form .quantity{display:inline-flex!important;align-items:center!important;height:44px;margin:0!important;border:1px solid var(--line)!important;border-radius:999px!important;overflow:hidden;background:#fff}
.esim-v2-shop .woocommerce-cart-form .quantity input[type="button"],.esim-v2-shop .woocommerce-cart-form .quantity .minus,.esim-v2-shop .woocommerce-cart-form .quantity .plus{width:40px!important;height:42px!important;min-height:0!important;margin:0!important;padding:0!important;line-height:42px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ink)!important;font-size:20px!important;box-shadow:none!important}
.esim-v2-shop .woocommerce-cart-form .quantity input[type="number"],.esim-v2-shop .woocommerce-cart-form .quantity .qty{width:44px!important;height:42px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:center;font-weight:700;color:var(--ink)}

/* Ghi chú, nút phụ */
.esim-shop-note{margin:16px 0;padding:14px 16px;background:var(--tint);border-radius:16px;font-size:14px;line-height:1.45;color:var(--ink)}
.esim-shop-note strong{display:block}
.esim-shop-note a{font-weight:600;text-decoration:underline;color:var(--ink)}
.esim-v2-shop .continue-shopping a.button,.esim-v2-shop button[name="update_cart"]{border-radius:999px!important;font-weight:700}

/* Tóm tắt đơn hàng */
.esim-v2-shop .cart-collaterals .cart-sidebar{padding:20px;background:#fff;border:1px solid var(--line);border-radius:20px}
.esim-v2-shop .cart_totals th,.esim-v2-shop .cart_totals td{border-color:var(--line)}
.esim-v2-shop .cart_totals .order-total th,.esim-v2-shop .cart_totals .order-total td,.esim-v2-shop .cart_totals .order-total .amount{font-size:20px;font-weight:800;color:var(--ink)}
.esim-v2-shop .checkout-button{display:flex!important;align-items:center;justify-content:center;width:100%;height:52px;min-height:0;margin:8px 0 0!important;padding:0;border:0;border-radius:999px!important;background:var(--ink)!important;color:#fff!important;font-size:16px;font-weight:700;text-transform:none}
.esim-v2-shop .checkout-button:before{content:"\1F512";margin-right:8px;font-size:14px}
.esim-v2-shop .coupon input[type="text"],.esim-v2-shop .woocommerce-checkout input.input-text,.esim-v2-shop .woocommerce-checkout select,.esim-v2-shop .woocommerce-checkout textarea{border:1px solid var(--line);border-radius:12px;box-shadow:none;background:#fff}
.esim-v2-shop .coupon input[type="text"]{border-radius:999px}
.esim-v2-shop .coupon .button{border-radius:999px!important}
.esim-shop-trust{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px;font-size:13px;color:var(--mute)}
.esim-shop-trust li{margin:0}
.esim-shop-trust li:before{content:"\2713";margin-right:8px;font-weight:800;color:var(--ok)}
.esim-shop-trust a{color:var(--ink);text-decoration:underline}

/* Trang thanh toán: đồng nhất với giỏ hàng */
.esim-v2-shop .checkout-sidebar .col-inner{padding:20px;background:#fff;border:1px solid var(--line)!important;border-radius:20px}
.esim-v2-shop #order_review_heading,.esim-v2-shop .woocommerce-billing-fields>h3,.esim-v2-shop .woocommerce-additional-fields>h3{font-size:18px;letter-spacing:0;text-transform:none;color:var(--ink)}
.esim-v2-shop table.woocommerce-checkout-review-order-table{border-color:var(--line)}
.esim-v2-shop .woocommerce-checkout-review-order-table .order-total th,.esim-v2-shop .woocommerce-checkout-review-order-table .order-total .amount{font-size:20px;font-weight:800;color:var(--ink)}
.esim-v2-shop .woocommerce-terms-and-conditions-wrapper{margin:12px 0;padding:12px 14px;background:var(--tint);border-radius:14px;font-size:13px}
.esim-v2-shop #place_order{height:52px;min-height:0;border:0;border-radius:999px!important;background:var(--ink)!important;color:#fff!important;font-size:16px;font-weight:700;text-transform:none}

/* Thanh tổng tiền cố định ở đáy (iPad, điện thoại) */
.esim-shop-bar{position:fixed;left:0;right:0;bottom:0;z-index:999;display:none;align-items:center;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e1e8e6;box-shadow:0 -4px 16px rgba(15,42,46,.08)}
.esim-shop-bar.is-on{display:flex}
.esim-shop-bar small{display:block;font-size:11px;color:var(--mute,#4b6368)}
.esim-shop-bar b{font-size:18px;color:#0f2a2e}
.esim-shop-bar a{flex:1;display:flex;align-items:center;justify-content:center;height:46px;border-radius:999px;background:#0f2a2e;color:#fff;font-size:15px;font-weight:700;text-decoration:none}
@media (min-width:850px){.esim-shop-bar.is-on{display:none}}

/* iPad và điện thoại: mỗi sản phẩm gồm 2 phần.
   Phần 1: ảnh (2/5) | tên + thông tin gói. Phần 2: Price | Quantity. Máy tính giữ nguyên. */
@media (max-width:849px){
.esim-v2-shop table.cart,.esim-v2-shop table.cart tbody{display:block;width:100%}
.esim-v2-shop table.cart thead{display:none}
.esim-v2-shop table.cart tr.cart_item{position:relative;display:grid!important;grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-areas:"thumb name" "price qty";gap:14px 16px;padding:16px 0;border-bottom:1px solid var(--line)}
.esim-v2-shop table.cart tr.cart_item>td{display:block!important;width:auto!important;min-width:0;padding:0!important;border:0!important;text-align:left!important}
.esim-v2-shop table.cart tr.cart_item>td:before{display:none!important}
.esim-v2-shop tr.cart_item>td.product-price:before,.esim-v2-shop tr.cart_item>td.product-quantity:before{content:attr(data-title)!important;display:block!important;margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.esim-v2-shop tr.cart_item>td.product-thumbnail{grid-area:thumb}
.esim-v2-shop tr.cart_item>td.product-thumbnail img{display:block;width:100%;height:auto}
.esim-v2-shop tr.cart_item>td.product-name{grid-area:name}
.esim-v2-shop tr.cart_item>td.product-price{grid-area:price;align-self:center}
.esim-v2-shop tr.cart_item>td.product-quantity{grid-area:qty}
.esim-v2-shop tr.cart_item>td.product-subtotal{display:none!important}
.esim-v2-shop tr.cart_item>td.product-remove{position:absolute;top:10px;right:0;width:auto!important;z-index:2}
.esim-v2-shop tr.cart_item:has(td.product-price) .mobile-product-price{display:none!important}
.esim-v2-shop tr.cart_item td.product-price,.esim-v2-shop tr.cart_item td.product-price .amount{font-size:16px;font-weight:800;color:var(--ink)}
.esim-v2-shop td.product-name>a{padding-right:28px}
.esim-v2-shop dl.variation{display:grid;grid-template-columns:max-content 1fr;gap:4px 8px;align-items:baseline;margin:8px 0 0}
.esim-v2-shop dl.variation dt,.esim-v2-shop dl.variation dd{display:block;margin:0;padding:0;border-radius:0;background:transparent}
.esim-v2-shop dl.variation dt{font-size:12px;font-weight:600;color:var(--mute)}
.esim-v2-shop dl.variation dd{font-size:13px;font-weight:700;color:var(--ink)}
.esim-v2-shop .woocommerce-cart-form .quantity{display:flex!important;width:100%!important}
.esim-v2-shop .woocommerce-cart-form .quantity input[type="number"],.esim-v2-shop .woocommerce-cart-form .quantity .qty{flex:1 1 auto;width:auto!important}
}