/* LK Well Beauty — UI fixes v001 (mobile-first, A–L). Loads after style.css.
   Rollback: delete this file, or remove the 'lkwb-ui-fixes' enqueue in inc/site-fixes.php. */
/* A. Form fields >= 16px so iPhone Safari does not zoom in */
@media (max-width:1023px){input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=range]),select,textarea{font-size:16px!important}}
/* B. No sideways wobble + iPhone home-bar clearance */
body{overflow-x:clip}
@media (max-width:1023px){.pdp-sticky{padding-bottom:env(safe-area-inset-bottom)}}
/* C. Header: burger nav up to 1023px; floating bar = burger | logo | actions */
@media (max-width:1023px){.nav-links{display:none!important}.burger-btn{display:grid!important}.nav-wrap .nav-inner,.nav-wrap--bar .nav-inner{grid-template-columns:48px minmax(0,1fr) auto!important}.nav-logo{justify-self:center}.nav-actions{justify-self:end}}
@media (max-width:700px){.nav-wrap--floating .nav-inner{padding:6px 8px 6px 4px}.nav-wrap--floating .nav-logo img{height:34px!important}.nav-wrap--floating .nav-actions{gap:0}.nav-wrap--floating .icon-btn{width:40px;height:40px}}
/* D. Bloom bubble: clear of the PDP sticky bar, hidden on cart + checkout */
@media (max-width:700px){.bloom-bubble{left:12px;bottom:14px}.bloom-bubble-btn{width:46px!important;height:46px!important}body.single-product .bloom-bubble{bottom:92px}body.woocommerce-cart .bloom-bubble,body.woocommerce-checkout .bloom-bubble{display:none!important}}
/* E. Tap targets ~44px without moving the layout */
@media (max-width:1023px){.ann-btn,.search-modal-close,.sbc-arrow,.menu-panel-close,.ps-dot,.account-fav-remove,.pdp-sticky button{position:relative}.ann-btn::after,.search-modal-close::after,.sbc-arrow::after,.menu-panel-close::after,.account-fav-remove::after,.pdp-sticky button::after{content:"";position:absolute;inset:-8px}.ps-dot::after{content:"";position:absolute;inset:-20px -4px}.search-modal-chip{min-height:44px}.shop-filters .filter-chip,.filter-chip{min-height:44px}a:has(> .crumbs-label){display:inline-flex;align-items:center;min-height:40px}.footer .footer-grid li{margin:0!important;padding:0!important}.footer .footer-grid a{display:block;padding:10px 0!important}.cart-pill,.nav-total{min-height:44px}.pdp-qty button{width:44px;height:44px}}
/* F. Type floor: nothing under 12px on phones */
@media (max-width:700px){.pc-quick-price,.crumbs-label,.collection-count,.search-modal-suggest-label,.pdp-bulk-each,.pdp-pair-meta,.pdp-pair-cta,.pdp-more-cta,.pdp-more-tag,.pdp-sticky-meta,.bloom-promo-card-no,.jc-cat,.pdp-spec .lbl{font-size:12px!important}}
/* G. PDP "Ours vs theirs": one variable drives the grid and the purple pillar */
.pdp-vs-table{--vs-col:150px}
.pdp-vs-thead,.pdp-vs-row{grid-template-columns:minmax(0,1fr) var(--vs-col) var(--vs-col)!important}
.pdp-vs-table::before{right:var(--vs-col)!important;width:var(--vs-col)!important}
@media (max-width:760px){.pdp-vs-table{--vs-col:84px}.pdp-vs-th-theirs{font-size:11px;line-height:1.2}}
/* H. Cart on phones: cards with thumbnail, 44px remove and qty */
@media (max-width:767px){
.woocommerce-cart-form table.cart,.woocommerce-cart-form table.cart tbody{display:block;border:0;background:none}
.woocommerce-cart-form table.cart thead{display:none}
.woocommerce-cart-form table.cart tr.cart_item{display:grid;grid-template-columns:76px 1fr 44px;grid-template-areas:"img name rm" "img price price" "img qty sub";gap:6px 14px;align-items:center;padding:14px;margin:0 0 12px;background:#fff;border:1px solid var(--line);border-radius:16px}
.woocommerce-cart-form table.cart tr.cart_item td{display:block!important;border:0!important;padding:0!important;text-align:left!important;width:auto!important;background:transparent!important}
.woocommerce-cart-form table.cart tr.cart_item td::before{display:none!important}
.woocommerce-cart-form table.cart td.product-thumbnail{grid-area:img;align-self:start}
.woocommerce-cart-form table.cart td.product-thumbnail img{display:block!important;width:76px!important;height:76px!important;object-fit:cover;border-radius:12px}
.woocommerce-cart-form table.cart td.product-name{grid-area:name;font-weight:600;line-height:1.3}
.woocommerce-cart-form table.cart td.product-remove{grid-area:rm;justify-self:end;align-self:start}
.woocommerce-cart-form table.cart td.product-remove a.remove{display:grid!important;place-items:center;width:44px;height:44px;font-size:26px;line-height:1;margin:-10px -10px 0 0}
.woocommerce-cart-form table.cart td.product-price{grid-area:price;font-size:14px;opacity:.75}
.woocommerce-cart-form table.cart td.product-quantity{grid-area:qty}
.woocommerce-cart-form table.cart td.product-quantity .qty{width:76px;min-height:44px;text-align:center}
.woocommerce-cart-form table.cart td.product-subtotal{grid-area:sub;justify-self:end;font-weight:700}
.woocommerce-cart-form table.cart td.product-name dl,.woocommerce-cart-form table.cart td.product-name .variation{font-family:var(--font-body);font-size:13px;line-height:1.45;font-weight:400;margin:6px 0 0}
.woocommerce-cart-form table.cart td.product-name dl *{font-size:inherit;font-family:inherit}
.woocommerce-cart-form table.cart td.actions{display:block!important;padding:4px 0 0!important}
.woocommerce-cart-form table.cart td.actions .button,.woocommerce-cart-form table.cart td.actions input.input-text{width:100%;min-height:48px;margin:0 0 10px}
}
/* I. Ingredients table on phones: one card per ingredient */
@media (max-width:700px){.ing-table-wrap{border:0;background:none;overflow:visible}.ing-table,.ing-table tbody,.ing-table tr,.ing-table td{display:block;width:100%}.ing-table thead{display:none}.ing-table tbody tr{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin:0 0 12px}.ing-table td{border:0!important;padding:6px 0!important;font-size:15px;line-height:1.5}.ing-table td.ing-name-cell{font-size:20px;padding-top:0!important}.ing-table td:not(.ing-name-cell)::before{display:block;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin-bottom:2px}.ing-table td:nth-child(2)::before{content:"What it is"}.ing-table td:nth-child(3)::before{content:"Where it comes from"}.ing-table td:nth-child(4)::before{content:"What it does for your skin"}}
/* J. Shop filter chips: clean swipe row */
@media (max-width:700px){.shop-filters{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity}.shop-filters::-webkit-scrollbar{display:none}.shop-filters .filter-chip{flex:0 0 auto;scroll-snap-align:start}}
/* K. Checkout + wholesale: 56px Place order, 22px checkboxes, readable labels */
@media (max-width:767px){.woocommerce-checkout #place_order{width:100%;min-height:56px;font-size:16px}.woocommerce-checkout input[type=checkbox],form:has(#w-business) input[type=checkbox]{width:22px;height:22px;flex:none}.woocommerce-checkout .woocommerce-form__label-for-checkbox,.woocommerce-terms-and-conditions-checkbox-text{font-size:14px;line-height:1.5}form:has(#w-business) input:not([type=checkbox]),form:has(#w-business) select{min-height:48px}}
/* L. Product-card badge clear of the wishlist heart */
@media (max-width:480px){.pc-tag{left:auto!important;right:8px!important;top:auto!important;bottom:8px!important;max-width:calc(100% - 16px);font-size:11px!important;letter-spacing:.08em!important;padding:5px 9px!important}}
/* M. Hero crossfade: hidden slide no longer ghosts through (theme fade is 1.8s) */
.hero-panel:not(.is-active){visibility:hidden;transition:opacity 1.8s ease,visibility 0s linear 1.8s}
.hero-panel.is-active{visibility:visible;transition:opacity 1.8s ease,visibility 0s}
/* N. Burger icon is now inline SVG */
.burger-btn .burger-svg{width:26px;height:26px;color:var(--ink-900,#2a1a33);pointer-events:none;transition:transform .3s ease}
.burger-btn.is-open .burger-svg{transform:rotate(90deg)}
@media (prefers-reduced-motion:reduce){.hero-panel,.hero-panel:not(.is-active){transition:none}}
/* END v001 */