/** * Printizen global cart drawer styles. * Extracted from the storefront stylesheet so ordinary content pages do not * need the complete WooCommerce CSS bundle. */ .printizen-cart-drawer .woocommerce-mini-cart{overflow:auto;list-style:none;margin:0;} .printizen-cart-drawer .woocommerce-mini-cart-item img{float:none;} .printizen-cart-drawer .remove{position:absolute!important;top:12px!important;right:0!important;left:auto!important;color:#8C9096!important;} .printizen-cart-drawer dl.variation dt,.printizen-cart-drawer dl.variation dd{margin:0;padding:0;} .printizen-cart-drawer .quantity{display:block;margin-top:8px;color:var(--pz-muted);font-size:12px;} .printizen-mini-qty{margin-top:8px;} .printizen-mini-qty button:hover{background:#F4F4F4;} .printizen-cart-drawer .woocommerce-mini-cart__empty-message{margin:auto;text-align:center;color:var(--pz-muted);} .printizen-cart-drawer .woocommerce-mini-cart__total{display:flex;justify-content:space-between;} .printizen-cart-drawer .woocommerce-mini-cart__buttons{display:grid;} .printizen-cart-drawer .woocommerce-mini-cart__buttons a{text-align:center;} .printizen-cart-drawer .woocommerce-mini-cart__buttons .wc-forward{background:#fff;color:var(--pz-primary);border:1px solid var(--pz-primary);} /* v0.3 classic WooCommerce storefront. */ .printizen-cart-drawer .printizen-shipping-progress{display:none;} .printizen-cart-drawer .woocommerce-mini-cart{padding-top:6px;} .printizen-cart-drawer .woocommerce-mini-cart__total{padding-top:17px;} .printizen-cart-drawer .woocommerce-mini-cart__buttons a:first-child{background:#fff;color:var(--pz-primary);} /* v0.3.3 single-product controls */ /* v0.3.4 product-summary placement and breadcrumb fixes */ /* v0.3.5 compatibility, urgency visibility and mobile single-product refinements */ /* v0.3.6 polish fixes */ /* v0.3.7 single-product sale price styling */ /* v0.3.8 product cards, badge, price and drawer polish */ /* v0.3.9 balanced width, product-card spacing and cart drawer */ /* The drawer follows the compact legacy cart proportions. */ .printizen-cart-drawer .remove{ display:none!important; } .printizen-mini-qty{ align-items:center; } .printizen-mini-qty button{ border-radius:0!important; } .printizen-mini-qty.is-fixed{ grid-template-columns:1fr; width:42px; } .printizen-cart-drawer .woocommerce-mini-cart__total{ margin-top:auto!important; } .printizen-cart-drawer .woocommerce-mini-cart__total .amount{ color:var(--pz-primary); font-weight:700; } .printizen-cart-drawer .woocommerce-mini-cart__buttons{ padding-bottom:29px; } .printizen-cart-drawer .woocommerce-mini-cart__buttons a{ border-radius:0!important; } /* Custom empty-cart drawer state. */ .printizen-mini-cart-empty{ display:flex; flex:1; flex-direction:column; align-items:center; justify-content:flex-start; padding-top:86px; text-align:center; } .printizen-mini-cart-empty-icon{ display:grid; width:80px; height:80px; place-items:center; margin-bottom:20px; border-radius:50%; background:#f8f8f8; color:#111; } .printizen-mini-cart-empty p{ margin:0 0 38px; color:#111; font-size:16px; } .printizen-mini-cart-empty .printizen-continue-shopping{ text-transform:none; } @media(max-width:480px){.printizen-cart-drawer{ width:100vw!important; padding-inline:24px!important; } .printizen-cart-drawer .woocommerce-mini-cart-item{ min-height:145px!important; padding-left:86px!important; } .printizen-cart-drawer .woocommerce-mini-cart-item img{ width:69px!important; height:78px!important; }} /* v0.3.12 final cart, card and countdown fixes */ .printizen-cart-drawer.is-updating::before{content:"";position:absolute;inset:0;z-index:50;background:rgba(255,255,255,.62);pointer-events:none;} .printizen-cart-drawer.is-updating::after{content:"";position:absolute;top:50%;left:50%;z-index:51;width:28px;height:28px;margin:-14px 0 0 -14px;border:3px solid rgba(255,118,26,.22);border-top-color:var(--pz-primary);border-radius:50%;animation:printizen-cart-spin .65s linear infinite;} @keyframes printizen-cart-spin{to{transform:rotate(360deg);}} /* Natural product-card flow: rating uses space only when it exists. */ /* Compact discount-aware countdown matching the reference layout. */ /* v0.3.13 final cart reliability, responsive drawer and natural card flow */ .printizen-cart-drawer{ position:fixed!important; top:0!important; right:0!important; bottom:0!important; left:auto!important; z-index:1000000!important; width:min(400px,100vw)!important; height:100dvh!important; max-height:none!important; padding:0 28px!important; overflow:hidden!important; background:#fff!important; transform:translate3d(102%,0,0)!important; will-change:transform; -webkit-overflow-scrolling:touch; } .printizen-cart-drawer.is-open{transform:translate3d(0,0,0)!important;} .printizen-drawer-overlay{position:fixed!important;inset:0!important;z-index:999999!important;} .printizen-cart-drawer .widget_shopping_cart_content{display:flex!important;min-height:0!important;flex:1!important;flex-direction:column!important;overflow:hidden!important;} .printizen-cart-drawer .woocommerce-mini-cart{min-height:0!important;flex:1 1 auto!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0!important;scrollbar-gutter:stable;} .printizen-cart-drawer .woocommerce-mini-cart-item{ position:relative!important; min-height:148px!important; padding:14px 22px 14px 92px!important; border-bottom:1px solid #e7e7e7!important; font-size:13px!important; } .printizen-cart-drawer .woocommerce-mini-cart-item img{position:absolute!important;top:14px!important;left:0!important;width:74px!important;height:82px!important;margin:0!important;object-fit:contain!important;border:0!important;} .printizen-cart-drawer .woocommerce-mini-cart-item>a:not(.remove){ display:-webkit-box!important; padding-right:14px!important; overflow:hidden!important; color:var(--pz-primary)!important; font-size:16px!important; font-weight:600!important; line-height:1.35!important; text-decoration:none!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; } .printizen-cart-drawer .remove, .printizen-cart-drawer a.remove_from_cart_button{ position:absolute!important; top:12px!important; right:0!important; left:auto!important; z-index:4!important; display:grid!important; width:18px!important; height:18px!important; place-items:center!important; padding:0!important; color:#df6f62!important; font-size:17px!important; font-weight:300!important; line-height:18px!important; text-align:center!important; background:transparent!important; } .printizen-mini-cart-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;margin-top:10px!important;} .printizen-mini-qty{display:inline-grid!important;grid-template-columns:24px 42px 24px!important;width:90px!important;height:25px!important;margin:0!important;border:1px solid #d5d7da!important;border-radius:999px!important;background:#fff!important;overflow:hidden!important;} .printizen-mini-qty button{display:grid!important;width:24px!important;height:23px!important;min-height:0!important;place-items:center!important;padding:0!important;border:0!important;background:#fff!important;color:#777!important;font-size:16px!important;font-weight:400!important;line-height:1!important;} .printizen-mini-qty span{display:block!important;min-width:0!important;text-align:center!important;font-size:13px!important;line-height:23px!important;} .printizen-mini-price{margin-left:auto!important;color:#111!important;font-size:16px!important;font-weight:400!important;white-space:nowrap!important;} .printizen-cart-drawer .woocommerce-mini-cart__total{flex:0 0 auto!important;margin:0!important;padding:17px 0 8px!important;border-top:1px solid #ddd!important;font-size:15px!important;text-transform:uppercase!important;} .printizen-cart-drawer .woocommerce-mini-cart__buttons{flex:0 0 auto!important;gap:8px!important;margin:0!important;padding:0 0 28px!important;} .printizen-cart-drawer .woocommerce-mini-cart__buttons a{min-height:0!important;margin:0!important;padding:7px 10px!important;border:0!important;background:#fff!important;color:var(--pz-primary)!important;font-size:12px!important;font-weight:700!important;text-transform:uppercase!important;} .printizen-cart-drawer .woocommerce-mini-cart__buttons .checkout{padding:15px 18px!important;font-size:13px!important;} /* Product cards: no empty rating row; hover action occupies the live price position. */ @media(max-width:600px){.printizen-cart-drawer{width:100vw!important;max-width:100vw!important;padding:0 20px!important;} .printizen-cart-drawer .woocommerce-mini-cart-item{min-height:138px!important;padding:13px 20px 13px 84px!important;} .printizen-cart-drawer .woocommerce-mini-cart-item img{top:13px!important;width:67px!important;height:76px!important;} .printizen-cart-drawer .woocommerce-mini-cart-item>a:not(.remove){font-size:15px!important;-webkit-line-clamp:3;} .printizen-mini-price{font-size:15px!important;} .printizen-cart-drawer .woocommerce-mini-cart__buttons{padding-bottom:max(22px,env(safe-area-inset-bottom))!important;}} /* v0.3.18 WooCommerce My Account — simple, clean and minimal */ /* v0.3.19 shop archive, sidebar and mobile filters */ /* v0.3.21 reliable mobile shop toolbar/filter on Shop, category and search pages */ /* v0.3.22 category depth, global WooCommerce buttons and empty-cart cleanup */ /* Keep icon-only controls compact instead of converting them into primary buttons. */ .woocommerce button.printizen-qty-btn, .woocommerce button.printizen-drawer-close, .woocommerce button.printizen-shop-filter-close, .woocommerce button.printizen-mini-remove, .woocommerce .quantity button, .printizen-cart-drawer button{ min-height:0; } .printizen-mini-cart-empty .printizen-continue-shopping{ background:var(--pz-primary)!important; color:#fff!important; font-size:14px!important; font-weight:700!important; } /* v0.3.24 restore product-card actions to the price slot after global button styling. */ /* v0.3.25 single-product layout, delivery, tabs and mini-cart refinements */ .printizen-mini-cart-empty .printizen-continue-shopping{min-height:46px!important;padding:0 25px!important;border-radius:999px!important;} .printizen-cart-drawer .woocommerce-mini-cart__buttons a:not(.checkout){display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:0!important;padding:8px 4px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--pz-primary)!important;font-size:13px!important;font-weight:600!important;text-decoration:underline!important;text-underline-offset:3px!important;text-transform:none!important;} .printizen-cart-drawer .woocommerce-mini-cart__buttons a:not(.checkout):hover{background:transparent!important;color:#d85d08!important;} .printizen-cart-drawer .woocommerce-mini-cart__buttons .checkout{min-height:50px!important;border-radius:999px!important;background:var(--pz-primary)!important;color:#fff!important;text-decoration:none!important;} .printizen-cart-drawer dl.variation{gap:2px 5px!important;} .printizen-cart-drawer dl.variation dd::after{display:none!important;content:none!important;} .printizen-cart-drawer .remove:hover, .printizen-cart-drawer a.remove_from_cart_button:hover, .printizen-cart-drawer .remove:focus, .printizen-cart-drawer a.remove_from_cart_button:focus{background:transparent!important;color:#df6f62!important;} /* v0.3.26 gallery consistency, simple tabs, centred countdown and cart-state fixes. */ /* Product tabs: simple text tabs with a thin active underline, no card/shadow. */ /* Empty cart page + mini-cart: icon and pill CTA. */ .printizen-empty-cart-state .printizen-continue-shopping, .woocommerce .printizen-empty-cart-state a.button.printizen-continue-shopping, .printizen-mini-cart-empty .printizen-continue-shopping, .woocommerce .printizen-mini-cart-empty a.button.printizen-continue-shopping{ display:inline-flex!important; min-height:48px!important; align-items:center!important; justify-content:center!important; padding:0 28px!important; border:0!important; border-radius:999px!important; background:var(--pz-primary)!important; color:#fff!important; box-shadow:none!important; font-size:14px!important; font-weight:700!important; line-height:1!important; text-decoration:none!important; text-transform:none!important; } .printizen-empty-cart-state .printizen-continue-shopping:hover, .printizen-mini-cart-empty .printizen-continue-shopping:hover{ filter:brightness(.94); color:#fff!important; } .printizen-mini-cart-empty{gap:0;} /* Mini-cart remove control must stay visible on hover/focus. */ .printizen-cart-drawer a.remove, .printizen-cart-drawer a.remove_from_cart_button{ background:transparent!important; color:#df6f62!important; } .printizen-cart-drawer a.remove:hover, .printizen-cart-drawer a.remove:focus, .printizen-cart-drawer a.remove_from_cart_button:hover, .printizen-cart-drawer a.remove_from_cart_button:focus{ background:transparent!important; color:#c94f43!important; } /* v0.3.27 regression fixes: stable mobile gallery, clean mini-cart, tabs and CTAs. */ /* Never let old card/tab rules add shadows back. */ /* Review submit follows the global pill button. */ /* Empty cart page and drawer use an unmistakable pill CTA. */ body.woocommerce-cart .printizen-empty-cart-state a.button.printizen-continue-shopping, body.woocommerce-cart .printizen-empty-cart-state .printizen-continue-shopping, body .printizen-cart-drawer .printizen-mini-cart-empty a.button.printizen-continue-shopping, body .printizen-cart-drawer .printizen-mini-cart-empty .printizen-continue-shopping{ display:inline-flex!important; width:auto!important; min-width:176px!important; min-height:48px!important; align-items:center!important; justify-content:center!important; padding:0 28px!important; border:0!important; border-radius:999px!important; background:var(--pz-primary)!important; color:#fff!important; box-shadow:none!important; font-size:14px!important; font-weight:700!important; line-height:1!important; text-decoration:none!important; text-transform:none!important; } body.woocommerce-cart .printizen-empty-cart-icon, body .printizen-cart-drawer .printizen-mini-cart-empty-icon{ display:grid!important; place-items:center!important; border-radius:50%!important; } /* Mini-cart product and variation details: label then value, no stray line. */ .printizen-cart-drawer .woocommerce-mini-cart-item{ overflow:visible!important; } .printizen-cart-drawer .woocommerce-mini-cart-item > a:not(.remove){ display:block!important; min-width:0!important; padding-right:22px!important; overflow-wrap:anywhere!important; } .printizen-cart-drawer dl.variation{ display:grid!important; width:100%!important; grid-template-columns:max-content minmax(0,1fr)!important; align-items:start!important; column-gap:5px!important; row-gap:3px!important; margin:7px 0 0!important; padding:0!important; border:0!important; border-left:0!important; background:transparent!important; box-shadow:none!important; color:#333!important; font-size:12.5px!important; line-height:1.35!important; } .printizen-cart-drawer dl.variation dt, .printizen-cart-drawer dl.variation dd{ display:block!important; width:auto!important; min-width:0!important; max-width:none!important; margin:0!important; padding:0!important; border:0!important; float:none!important; clear:none!important; text-align:left!important; line-height:1.35!important; } .printizen-cart-drawer dl.variation dt{ grid-column:1!important; font-weight:600!important; white-space:nowrap!important; } .printizen-cart-drawer dl.variation dd{ grid-column:2!important; overflow-wrap:anywhere!important; word-break:normal!important; } .printizen-cart-drawer dl.variation dd p{ display:inline!important; margin:0!important; padding:0!important; } .printizen-cart-drawer dl.variation dt::before, .printizen-cart-drawer dl.variation dt::after, .printizen-cart-drawer dl.variation dd::before, .printizen-cart-drawer dl.variation dd::after{ display:none!important; content:none!important; } .printizen-cart-drawer .printizen-mini-cart-row{ width:100%!important; margin-top:9px!important; } .printizen-cart-drawer a.remove, .printizen-cart-drawer a.remove_from_cart_button, .printizen-cart-drawer a.remove:hover, .printizen-cart-drawer a.remove:focus, .printizen-cart-drawer a.remove_from_cart_button:hover, .printizen-cart-drawer a.remove_from_cart_button:focus{ background:transparent!important; color:#df6f62!important; opacity:1!important; box-shadow:none!important; } @media(max-width:600px){.printizen-cart-drawer dl.variation{ font-size:12px!important; }} /* v0.3.28: WooCommerce owns the single-product gallery markup, sizing, slider, zoom and lightbox. */ /* v0.3.30: consistent WooCommerce gallery thumbnails without altering the main preview. */ /* v0.3.31: variation alignment, larger responsive thumbnails and single-product sale badge polish. */ /* v0.3.32: desktop variation alignment, hidden-scroll thumbnail rail, account and sidebar refinements. */ /* v0.3.33 — consistent variation label/value typography. */ /* v0.3.34: mobile product overflow and cleaner single product spacing. */ /* v0.3.35: variation spacing reset and mobile overflow cleanup. */ /* v0.3.36: one stable purchase row for simple and variable products. */ /* v0.3.37: isolate the purchase controls from variation-swatch plugin styling. */ /* Variation Swatches may control option availability, but never purchase-row geometry. */ /* v0.3.39: preserve Variation Swatches plugin sizing; only prevent clipping. */ /* Keep WooCommerce's native gallery visible without changing slide width or position. */ /* v0.3.42 — native WooCommerce gallery with edge-click thumbnail advancement. */ /* Never clip swatches or the native gallery inside the two-column product grid. */ /* WooCommerce owns the gallery markup, viewport, slide state, zoom and thumbnail clicks. */ /* WooCommerce owns the first-paint state and FlexSlider initialization. * Do not hide slides or thumbnails before its native controller is ready. */ /* Horizontal native thumbnail rail: all items stay available by finger/trackpad scroll. */ /* Variation Swatches for WooCommerce owns each swatch's dimensions and appearance. */ /* Theme-owned variable price. WooCommerce supplies the price HTML/data. */ /* Theme-owned quantity and Add to Cart row; swatch CSS cannot resize or reposition it. */ body.single-product .printizen-qty-btn{ position:static!important; display:grid!important; place-items:center!important; flex:1 1 0!important; width:auto!important; min-width:0!important; height:48px!important; margin:0!important; padding:0!important; border:0!important; background:#fff!important; color:#111!important; font-size:22px!important; font-weight:300!important; cursor:pointer; } body.single-product .printizen-qty-btn:hover{ color:var(--pz-primary)!important; } /* 1.0.00 — show the optional drawer progress component when PHP renders it. */ .printizen-cart-drawer .printizen-shipping-progress{display:block!important;} .printizen-cart-drawer .printizen-drawer-progress:empty{display:none!important;}