/* Plantjai AJAX cart drawer — compact rows + slim footer (all pages, ZH/EN).
   Lives in pj-card-layout: first-declared layer, so its !important beats
   pj-commerce-flow and the unlayered style.css. Loaded by plantjai-ui-followup.php. */
@layer pj-card-layout{
html[lang] body .cart-widget-side.wd-side-hidden{--pjd-line:#e3e0d6;--pjd-ink:#22261f;--pjd-mute:#6d7168}
@media(max-width:1024px){html[lang] body .cart-widget-side.wd-side-hidden{width:min(90vw,380px)!important;max-width:none!important}}

/* header */
html[lang] body .cart-widget-side.wd-side-hidden .wd-heading{padding:6px 6px 6px 14px!important;min-height:44px!important;border-bottom:1px solid var(--pjd-line)!important}
html[lang] body .cart-widget-side.wd-side-hidden .wd-heading .title{font-size:15px!important;line-height:1.3!important;font-weight:600!important;letter-spacing:.02em!important;color:var(--pjd-ink)!important}
html[lang] body .cart-widget-side.wd-side-hidden .wd-heading .close-side-widget a{min-height:36px!important;padding:0 8px!important;font-size:12px!important;font-weight:400!important;color:var(--pjd-mute)!important}

/* rows: thumb | title over [stepper … price] */
html[lang] body .cart-widget-side.wd-side-hidden .woocommerce-mini-cart-item{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:10px 14px!important;border-bottom:1px solid var(--pjd-line)!important;position:relative!important}
html[lang] body .cart-widget-side.wd-side-hidden .cart-item-image{width:56px!important;flex:0 0 56px!important;margin:0!important}
html[lang] body .cart-widget-side.wd-side-hidden .cart-item-image img{display:block!important;width:56px!important;height:56px!important;object-fit:cover!important;border-radius:2px!important}
html[lang] body .cart-widget-side.wd-side-hidden .cart-info{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:6px 10px!important;flex:1 1 auto!important;min-width:0!important;padding:0!important}
html[lang] body .cart-widget-side.wd-side-hidden .cart-info>*{grid-column:1/-1!important;margin:0!important}
html[lang] body .cart-widget-side.wd-side-hidden .cart-info .wd-entities-title{padding-right:28px!important;font-size:13px!important;line-height:1.4!important;font-weight:500!important;color:var(--pjd-ink)!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
html[lang] body .cart-widget-side.wd-side-hidden .cart-info :is(.variation,.wd-product-sku,.wd-product-brands){font-size:12px!important;line-height:1.4!important;color:var(--pjd-mute)!important}
html[lang] body .cart-widget-side.wd-side-hidden .cart-info div.quantity{grid-column:1!important;display:inline-flex!important;height:32px!important}
html[lang] body .cart-widget-side.wd-side-hidden .cart-info div.quantity input{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;font-size:14px!important;line-height:1!important;font-weight:500!important;color:var(--pjd-ink)!important;border:1px solid #cfd3c9!important;border-radius:0!important;background:transparent!important}
html[lang] body .cart-widget-side.wd-side-hidden .cart-info div.quantity input.qty{width:36px!important;border-inline-width:0!important}
html[lang] body .cart-widget-side.wd-side-hidden .cart-info span.quantity{grid-column:2!important;justify-self:end!important;text-align:right!important;white-space:nowrap!important;color:var(--pjd-mute)!important}
html[lang] body .cart-widget-side.wd-side-hidden .cart-info span.quantity,html[lang] body .cart-widget-side.wd-side-hidden .cart-info span.quantity :is(span,bdi){font-size:13px!important;line-height:1.4!important}
html[lang] body .cart-widget-side.wd-side-hidden .cart-info span.quantity .amount{color:var(--pjd-ink)!important;font-weight:600!important}
html[lang] body .cart-widget-side.wd-side-hidden .woocommerce-mini-cart-item .remove{position:absolute!important;top:0!important;right:0!important;left:auto!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;margin:0!important;color:var(--pjd-mute)!important}

/* footer */
html[lang] body .cart-widget-side.wd-side-hidden .shopping-cart-widget-footer{padding:10px 14px max(10px,env(safe-area-inset-bottom,0px))!important;border-top:1px solid var(--pjd-line)!important}
html[lang] body .cart-widget-side.wd-side-hidden .woocommerce-mini-cart__total{display:flex!important;justify-content:space-between!important;align-items:baseline!important;margin:0!important;padding:0!important;border:0!important}
html[lang] body .cart-widget-side.wd-side-hidden .woocommerce-mini-cart__total::before,html[lang] body .cart-widget-side.wd-side-hidden .woocommerce-mini-cart__total::after{content:none!important}
html[lang] body .cart-widget-side.wd-side-hidden .woocommerce-mini-cart__total strong{font-size:13px!important;line-height:1.4!important;font-weight:500!important;color:var(--pjd-mute)!important}
html[lang] body .cart-widget-side.wd-side-hidden .woocommerce-mini-cart__total .amount,html[lang] body .cart-widget-side.wd-side-hidden .woocommerce-mini-cart__total .amount :is(span,bdi){font-size:17px!important;line-height:1.3!important;font-weight:650!important;color:var(--pjd-ink)!important}
html[lang] body .cart-widget-side.wd-side-hidden .pj-flow-delivery,html[lang] body .cart-widget-side.wd-side-hidden .pj-flow-delivery :is(span,bdi,strong){font-size:11.5px!important;line-height:1.45!important;letter-spacing:0!important}
html[lang] body .cart-widget-side.wd-side-hidden .pj-flow-delivery{margin:2px 0 8px!important;padding:0!important;color:var(--pjd-mute)!important}
html[lang] body .cart-widget-side.wd-side-hidden .woocommerce-mini-cart__buttons{display:grid!important;grid-template-columns:1fr 1.25fr!important;gap:8px!important;margin:0!important;padding:0!important}
html[lang] body .cart-widget-side.wd-side-hidden .woocommerce-mini-cart__buttons a{width:auto!important;margin:0!important;min-height:42px!important;padding:8px 10px!important;font-size:14px!important;line-height:1.3!important;letter-spacing:.02em!important}

/* iOS zooms the page when a focused input is under 16px */
@media(hover:none) and (pointer:coarse){html[lang] body .cart-widget-side.wd-side-hidden .cart-info div.quantity input.qty{font-size:16px!important}}

/* variant line: "Title - Variant" is split by the woocommerce_cart_item_name filter in
   plantjai-ui-followup.php. This block is the only styling for it on the cart page,
   the drawer and the checkout summary (ZH/EN). */
html[lang] body .pj-cart-title{display:block!important}
html[lang] body .pj-cart-variant{display:block!important;margin-top:4px!important;font-family:var(--pj-sans,"Noto Sans TC","PingFang HK",system-ui,sans-serif)!important;font-size:12.5px!important;line-height:1.4!important;font-weight:400!important;letter-spacing:.01em!important;text-transform:none!important;color:#6d7168!important;overflow-wrap:anywhere!important}
html[lang] body .cart-widget-side.wd-side-hidden .cart-info .wd-entities-title:has(.pj-cart-variant){display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important}
html[lang] body .cart-widget-side.wd-side-hidden .cart-info .pj-cart-title{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
html[lang] body .cart-widget-side.wd-side-hidden .cart-info .pj-cart-variant{margin-top:1px!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
/* WooCommerce's own option list (shown when the option is not part of the name, e.g. EN products): same look */
html[lang] body :is(td.product-name,.woocommerce-checkout-review-order-table) .variation{display:block!important;margin:4px 0 0!important;padding:0!important;list-style:none!important;border:0!important}
html[lang] body :is(td.product-name,.woocommerce-checkout-review-order-table) .variation :is(li,dt,dd,span,p){display:inline!important;float:none!important;margin:0!important;padding:0!important;font-family:var(--pj-sans,"Noto Sans TC","PingFang HK",system-ui,sans-serif)!important;font-size:12.5px!important;line-height:1.4!important;font-weight:400!important;letter-spacing:.01em!important;text-transform:none!important;color:#6d7168!important}
html[lang] body :is(td.product-name,.woocommerce-checkout-review-order-table) .variation li{display:block!important}
}