/* Homepage spacing, header/search and native Mini-Cart presentation. */ /* =============================================================== HELOVA CORE STORE 4.3.8 — Home rhythm and balanced navigation =============================================================== */ /* Home spacing */ body.home .helova-home-layout-v438 { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } body.home .helova-home-layout-v438 > * { margin-block-start: 0 !important; margin-block-end: 0 !important; } body.home .helova-home-gap-v438 { display: none !important; width: 0 !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; } body.home :where( .helova-home-section-v438, .helova-home-reset-v438 ) { box-sizing: border-box !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin-block: 0 !important; align-content: start !important; justify-content: flex-start !important; } body.home .helova-home-reset-v438 { padding-block: 0 !important; } body.home .helova-home-trust-v438 { padding-top: 0 !important; padding-bottom: 14px !important; } body.home :where( .helova-home-edit-v438, .helova-home-newin-v438 ).helova-home-heading-part-v438 { padding-top: clamp(30px, 3.5vw, 48px) !important; padding-bottom: 8px !important; } body.home :where( .helova-home-edit-v438, .helova-home-newin-v438 ).helova-home-product-part-v438 { padding-top: 0 !important; padding-bottom: clamp(26px, 3vw, 42px) !important; } body.home :where( .helova-home-edit-v438, .helova-home-newin-v438 ).helova-home-heading-part-v438.helova-home-product-part-v438 { padding-top: clamp(30px, 3.5vw, 48px) !important; padding-bottom: clamp(26px, 3vw, 42px) !important; } body.home :where( .helova-home-edit-v438, .helova-home-newin-v438 ) :where( .wc-block-product-template, .products-block-post-template, .wp-block-woocommerce-product-template, ul.products, .helova-universal-product-rail ) { margin-top: 18px !important; margin-bottom: 0 !important; padding-top: 4px !important; padding-bottom: 12px !important; } body.home .helova-home-ritual-v438 { padding-top: clamp(28px, 3.5vw, 48px) !important; padding-bottom: clamp(28px, 3.5vw, 48px) !important; } body.home .helova-home-category-v438, body.home .helova-core-category-section { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: clamp(28px, 3.5vw, 48px) !important; padding-bottom: clamp(38px, 5vw, 68px) !important; } body.home .helova-home-section-v438 :where( .wp-block-group, .wp-block-columns, .wp-block-cover, .wp-block-column ) { min-height: 0 !important; margin-block: 0 !important; } body.home .helova-home-section-v438 > :first-child { margin-top: 0 !important; } body.home .helova-home-section-v438 > :last-child { margin-bottom: 0 !important; } /* Edge-to-edge header */ @media (max-width: 899px) { body.home :where( .helova-home-edit-v438, .helova-home-newin-v438 ).helova-home-heading-part-v438 { padding-top: 26px !important; padding-bottom: 6px !important; } body.home :where( .helova-home-edit-v438, .helova-home-newin-v438 ).helova-home-product-part-v438 { padding-bottom: 28px !important; } body.home :where( .helova-home-ritual-v438, .helova-home-category-v438, .helova-core-category-section ) { padding-top: 28px !important; padding-bottom: 34px !important; } } /* =============================================================== HELOVA CORE STORE 4.3.9 — mobile header and search interaction =============================================================== */ /* The Mini-Cart is once again a true viewport-level floating control. */ .helova-core-mini-cart, .helova-core-mini-cart.wp-block-woocommerce-mini-cart, .helova-core-floating-cart-v439 { position: fixed !important; top: auto !important; left: auto !important; right: 20px !important; bottom: 20px !important; z-index: 10020 !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; transform: none !important; translate: none !important; } .helova-core-mini-cart .wc-block-mini-cart__button, .helova-core-floating-cart-v439 .wc-block-mini-cart__button { display: grid !important; place-items: center !important; min-width: 50px !important; width: 50px !important; min-height: 50px !important; height: 50px !important; padding: 10px !important; } /* Full-width header row with independently centred logo. */ /* Desktop remains slim and balanced. */ @media (min-width: 900px) { } @media (max-width: 899px) { /* Equal 80px zones keep the logo visually and mathematically centred. */ /* Tap the icon: the field drops below and expands smoothly toward the left. */ /* Return the floating cart to its pre-header-rebuild mobile position. */ .helova-core-mini-cart, .helova-core-mini-cart.wp-block-woocommerce-mini-cart, .helova-core-floating-cart-v439 { top: auto !important; left: auto !important; right: 13px !important; bottom: calc(13px + env(safe-area-inset-bottom, 0px)) !important; transform: none !important; } .helova-core-mini-cart .wc-block-mini-cart__button, .helova-core-floating-cart-v439 .wc-block-mini-cart__button { min-width: 47px !important; width: 47px !important; min-height: 47px !important; height: 47px !important; padding: 9px !important; } } @media (max-width: 380px) { } /* =============================================================== HELOVA CORE STORE 4.4.0 — Account tab, search and Helova bag =============================================================== */ /* Remove any account-icon remnants from older cached Header templates. */ /* Account is now a normal navigation tab. */ /* Right controls contain only the search icon, preserving balance. */ /* Desktop click-to-open search expands left without shifting the logo. */ @media (min-width: 900px) { } /* Mobile: equal menu/search zones and drop-down animated field. */ @media (max-width: 899px) { } /* --------------------------------------------------------------- Branded WooCommerce Mini-Cart drawer --------------------------------------------------------------- */ .helova-core-cart-drawer-v440, .wc-block-mini-cart__drawer.helova-core-cart-drawer-v440 { width: min(470px, 100vw) !important; max-width: min(470px, 100vw) !important; background: var(--helova-white) !important; border-left: 1px solid rgba(107, 30, 53, .12) !important; box-shadow: -22px 0 60px rgba(63, 37, 40, .18) !important; } .helova-core-cart-drawer-v440 .wc-block-components-drawer__content { display: flex !important; flex-direction: column !important; min-height: 100% !important; padding: 0 !important; background: linear-gradient( 180deg, var(--helova-white) 0, #FCF8F1 100% ) !important; } /* Burgundy editorial header. */ .helova-core-cart-drawer-v440 .wc-block-mini-cart__title { position: relative !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; gap: 5px !important; min-height: 118px !important; margin: 0 !important; padding: 27px 72px 24px 25px !important; border-bottom: 1px solid rgba(200, 164, 93, .40) !important; background: linear-gradient( 135deg, #6B1E35 0%, #551528 100% ) !important; color: var(--helova-ivory) !important; } .helova-core-cart-drawer-v440 .wc-block-mini-cart__title::before { content: "HELOVA" !important; color: var(--helova-gold) !important; font-family: var(--helova-sans) !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: .24em !important; line-height: 1 !important; text-transform: uppercase !important; } .helova-core-cart-drawer-v440 .wc-block-mini-cart__title-label { color: var(--helova-ivory) !important; font-family: var(--helova-serif) !important; font-size: clamp(27px, 3vw, 36px) !important; font-weight: 500 !important; letter-spacing: -.02em !important; line-height: 1.04 !important; text-transform: none !important; } .helova-core-cart-drawer-v440 .wc-block-mini-cart__title-items { color: rgba(248, 241, 231, .76) !important; font-family: var(--helova-sans) !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: .10em !important; line-height: 1.2 !important; text-transform: uppercase !important; } /* Close button. */ .helova-core-cart-drawer-v440 :where( .wc-block-components-drawer__close, .wc-block-mini-cart__close-button ) { position: absolute !important; z-index: 4 !important; top: 24px !important; right: 22px !important; display: grid !important; place-items: center !important; width: 40px !important; height: 40px !important; margin: 0 !important; padding: 9px !important; border: 1px solid rgba(248, 241, 231, .34) !important; border-radius: 50% !important; background: rgba(248, 241, 231, .07) !important; color: var(--helova-ivory) !important; transition: background-color .18s ease, transform .18s ease !important; } .helova-core-cart-drawer-v440 :where( .wc-block-components-drawer__close, .wc-block-mini-cart__close-button ):hover { background: rgba(248, 241, 231, .15) !important; transform: rotate(4deg) !important; } /* Product list. */ .helova-core-cart-drawer-v440 :where( .wc-block-mini-cart__items, .wc-block-mini-cart__products-table ) { flex: 1 1 auto !important; margin: 0 !important; padding: 8px 22px 170px !important; overflow-y: auto !important; background: transparent !important; } .helova-core-cart-drawer-v440 .wc-block-cart-items { width: 100% !important; margin: 0 !important; border-collapse: separate !important; border-spacing: 0 12px !important; } .helova-core-cart-drawer-v440 .wc-block-cart-items__row { background: var(--helova-white) !important; box-shadow: 0 9px 24px rgba(63, 37, 40, .055) !important; } .helova-core-cart-drawer-v440 .wc-block-cart-items__row > td { padding-top: 14px !important; padding-bottom: 14px !important; border-top: 1px solid rgba(107, 30, 53, .10) !important; border-bottom: 1px solid rgba(107, 30, 53, .10) !important; background: var(--helova-white) !important; vertical-align: top !important; } .helova-core-cart-drawer-v440 .wc-block-cart-items__row > td:first-child { padding-left: 14px !important; border-left: 1px solid rgba(107, 30, 53, .10) !important; border-radius: 7px 0 0 7px !important; } .helova-core-cart-drawer-v440 .wc-block-cart-items__row > td:last-child { padding-right: 14px !important; border-right: 1px solid rgba(107, 30, 53, .10) !important; border-radius: 0 7px 7px 0 !important; } .helova-core-cart-drawer-v440 .wc-block-cart-item__image { width: 82px !important; padding-right: 13px !important; } .helova-core-cart-drawer-v440 .wc-block-cart-item__image img { display: block !important; width: 76px !important; height: 88px !important; border-radius: 5px !important; background: #FCF8F1 !important; object-fit: cover !important; object-position: center !important; } .helova-core-cart-drawer-v440 :where( .wc-block-components-product-name, .wc-block-cart-item__product .wc-block-components-product-name ) { margin: 0 0 6px !important; color: var(--helova-burgundy) !important; font-family: var(--helova-serif) !important; font-size: 17px !important; font-weight: 600 !important; line-height: 1.22 !important; text-decoration: none !important; text-transform: none !important; } .helova-core-cart-drawer-v440 :where( .wc-block-components-product-price, .wc-block-components-product-price__value, .wc-block-cart-item__total-price-and-sale-badge-wrapper ) { color: var(--helova-mauve) !important; font-family: var(--helova-sans) !important; font-size: 12px !important; font-weight: 800 !important; } .helova-core-cart-drawer-v440 .wc-block-components-product-metadata { margin: 5px 0 8px !important; color: var(--helova-deep) !important; font-family: var(--helova-sans) !important; font-size: 10px !important; } .helova-core-cart-drawer-v440 .wc-block-components-product-metadata__description { display: none !important; } .helova-core-cart-drawer-v440 .wc-block-components-quantity-selector { display: inline-grid !important; grid-template-columns: 34px 38px 34px !important; min-height: 36px !important; margin-top: 8px !important; overflow: hidden !important; border: 1px solid rgba(107, 30, 53, .18) !important; border-radius: 999px !important; background: #FCF8F1 !important; } .helova-core-cart-drawer-v440 .wc-block-components-quantity-selector__button, .helova-core-cart-drawer-v440 .wc-block-components-quantity-selector__input { width: 100% !important; height: 34px !important; min-height: 34px !important; border: 0 !important; background: transparent !important; color: var(--helova-deep) !important; font-family: var(--helova-sans) !important; font-size: 13px !important; } .helova-core-cart-drawer-v440 :where( .wc-block-cart-item__remove-link, .wc-block-components-product-details__remove ) { color: var(--helova-mauve) !important; font-family: var(--helova-sans) !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: .08em !important; text-decoration: underline !important; text-underline-offset: 3px !important; text-transform: uppercase !important; } /* Sticky subtotal and buttons. */ .helova-core-cart-drawer-v440 .wc-block-mini-cart__footer { position: sticky !important; z-index: 5 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; margin-top: auto !important; padding: 18px 22px 22px !important; border-top: 1px solid rgba(107, 30, 53, .12) !important; background: rgba(255, 255, 255, .97) !important; box-shadow: 0 -16px 34px rgba(63, 37, 40, .08) !important; backdrop-filter: blur(12px) !important; } .helova-core-cart-drawer-v440 :where( .wc-block-mini-cart__footer-subtotal, .wc-block-mini-cart__footer .wc-block-components-totals-item ) { display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 18px !important; margin: 0 0 14px !important; padding: 0 !important; color: var(--helova-deep) !important; } .helova-core-cart-drawer-v440 .wc-block-components-totals-item__label { color: var(--helova-deep) !important; font-family: var(--helova-serif) !important; font-size: 19px !important; font-weight: 600 !important; } .helova-core-cart-drawer-v440 .wc-block-components-totals-item__value { color: var(--helova-burgundy) !important; font-family: var(--helova-sans) !important; font-size: 16px !important; font-weight: 800 !important; } .helova-core-cart-drawer-v440 .wc-block-mini-cart__footer-actions { display: grid !important; grid-template-columns: 1fr 1.15fr !important; gap: 9px !important; margin: 0 !important; } .helova-core-cart-drawer-v440 .wc-block-mini-cart__footer-actions a { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; margin: 0 !important; padding: 11px 12px !important; border: 1px solid var(--helova-burgundy) !important; border-radius: 4px !important; font-family: var(--helova-sans) !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: .10em !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; text-transform: uppercase !important; } .helova-core-cart-drawer-v440 .wc-block-mini-cart__footer-actions a:first-child { background: var(--helova-white) !important; color: var(--helova-burgundy) !important; } .helova-core-cart-drawer-v440 .wc-block-mini-cart__footer-actions a:last-child { background: var(--helova-burgundy) !important; color: var(--helova-ivory) !important; } /* Empty bag state. */ .helova-core-cart-drawer-v440 .helova-core-empty-cart-v440 { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; min-height: calc(100dvh - 118px) !important; padding: 44px 28px !important; text-align: center !important; } .helova-core-cart-drawer-v440 .helova-core-empty-cart-v440::before { content: "H" !important; display: grid !important; place-items: center !important; width: 78px !important; height: 78px !important; margin-bottom: 24px !important; border: 1px solid rgba(200, 164, 93, .72) !important; border-radius: 50% !important; background: var(--helova-white) !important; color: var(--helova-burgundy) !important; box-shadow: 0 12px 30px rgba(63, 37, 40, .08) !important; font-family: var(--helova-serif) !important; font-size: 43px !important; font-weight: 500 !important; line-height: 1 !important; } .helova-core-cart-drawer-v440 .helova-core-empty-cart-v440 :where(p,h2,h3) { max-width: 300px !important; margin: 0 0 18px !important; color: var(--helova-burgundy) !important; font-family: var(--helova-serif) !important; font-size: 24px !important; font-weight: 500 !important; line-height: 1.18 !important; } .helova-core-cart-drawer-v440 .helova-core-empty-cart-v440 :where( a, .wc-block-mini-cart__shopping-button ) { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 190px !important; min-height: 46px !important; padding: 11px 18px !important; border: 1px solid var(--helova-burgundy) !important; border-radius: 4px !important; background: var(--helova-burgundy) !important; color: var(--helova-ivory) !important; font-family: var(--helova-sans) !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: .10em !important; text-decoration: none !important; text-transform: uppercase !important; } @media (max-width: 767px) { .helova-core-cart-drawer-v440, .wc-block-mini-cart__drawer.helova-core-cart-drawer-v440 { width: 100vw !important; max-width: 100vw !important; border-left: 0 !important; } .helova-core-cart-drawer-v440 .wc-block-mini-cart__title { min-height: 108px !important; padding: 25px 64px 21px 18px !important; } .helova-core-cart-drawer-v440 :where( .wc-block-mini-cart__items, .wc-block-mini-cart__products-table ) { padding: 6px 13px 166px !important; } .helova-core-cart-drawer-v440 .wc-block-mini-cart__footer { padding: 15px 13px calc(15px + env(safe-area-inset-bottom, 0px)) !important; } .helova-core-cart-drawer-v440 .wc-block-cart-item__image { width: 72px !important; padding-right: 10px !important; } .helova-core-cart-drawer-v440 .wc-block-cart-item__image img { width: 66px !important; height: 78px !important; } .helova-core-cart-drawer-v440 .wc-block-mini-cart__footer-actions { grid-template-columns: 1fr 1.12fr !important; gap: 7px !important; } } /* =============================================================== HELOVA CORE STORE 4.4.1 — compact, readable Helova cart drawer =============================================================== */ /* A three-part drawer: compact header, scrollable products, compact footer. */ .helova-core-cart-drawer-v441 .wc-block-components-drawer__content { display: grid !important; grid-template-rows: auto minmax(0, 1fr) auto !important; height: 100dvh !important; min-height: 100dvh !important; max-height: 100dvh !important; overflow: hidden !important; } /* Header reduced to less than half the previous visual height. */ .helova-core-cart-drawer-v441 .wc-block-mini-cart__title { min-height: 74px !important; max-height: 92px !important; padding: 15px 58px 14px 20px !important; gap: 3px !important; box-shadow: 0 8px 22px rgba(85, 21, 40, .16) !important; } .helova-core-cart-drawer-v441 .wc-block-mini-cart__title::before { font-size: 8px !important; letter-spacing: .20em !important; } .helova-core-cart-drawer-v441 .wc-block-mini-cart__title-label { font-size: clamp(25px, 3vw, 31px) !important; line-height: 1 !important; white-space: nowrap !important; } .helova-core-cart-drawer-v441 .wc-block-mini-cart__title-items { font-size: 8px !important; letter-spacing: .08em !important; } /* Smaller close control to match the shorter header. */ .helova-core-cart-drawer-v441 :where( .wc-block-components-drawer__close, .wc-block-mini-cart__close-button ) { top: 15px !important; right: 16px !important; width: 34px !important; height: 34px !important; padding: 8px !important; } /* Product region becomes the only scrolling area. */ .helova-core-cart-drawer-v441 :where( .wc-block-mini-cart__items, .wc-block-mini-cart__products-table ) { box-sizing: border-box !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 12px 15px 14px !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain !important; scrollbar-width: thin !important; } /* Remove large card/tunnel-vision spacing around each item. */ .helova-core-cart-drawer-v441 .wc-block-cart-items { border-spacing: 0 8px !important; } .helova-core-cart-drawer-v441 .wc-block-cart-items__row { box-shadow: 0 5px 16px rgba(63, 37, 40, .045) !important; } .helova-core-cart-drawer-v441 .wc-block-cart-items__row > td { padding-top: 10px !important; padding-bottom: 10px !important; } .helova-core-cart-drawer-v441 .wc-block-cart-items__row > td:first-child { padding-left: 10px !important; } .helova-core-cart-drawer-v441 .wc-block-cart-items__row > td:last-child { padding-right: 10px !important; } /* Product image now remains visible instead of looking clipped to a narrow strip. */ .helova-core-cart-drawer-v441 .wc-block-cart-item__image { width: 84px !important; min-width: 84px !important; padding-right: 11px !important; } .helova-core-cart-drawer-v441 .wc-block-cart-item__image img { display: block !important; width: 76px !important; min-width: 76px !important; height: 90px !important; max-height: 90px !important; margin: 0 !important; object-fit: contain !important; object-position: center !important; } /* Give text the remaining width and allow wrapping naturally. */ .helova-core-cart-drawer-v441 .wc-block-cart-item__product { min-width: 0 !important; padding-right: 4px !important; } .helova-core-cart-drawer-v441 :where( .wc-block-components-product-name, .wc-block-cart-item__product .wc-block-components-product-name ) { display: block !important; max-width: 100% !important; margin-bottom: 5px !important; font-size: 15px !important; line-height: 1.18 !important; white-space: normal !important; overflow-wrap: anywhere !important; } .helova-core-cart-drawer-v441 .wc-block-components-product-metadata { margin: 3px 0 6px !important; font-size: 10px !important; line-height: 1.3 !important; } .helova-core-cart-drawer-v441 .wc-block-components-quantity-selector { grid-template-columns: 29px 34px 29px !important; min-height: 32px !important; margin-top: 6px !important; } .helova-core-cart-drawer-v441 .wc-block-components-quantity-selector__button, .helova-core-cart-drawer-v441 .wc-block-components-quantity-selector__input { height: 30px !important; min-height: 30px !important; } /* Footer stays in normal grid flow instead of covering products. */ .helova-core-cart-drawer-v441 .wc-block-mini-cart__footer { position: relative !important; inset: auto !important; margin: 0 !important; padding: 13px 16px 16px !important; box-shadow: 0 -7px 20px rgba(63, 37, 40, .06) !important; } .helova-core-cart-drawer-v441 :where( .wc-block-mini-cart__footer-subtotal, .wc-block-mini-cart__footer .wc-block-components-totals-item ) { margin-bottom: 8px !important; } .helova-core-cart-drawer-v441 .wc-block-components-totals-item__label { font-size: 17px !important; } .helova-core-cart-drawer-v441 .wc-block-components-totals-item__value { font-size: 15px !important; } .helova-core-cart-drawer-v441 .wc-block-mini-cart__footer p { margin: 0 0 10px !important; font-size: 11px !important; line-height: 1.3 !important; } /* Leave one smaller Checkout action only. */ .helova-core-hidden-cart-action-v441 { display: none !important; } .helova-core-cart-drawer-v441 .helova-core-single-cart-action-v441, .helova-core-cart-drawer-v441 .wc-block-mini-cart__footer-actions { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 0 !important; margin: 0 !important; } .helova-core-cart-drawer-v441 .helova-core-checkout-action-v441, .helova-core-cart-drawer-v441 .wc-block-mini-cart__footer-actions a:last-child { flex: 0 0 auto !important; width: auto !important; min-width: 168px !important; max-width: 210px !important; min-height: 40px !important; height: 40px !important; padding: 8px 18px !important; border-radius: 4px !important; font-size: 9px !important; letter-spacing: .09em !important; } /* Prevent the floating launcher from covering the checkout button while open. */ body:has(.helova-core-cart-drawer-v441) .helova-core-floating-cart-v439, body:has(.helova-core-cart-drawer-v441) .helova-core-mini-cart { transition: opacity .18s ease, visibility .18s ease !important; } body:has(.helova-core-cart-drawer-v441) :has(.wc-block-components-drawer__screen-overlay--is-hidden[aria-hidden="false"]) .helova-core-floating-cart-v439 { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } @media (max-width: 767px) { .helova-core-cart-drawer-v441 .wc-block-mini-cart__title { min-height: 68px !important; max-height: 78px !important; padding: 12px 52px 12px 15px !important; } .helova-core-cart-drawer-v441 .wc-block-mini-cart__title-label { font-size: 25px !important; } .helova-core-cart-drawer-v441 :where( .wc-block-components-drawer__close, .wc-block-mini-cart__close-button ) { top: 12px !important; right: 12px !important; width: 32px !important; height: 32px !important; } .helova-core-cart-drawer-v441 :where( .wc-block-mini-cart__items, .wc-block-mini-cart__products-table ) { padding: 9px 10px 10px !important; } .helova-core-cart-drawer-v441 .wc-block-cart-item__image { width: 72px !important; min-width: 72px !important; padding-right: 8px !important; } .helova-core-cart-drawer-v441 .wc-block-cart-item__image img { width: 64px !important; min-width: 64px !important; height: 76px !important; max-height: 76px !important; } .helova-core-cart-drawer-v441 .wc-block-mini-cart__footer { padding: 11px 12px calc(12px + env(safe-area-inset-bottom, 0px)) !important; } .helova-core-cart-drawer-v441 .helova-core-single-cart-action-v441, .helova-core-cart-drawer-v441 .wc-block-mini-cart__footer-actions { justify-content: stretch !important; } .helova-core-cart-drawer-v441 .helova-core-checkout-action-v441, .helova-core-cart-drawer-v441 .wc-block-mini-cart__footer-actions a:last-child { width: 100% !important; max-width: none !important; min-height: 42px !important; height: 42px !important; } } /* =============================================================== HELOVA CORE STORE 4.4.2 — polished white Helova cart drawer =============================================================== */ /* Use the drawer's real available height, including when the WP admin bar exists. */ .helova-core-cart-drawer-v442 .wc-block-components-drawer__content { display: grid !important; grid-template-rows: auto minmax(0, 1fr) auto !important; box-sizing: border-box !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: 100% !important; overflow: hidden !important; background: var(--helova-white) !important; } /* White/ivory header with Helova burgundy typography. */ .helova-core-cart-drawer-v442 .wc-block-mini-cart__title { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-rows: auto auto !important; align-items: center !important; column-gap: 10px !important; row-gap: 2px !important; min-height: 70px !important; max-height: 82px !important; margin: 0 !important; padding: 12px 56px 11px 18px !important; border-bottom: 1px solid rgba(107, 30, 53, .12) !important; background: var(--helova-white) !important; box-shadow: 0 7px 22px rgba(63, 37, 40, .055) !important; color: var(--helova-burgundy) !important; } .helova-core-cart-drawer-v442 .wc-block-mini-cart__title::before { grid-column: 1 / -1 !important; grid-row: 1 !important; content: "HELOVA" !important; margin: 0 !important; color: var(--helova-gold) !important; font-family: var(--helova-sans) !important; font-size: 7px !important; font-weight: 800 !important; letter-spacing: .22em !important; line-height: 1 !important; text-transform: uppercase !important; } .helova-core-cart-drawer-v442 .wc-block-mini-cart__title-label { grid-column: 1 !important; grid-row: 2 !important; margin: 0 !important; color: var(--helova-burgundy) !important; font-family: var(--helova-serif) !important; font-size: clamp(23px, 2.3vw, 29px) !important; font-weight: 550 !important; letter-spacing: -.025em !important; line-height: 1 !important; white-space: nowrap !important; } .helova-core-cart-drawer-v442 .wc-block-mini-cart__title-items { grid-column: 2 !important; grid-row: 2 !important; align-self: end !important; margin: 0 0 2px !important; color: var(--helova-mauve) !important; font-family: var(--helova-sans) !important; font-size: 8px !important; font-weight: 800 !important; letter-spacing: .08em !important; line-height: 1 !important; white-space: nowrap !important; text-transform: uppercase !important; } .helova-core-cart-drawer-v442 :where( .wc-block-components-drawer__close, .wc-block-mini-cart__close-button ) { top: 17px !important; right: 15px !important; width: 34px !important; height: 34px !important; padding: 8px !important; border: 1px solid rgba(107, 30, 53, .20) !important; border-radius: 50% !important; background: var(--helova-white) !important; color: var(--helova-burgundy) !important; box-shadow: none !important; } /* Scroll only the products; never let the footer cover them. */ .helova-core-cart-drawer-v442 :where( .wc-block-mini-cart__items, .wc-block-mini-cart__products-table ) { box-sizing: border-box !important; min-width: 0 !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 11px 13px 12px !important; overflow-x: hidden !important; overflow-y: auto !important; background: #FCFAF7 !important; scrollbar-width: thin !important; } /* Reliable row geometry independent of WooCommerce table defaults. */ .helova-core-cart-drawer-v442 .wc-block-cart-items { display: block !important; width: 100% !important; margin: 0 !important; border: 0 !important; border-spacing: 0 !important; } .helova-core-cart-drawer-v442 .wc-block-cart-items tbody { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 9px !important; width: 100% !important; } .helova-core-cart-drawer-v442 .helova-core-cart-row-v442 { display: grid !important; grid-template-columns: 78px minmax(0, 1fr) auto !important; grid-template-rows: auto 1fr !important; column-gap: 11px !important; row-gap: 4px !important; align-items: start !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 11px !important; border: 1px solid rgba(107, 30, 53, .11) !important; border-radius: 7px !important; background: var(--helova-white) !important; box-shadow: 0 5px 16px rgba(63, 37, 40, .04) !important; } .helova-core-cart-drawer-v442 .helova-core-cart-row-v442 > td { display: block !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; } /* One product image only. */ .helova-core-cart-duplicate-v442, .helova-core-cart-drawer-v442 .helova-core-cart-duplicate-v442 { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .helova-core-cart-drawer-v442 .wc-block-cart-item__image { grid-column: 1 !important; grid-row: 1 / span 2 !important; display: block !important; width: 78px !important; min-width: 78px !important; height: 92px !important; min-height: 92px !important; overflow: hidden !important; border-radius: 5px !important; background: #F9F4EC !important; } .helova-core-cart-drawer-v442 .wc-block-cart-item__image .helova-core-cart-image-v442 { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 5px !important; background: transparent !important; object-fit: contain !important; object-position: center !important; } /* Product information appears once in the centre. */ .helova-core-cart-drawer-v442 .helova-core-cart-product-v442 { grid-column: 2 !important; grid-row: 1 / span 2 !important; align-self: stretch !important; display: flex !important; flex-direction: column !important; min-width: 0 !important; } .helova-core-cart-drawer-v442 .helova-core-cart-primary-name-v442, .helova-core-cart-drawer-v442 .wc-block-cart-item__product .wc-block-components-product-name { display: block !important; max-width: 100% !important; margin: 0 0 5px !important; color: var(--helova-burgundy) !important; font-family: var(--helova-serif) !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.18 !important; white-space: normal !important; overflow-wrap: anywhere !important; text-decoration: none !important; } /* Keep only the clean right-aligned line total. */ .helova-core-cart-drawer-v442 .helova-core-cart-product-price-v442 { display: none !important; } .helova-core-cart-drawer-v442 .helova-core-cart-total-v442 { grid-column: 3 !important; grid-row: 1 !important; align-self: start !important; justify-self: end !important; min-width: max-content !important; color: var(--helova-mauve) !important; font-family: var(--helova-sans) !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1.2 !important; white-space: nowrap !important; } .helova-core-cart-drawer-v442 .helova-core-cart-total-v442 :where( .wc-block-components-product-price, .wc-block-components-product-price__value, .wc-block-cart-item__total-price-and-sale-badge-wrapper ) { margin: 0 !important; color: inherit !important; font-size: inherit !important; font-weight: inherit !important; white-space: nowrap !important; } .helova-core-cart-drawer-v442 .wc-block-components-product-metadata { margin: 2px 0 6px !important; color: var(--helova-deep) !important; font-family: var(--helova-sans) !important; font-size: 10px !important; line-height: 1.28 !important; } .helova-core-cart-drawer-v442 .wc-block-components-quantity-selector { grid-template-columns: 27px 31px 27px !important; width: 85px !important; min-height: 30px !important; margin: auto 0 0 !important; } .helova-core-cart-drawer-v442 .wc-block-components-quantity-selector__button, .helova-core-cart-drawer-v442 .wc-block-components-quantity-selector__input { height: 28px !important; min-height: 28px !important; font-size: 11px !important; } .helova-core-cart-drawer-v442 :where( .wc-block-cart-item__remove-link, .wc-block-components-product-details__remove ) { margin-left: 7px !important; font-size: 8px !important; } /* Compact footer and guaranteed-visible single Checkout button. */ .helova-core-cart-drawer-v442 .wc-block-mini-cart__footer { position: relative !important; inset: auto !important; display: block !important; box-sizing: border-box !important; margin: 0 !important; padding: 11px 15px 14px !important; border-top: 1px solid rgba(107, 30, 53, .11) !important; background: var(--helova-white) !important; box-shadow: 0 -7px 20px rgba(63, 37, 40, .055) !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; } .helova-core-cart-drawer-v442 :where( .wc-block-mini-cart__footer-subtotal, .wc-block-mini-cart__footer .wc-block-components-totals-item ) { margin: 0 0 7px !important; } .helova-core-cart-drawer-v442 .wc-block-components-totals-item__label { font-size: 16px !important; } .helova-core-cart-drawer-v442 .wc-block-components-totals-item__value { font-size: 14px !important; } .helova-core-cart-drawer-v442 .wc-block-mini-cart__footer p { margin: 0 0 8px !important; font-size: 10px !important; line-height: 1.25 !important; } .helova-core-hidden-cart-action-v442 { display: none !important; } .helova-core-cart-drawer-v442 .helova-core-single-cart-action-v442, .helova-core-cart-drawer-v442 .wc-block-mini-cart__footer-actions { display: flex !important; align-items: center !important; justify-content: flex-end !important; width: 100% !important; min-height: 40px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; } .helova-core-cart-drawer-v442 .helova-core-checkout-action-v442, .helova-core-cart-drawer-v442 .wc-block-mini-cart__footer-actions a[href*="checkout"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: auto !important; min-width: 154px !important; max-width: 190px !important; min-height: 38px !important; height: 38px !important; margin: 0 !important; padding: 7px 17px !important; border: 1px solid var(--helova-burgundy) !important; border-radius: 4px !important; background: var(--helova-burgundy) !important; color: var(--helova-ivory) !important; font-family: var(--helova-sans) !important; font-size: 8px !important; font-weight: 800 !important; letter-spacing: .10em !important; line-height: 1 !important; text-decoration: none !important; text-transform: uppercase !important; visibility: visible !important; opacity: 1 !important; } /* Floating launcher should never overlap an open drawer footer. */ body:has( .wc-block-components-drawer__screen-overlay:not( .wc-block-components-drawer__screen-overlay--is-hidden ) ) .helova-core-floating-cart-v439, body:has( .wc-block-components-drawer__screen-overlay:not( .wc-block-components-drawer__screen-overlay--is-hidden ) ) .helova-core-mini-cart > .wc-block-mini-cart__button { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } @media (max-width: 767px) { .helova-core-cart-drawer-v442 .wc-block-mini-cart__title { min-height: 66px !important; max-height: 74px !important; padding: 10px 50px 10px 13px !important; } .helova-core-cart-drawer-v442 .wc-block-mini-cart__title-label { font-size: 23px !important; } .helova-core-cart-drawer-v442 .helova-core-cart-row-v442 { grid-template-columns: 66px minmax(0, 1fr) auto !important; column-gap: 8px !important; padding: 9px !important; } .helova-core-cart-drawer-v442 .wc-block-cart-item__image { width: 66px !important; min-width: 66px !important; height: 79px !important; min-height: 79px !important; } .helova-core-cart-drawer-v442 .helova-core-cart-primary-name-v442, .helova-core-cart-drawer-v442 .wc-block-cart-item__product .wc-block-components-product-name { font-size: 13px !important; } .helova-core-cart-drawer-v442 .helova-core-cart-total-v442 { font-size: 9px !important; } .helova-core-cart-drawer-v442 .wc-block-mini-cart__footer { padding: 10px 11px calc(11px + env(safe-area-inset-bottom, 0px)) !important; } .helova-core-cart-drawer-v442 .helova-core-single-cart-action-v442, .helova-core-cart-drawer-v442 .wc-block-mini-cart__footer-actions { justify-content: stretch !important; } .helova-core-cart-drawer-v442 .helova-core-checkout-action-v442, .helova-core-cart-drawer-v442 .wc-block-mini-cart__footer-actions a[href*="checkout"] { width: 100% !important; max-width: none !important; min-height: 40px !important; height: 40px !important; } } /* =============================================================== HELOVA CORE STORE 4.4.3 — final compact cart proportions =============================================================== */ .helova-core-cart-drawer-v443 .wc-block-components-drawer__content { display: grid !important; grid-template-rows: 78px minmax(0, 1fr) auto !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: 100% !important; overflow: hidden !important; background: #FFFEFC !important; } /* Compact header: title on the left, count as a small pill on the right. */ .helova-core-cart-drawer-v443 .wc-block-mini-cart__title { position: relative !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-rows: 10px 1fr !important; align-items: center !important; column-gap: 10px !important; row-gap: 4px !important; width: 100% !important; height: 78px !important; min-height: 78px !important; max-height: 78px !important; margin: 0 !important; padding: 12px 58px 11px 18px !important; border-bottom: 1px solid rgba(107, 30, 53, .11) !important; background: #FFFEFC !important; box-shadow: 0 5px 18px rgba(63, 37, 40, .045) !important; } .helova-core-cart-drawer-v443 .wc-block-mini-cart__title::before { grid-column: 1 / -1 !important; grid-row: 1 !important; content: "HELOVA" !important; margin: 0 !important; color: var(--helova-gold) !important; font-family: var(--helova-sans) !important; font-size: 7px !important; font-weight: 800 !important; letter-spacing: .22em !important; line-height: 1 !important; text-transform: uppercase !important; } .helova-core-cart-native-title-v443 { display: none !important; visibility: hidden !important; } .helova-core-cart-heading-v443 { grid-column: 1 !important; grid-row: 2 !important; display: block !important; min-width: 0 !important; margin: 0 !important; color: var(--helova-burgundy) !important; font-family: var(--helova-serif) !important; font-size: clamp(25px, 2.8vw, 32px) !important; font-weight: 550 !important; letter-spacing: -.025em !important; line-height: .98 !important; white-space: nowrap !important; } .helova-core-cart-count-v443 { grid-column: 2 !important; grid-row: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 54px !important; height: 24px !important; margin: 0 !important; padding: 0 9px !important; border: 1px solid rgba(107, 30, 53, .14) !important; border-radius: 999px !important; background: #FCF8F1 !important; color: var(--helova-mauve) !important; font-family: var(--helova-sans) !important; font-size: 8px !important; font-weight: 800 !important; letter-spacing: .06em !important; line-height: 1 !important; white-space: nowrap !important; text-transform: uppercase !important; } .helova-core-cart-drawer-v443 :where( .wc-block-components-drawer__close, .wc-block-mini-cart__close-button ) { top: 22px !important; right: 15px !important; width: 32px !important; height: 32px !important; padding: 7px !important; border: 1px solid rgba(107, 30, 53, .18) !important; background: #FFFEFC !important; color: var(--helova-burgundy) !important; } /* Product list remains the only scrolling region. */ .helova-core-cart-drawer-v443 :where( .wc-block-mini-cart__items, .wc-block-mini-cart__products-table ) { min-height: 0 !important; margin: 0 !important; padding: 10px 12px 11px !important; overflow-x: hidden !important; overflow-y: auto !important; background: #FCFAF7 !important; } /* Smaller, more balanced cart cards. */ .helova-core-cart-drawer-v443 .wc-block-cart-items tbody { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; } .helova-core-cart-drawer-v443 .helova-core-cart-row-v443 { display: grid !important; grid-template-columns: 70px minmax(0, 1fr) auto !important; grid-template-rows: auto minmax(0, 1fr) !important; column-gap: 10px !important; row-gap: 3px !important; align-items: start !important; width: 100% !important; min-width: 0 !important; min-height: 118px !important; margin: 0 !important; padding: 10px !important; border: 1px solid rgba(107, 30, 53, .10) !important; border-radius: 7px !important; background: #FFFEFC !important; box-shadow: 0 4px 14px rgba(63, 37, 40, .035) !important; } .helova-core-cart-drawer-v443 .helova-core-cart-row-v443 > td { display: block !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } /* One smaller, centred product image. */ .helova-core-cart-duplicate-v443 { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .helova-core-cart-drawer-v443 .wc-block-cart-item__image { grid-column: 1 !important; grid-row: 1 / span 2 !important; display: grid !important; place-items: center !important; width: 70px !important; min-width: 70px !important; height: 86px !important; min-height: 86px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: 5px !important; background: #F9F4EC !important; } .helova-core-cart-drawer-v443 .wc-block-cart-item__image .helova-core-cart-image-v443 { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: contain !important; object-position: center !important; } /* Product information has the majority of the card width. */ .helova-core-cart-drawer-v443 .helova-core-cart-product-v443 { grid-column: 2 !important; grid-row: 1 / span 2 !important; display: flex !important; flex-direction: column !important; min-width: 0 !important; height: 100% !important; } .helova-core-cart-drawer-v443 .helova-core-cart-primary-name-v443 { display: block !important; margin: 0 0 4px !important; color: var(--helova-burgundy) !important; font-family: var(--helova-serif) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.16 !important; white-space: normal !important; overflow-wrap: anywhere !important; text-decoration: none !important; } .helova-core-cart-drawer-v443 .helova-core-cart-product-price-v443 { display: none !important; } /* Line total stays compact at the top-right. */ .helova-core-cart-drawer-v443 .helova-core-cart-total-v443 { grid-column: 3 !important; grid-row: 1 !important; align-self: start !important; justify-self: end !important; min-width: max-content !important; margin: 0 !important; color: var(--helova-mauve) !important; font-family: var(--helova-sans) !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1.15 !important; white-space: nowrap !important; } .helova-core-cart-drawer-v443 .wc-block-components-product-metadata { margin: 2px 0 5px !important; font-size: 9px !important; line-height: 1.25 !important; } /* Compact quantity selector and remove control. */ .helova-core-cart-drawer-v443 .helova-core-cart-quantity-v443, .helova-core-cart-drawer-v443 .wc-block-components-quantity-selector { display: inline-grid !important; grid-template-columns: 24px 30px 24px !important; width: 78px !important; min-width: 78px !important; max-width: 78px !important; min-height: 28px !important; height: 28px !important; margin: auto 0 0 !important; overflow: hidden !important; border: 1px solid rgba(107, 30, 53, .16) !important; border-radius: 999px !important; background: #FCF8F1 !important; } .helova-core-cart-drawer-v443 .wc-block-components-quantity-selector__button, .helova-core-cart-drawer-v443 .wc-block-components-quantity-selector__input { width: 100% !important; min-width: 0 !important; height: 26px !important; min-height: 26px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; font-size: 10px !important; line-height: 26px !important; } .helova-core-cart-drawer-v443 :where( .wc-block-cart-item__remove-link, .wc-block-components-product-details__remove ) { margin-left: 6px !important; font-size: 8px !important; } /* Compact footer with one visible Checkout button only. */ .helova-core-cart-drawer-v443 .wc-block-mini-cart__footer { position: relative !important; inset: auto !important; display: block !important; margin: 0 !important; padding: 10px 14px 13px !important; border-top: 1px solid rgba(107, 30, 53, .10) !important; background: #FFFEFC !important; box-shadow: 0 -5px 16px rgba(63, 37, 40, .045) !important; } .helova-core-cart-drawer-v443 :where( .wc-block-mini-cart__footer-subtotal, .wc-block-mini-cart__footer .wc-block-components-totals-item ) { margin: 0 0 6px !important; } .helova-core-cart-drawer-v443 .wc-block-components-totals-item__label { font-size: 15px !important; } .helova-core-cart-drawer-v443 .wc-block-components-totals-item__value { font-size: 13px !important; } .helova-core-cart-drawer-v443 .wc-block-mini-cart__footer p { margin: 0 0 7px !important; font-size: 9px !important; line-height: 1.25 !important; } /* Pure CSS fallback: WooCommerce always renders View Cart before Checkout. */ .helova-core-cart-drawer-v443 .wc-block-mini-cart__footer-actions > :first-child:not(:last-child), .helova-core-cart-drawer-v443 .helova-core-hidden-cart-action-v443 { display: none !important; visibility: hidden !important; } .helova-core-cart-drawer-v443 .helova-core-single-cart-action-v443, .helova-core-cart-drawer-v443 .wc-block-mini-cart__footer-actions { display: flex !important; align-items: center !important; justify-content: flex-end !important; width: 100% !important; min-height: 38px !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } .helova-core-cart-drawer-v443 .helova-core-checkout-action-v443, .helova-core-cart-drawer-v443 .wc-block-mini-cart__footer-actions > :last-child { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: auto !important; min-width: 150px !important; max-width: 180px !important; min-height: 38px !important; height: 38px !important; margin: 0 !important; padding: 7px 16px !important; border: 1px solid var(--helova-burgundy) !important; border-radius: 4px !important; background: var(--helova-burgundy) !important; color: var(--helova-ivory) !important; font-family: var(--helova-sans) !important; font-size: 8px !important; font-weight: 800 !important; letter-spacing: .10em !important; line-height: 1 !important; text-decoration: none !important; text-transform: uppercase !important; visibility: visible !important; opacity: 1 !important; } @media (max-width: 767px) { .helova-core-cart-drawer-v443 .wc-block-components-drawer__content { grid-template-rows: 70px minmax(0, 1fr) auto !important; } .helova-core-cart-drawer-v443 .wc-block-mini-cart__title { height: 70px !important; min-height: 70px !important; max-height: 70px !important; padding: 10px 52px 9px 13px !important; } .helova-core-cart-heading-v443 { font-size: 24px !important; } .helova-core-cart-count-v443 { min-width: 50px !important; height: 22px !important; padding-inline: 8px !important; font-size: 7px !important; } .helova-core-cart-drawer-v443 .helova-core-cart-row-v443 { grid-template-columns: 62px minmax(0, 1fr) auto !important; column-gap: 8px !important; min-height: 106px !important; padding: 8px !important; } .helova-core-cart-drawer-v443 .wc-block-cart-item__image { width: 62px !important; min-width: 62px !important; height: 74px !important; min-height: 74px !important; } .helova-core-cart-drawer-v443 .helova-core-cart-primary-name-v443 { font-size: 12.5px !important; } .helova-core-cart-drawer-v443 .helova-core-cart-total-v443 { font-size: 8.5px !important; } .helova-core-cart-drawer-v443 .wc-block-mini-cart__footer { padding: 9px 11px calc(10px + env(safe-area-inset-bottom, 0px)) !important; } .helova-core-cart-drawer-v443 .helova-core-single-cart-action-v443, .helova-core-cart-drawer-v443 .wc-block-mini-cart__footer-actions { justify-content: stretch !important; } .helova-core-cart-drawer-v443 .helova-core-checkout-action-v443, .helova-core-cart-drawer-v443 .wc-block-mini-cart__footer-actions > :last-child { width: 100% !important; max-width: none !important; min-height: 40px !important; height: 40px !important; } } /* =============================================================== HELOVA CORE STORE 4.4.4 — clean two-column Mini-Cart =============================================================== */ /* Keep the drawer fixed to the usable viewport and the footer at the bottom. */ .helova-core-cart-drawer-v444 { height: 100dvh !important; max-height: 100dvh !important; overflow: hidden !important; } body.admin-bar .helova-core-cart-drawer-v444 { top: 32px !important; height: calc(100dvh - 32px) !important; max-height: calc(100dvh - 32px) !important; } .helova-core-cart-drawer-v444 .wc-block-components-drawer__content { display: grid !important; grid-template-rows: 68px minmax(0, 1fr) auto !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: 100% !important; overflow: hidden !important; background: #FFFEFC !important; } /* Compact title. Count is small and tucked into the far-right corner. */ .helova-core-cart-drawer-v444 .wc-block-mini-cart__title { position: relative !important; display: block !important; width: 100% !important; height: 68px !important; min-height: 68px !important; max-height: 68px !important; margin: 0 !important; padding: 13px 105px 10px 17px !important; border-bottom: 1px solid rgba(107, 30, 53, .10) !important; background: #FFFEFC !important; box-shadow: 0 4px 16px rgba(63, 37, 40, .035) !important; } .helova-core-cart-drawer-v444 .wc-block-mini-cart__title::before { content: "HELOVA" !important; display: block !important; margin: 0 0 5px !important; color: var(--helova-gold) !important; font-family: var(--helova-sans) !important; font-size: 7px !important; font-weight: 800 !important; letter-spacing: .22em !important; line-height: 1 !important; text-transform: uppercase !important; } .helova-core-cart-native-title-v444 { display: none !important; visibility: hidden !important; } .helova-core-cart-heading-v444 { display: block !important; margin: 0 !important; color: var(--helova-burgundy) !important; font-family: var(--helova-serif) !important; font-size: clamp(24px, 2.5vw, 29px) !important; font-weight: 550 !important; letter-spacing: -.025em !important; line-height: .95 !important; white-space: nowrap !important; } .helova-core-cart-count-v444 { position: absolute !important; right: 55px !important; bottom: 13px !important; display: block !important; margin: 0 !important; color: var(--helova-mauve) !important; font-family: var(--helova-sans) !important; font-size: 7px !important; font-weight: 800 !important; letter-spacing: .07em !important; line-height: 1 !important; white-space: nowrap !important; text-transform: uppercase !important; } .helova-core-cart-drawer-v444 :where( .wc-block-components-drawer__close, .wc-block-mini-cart__close-button ) { top: 17px !important; right: 13px !important; width: 32px !important; height: 32px !important; padding: 7px !important; border: 1px solid rgba(107, 30, 53, .18) !important; border-radius: 50% !important; background: #FFFEFC !important; color: var(--helova-burgundy) !important; } /* The centre is the only scrollable region. */ .helova-core-cart-drawer-v444 :where( .wc-block-mini-cart__items, .wc-block-mini-cart__products-table ) { min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 9px 11px 10px !important; overflow-x: hidden !important; overflow-y: auto !important; background: #FCFAF7 !important; overscroll-behavior: contain !important; } /* Convert WooCommerce table rows into a simple two-column product card. */ .helova-core-cart-drawer-v444 .wc-block-cart-items { display: block !important; width: 100% !important; margin: 0 !important; border: 0 !important; border-collapse: collapse !important; border-spacing: 0 !important; } .helova-core-cart-drawer-v444 .wc-block-cart-items tbody { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; width: 100% !important; } .helova-core-cart-drawer-v444 .helova-core-cart-row-v444 { position: relative !important; display: grid !important; grid-template-columns: 68px minmax(0, 1fr) !important; grid-template-rows: auto !important; column-gap: 12px !important; align-items: stretch !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; min-height: 112px !important; margin: 0 !important; padding: 10px !important; border: 1px solid rgba(107, 30, 53, .10) !important; border-radius: 7px !important; background: #FFFEFC !important; box-shadow: 0 4px 13px rgba(63, 37, 40, .03) !important; } .helova-core-cart-drawer-v444 .helova-core-cart-row-v444 > td { display: block !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; } /* One compact image with breathing room around it. */ .helova-core-cart-duplicate-v444 { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .helova-core-cart-drawer-v444 .helova-core-cart-image-cell-v444 { grid-column: 1 !important; align-self: start !important; display: grid !important; place-items: center !important; width: 68px !important; min-width: 68px !important; height: 82px !important; min-height: 82px !important; margin: 0 !important; padding: 5px !important; overflow: hidden !important; border-radius: 5px !important; background: #F9F4EC !important; } .helova-core-cart-drawer-v444 .helova-core-cart-image-cell-v444 .helova-core-cart-image-v444 { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; object-fit: contain !important; object-position: center !important; } /* All text and controls live in the right column, eliminating overlap. */ .helova-core-cart-drawer-v444 .helova-core-cart-product-v444 { grid-column: 2 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; min-width: 0 !important; min-height: 92px !important; padding-right: 2px !important; } .helova-core-cart-drawer-v444 .helova-core-cart-primary-name-v444 { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 0 4px !important; color: var(--helova-burgundy) !important; font-family: var(--helova-serif) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.16 !important; white-space: normal !important; overflow-wrap: anywhere !important; text-decoration: none !important; } .helova-core-cart-drawer-v444 .helova-core-cart-primary-price-v444 { display: block !important; margin: 0 0 3px !important; color: var(--helova-mauve) !important; font-family: var(--helova-sans) !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1.15 !important; white-space: nowrap !important; } .helova-core-cart-drawer-v444 .helova-core-cart-total-v444 { display: none !important; visibility: hidden !important; } .helova-core-cart-drawer-v444 .wc-block-components-product-metadata { margin: 1px 0 5px !important; color: var(--helova-deep) !important; font-family: var(--helova-sans) !important; font-size: 9px !important; line-height: 1.25 !important; } /* Truly symmetrical minus / number / plus controls. */ .helova-core-cart-drawer-v444 .helova-core-cart-quantity-v444, .helova-core-cart-drawer-v444 .wc-block-components-quantity-selector { display: grid !important; grid-template-columns: 26px 30px 26px !important; align-items: stretch !important; width: 82px !important; min-width: 82px !important; max-width: 82px !important; height: 30px !important; min-height: 30px !important; margin: auto 0 0 !important; padding: 0 !important; overflow: hidden !important; border: 1px solid rgba(107, 30, 53, .16) !important; border-radius: 999px !important; background: #FCF8F1 !important; } .helova-core-cart-drawer-v444 .wc-block-components-quantity-selector__button, .helova-core-cart-drawer-v444 .wc-block-components-quantity-selector__input { position: static !important; display: grid !important; place-items: center !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; height: 28px !important; min-height: 28px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--helova-deep) !important; font-family: var(--helova-sans) !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1 !important; text-align: center !important; transform: none !important; } .helova-core-cart-drawer-v444 .wc-block-components-quantity-selector__button::before, .helova-core-cart-drawer-v444 .wc-block-components-quantity-selector__button::after { position: static !important; margin: 0 !important; transform: none !important; } .helova-core-cart-drawer-v444 :where( .wc-block-cart-item__remove-link, .wc-block-components-product-details__remove ) { align-self: center !important; margin: 0 0 0 7px !important; font-size: 8px !important; line-height: 1 !important; } /* Footer is always the third grid row, stationary at the drawer bottom. */ .helova-core-cart-drawer-v444 .helova-core-cart-footer-v444, .helova-core-cart-drawer-v444 .wc-block-mini-cart__footer { grid-row: 3 !important; position: relative !important; inset: auto !important; display: block !important; box-sizing: border-box !important; width: 100% !important; margin: 0 !important; padding: 9px 12px 12px !important; border-top: 1px solid rgba(107, 30, 53, .10) !important; background: #FFFEFC !important; box-shadow: 0 -5px 15px rgba(63, 37, 40, .04) !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; } .helova-core-cart-drawer-v444 :where( .wc-block-mini-cart__footer-subtotal, .wc-block-mini-cart__footer .wc-block-components-totals-item ) { margin: 0 0 5px !important; } .helova-core-cart-drawer-v444 .wc-block-components-totals-item__label { font-size: 15px !important; } .helova-core-cart-drawer-v444 .wc-block-components-totals-item__value { font-size: 13px !important; } .helova-core-cart-drawer-v444 .wc-block-mini-cart__footer p { margin: 0 0 7px !important; font-size: 9px !important; line-height: 1.2 !important; } /* Remove View Cart under every known WooCommerce class/URL. */ .helova-core-cart-drawer-v444 .wc-block-mini-cart__footer-actions .wc-block-mini-cart__footer-cart, .helova-core-cart-drawer-v444 .wc-block-mini-cart__footer-actions a[href$="/cart"], .helova-core-cart-drawer-v444 .wc-block-mini-cart__footer-actions a[href$="/cart/"], .helova-core-cart-drawer-v444 .wc-block-mini-cart__footer-actions a[href*="/cart?"] { display: none !important; visibility: hidden !important; } .helova-core-cart-drawer-v444 .helova-core-single-cart-action-v444, .helova-core-cart-drawer-v444 .wc-block-mini-cart__footer-actions { display: flex !important; align-items: center !important; justify-content: flex-end !important; width: 100% !important; min-height: 38px !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } .helova-core-cart-drawer-v444 .helova-core-checkout-action-v444, .helova-core-cart-drawer-v444 .wc-block-mini-cart__footer-actions a[href*="checkout"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: auto !important; min-width: 148px !important; max-width: 178px !important; height: 38px !important; min-height: 38px !important; margin: 0 !important; padding: 7px 16px !important; border: 1px solid var(--helova-burgundy) !important; border-radius: 4px !important; background: var(--helova-burgundy) !important; color: var(--helova-ivory) !important; font-family: var(--helova-sans) !important; font-size: 8px !important; font-weight: 800 !important; letter-spacing: .10em !important; line-height: 1 !important; text-decoration: none !important; text-transform: uppercase !important; visibility: visible !important; opacity: 1 !important; } @media (max-width: 782px) { body.admin-bar .helova-core-cart-drawer-v444 { top: 46px !important; height: calc(100dvh - 46px) !important; max-height: calc(100dvh - 46px) !important; } } @media (max-width: 767px) { .helova-core-cart-drawer-v444 .wc-block-components-drawer__content { grid-template-rows: 64px minmax(0, 1fr) auto !important; } .helova-core-cart-drawer-v444 .wc-block-mini-cart__title { height: 64px !important; min-height: 64px !important; max-height: 64px !important; padding: 11px 98px 9px 13px !important; } .helova-core-cart-heading-v444 { font-size: 23px !important; } .helova-core-cart-count-v444 { right: 51px !important; bottom: 11px !important; font-size: 6.5px !important; } .helova-core-cart-drawer-v444 .helova-core-cart-row-v444 { grid-template-columns: 58px minmax(0, 1fr) !important; column-gap: 9px !important; min-height: 102px !important; padding: 8px !important; } .helova-core-cart-drawer-v444 .helova-core-cart-image-cell-v444 { width: 58px !important; min-width: 58px !important; height: 70px !important; min-height: 70px !important; padding: 4px !important; } .helova-core-cart-drawer-v444 .helova-core-cart-primary-name-v444 { font-size: 12.5px !important; } .helova-core-cart-drawer-v444 .helova-core-cart-footer-v444, .helova-core-cart-drawer-v444 .wc-block-mini-cart__footer { padding: 8px 10px calc(10px + env(safe-area-inset-bottom, 0px)) !important; } .helova-core-cart-drawer-v444 .helova-core-single-cart-action-v444, .helova-core-cart-drawer-v444 .wc-block-mini-cart__footer-actions { justify-content: stretch !important; } .helova-core-cart-drawer-v444 .helova-core-checkout-action-v444, .helova-core-cart-drawer-v444 .wc-block-mini-cart__footer-actions a[href*="checkout"] { width: 100% !important; max-width: none !important; height: 40px !important; min-height: 40px !important; } } /* =============================================================== HELOVA CORE STORE 4.4.5 — stable Mini-Cart repair =============================================================== */ .helova-core-cart-drawer-v445 { height: 100dvh !important; max-height: 100dvh !important; overflow: hidden !important; background: #FFFEFC !important; } body.admin-bar .helova-core-cart-drawer-v445 { top: 32px !important; height: calc(100dvh - 32px) !important; max-height: calc(100dvh - 32px) !important; } .helova-core-cart-drawer-v445 .wc-block-components-drawer__content { display: flex !important; flex-direction: column !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: 100% !important; overflow: hidden !important; background: #FFFEFC !important; } /* Remove the native “Your cart (items: …)” line completely. */ .helova-core-cart-drawer-v445 .wc-block-mini-cart__title { position: relative !important; display: block !important; flex: 0 0 66px !important; box-sizing: border-box !important; width: 100% !important; height: 66px !important; min-height: 66px !important; max-height: 66px !important; margin: 0 !important; padding: 12px 54px 10px 16px !important; border-bottom: 1px solid rgba(107, 30, 53, .10) !important; background: #FFFEFC !important; box-shadow: 0 4px 15px rgba(63, 37, 40, .035) !important; overflow: hidden !important; } .helova-core-cart-drawer-v445 .wc-block-mini-cart__title::before { content: "HELOVA" !important; display: block !important; margin: 0 0 5px !important; color: var(--helova-gold) !important; font-family: var(--helova-sans) !important; font-size: 7px !important; font-weight: 800 !important; letter-spacing: .22em !important; line-height: 1 !important; text-transform: uppercase !important; } .helova-core-cart-drawer-v445 .helova-core-cart-heading-v445 { display: block !important; margin: 0 !important; color: var(--helova-burgundy) !important; font-family: var(--helova-serif) !important; font-size: clamp(24px, 2.5vw, 29px) !important; font-weight: 550 !important; letter-spacing: -.025em !important; line-height: .96 !important; white-space: nowrap !important; } .helova-core-cart-drawer-v445 .wc-block-mini-cart__title :where( .wc-block-mini-cart__title-label, .wc-block-mini-cart__title-items, [class*="helova-core-cart-heading-v44"]:not(.helova-core-cart-heading-v445), [class*="helova-core-cart-count-v44"] ) { display: none !important; visibility: hidden !important; } .helova-core-cart-drawer-v445 :where( .wc-block-components-drawer__close, .wc-block-mini-cart__close-button ) { top: 17px !important; right: 13px !important; width: 32px !important; height: 32px !important; padding: 7px !important; border: 1px solid rgba(107, 30, 53, .18) !important; border-radius: 50% !important; background: #FFFEFC !important; color: var(--helova-burgundy) !important; } /* Product list fills all space between title and footer. */ .helova-core-cart-drawer-v445 :where( .wc-block-mini-cart__items, .wc-block-mini-cart__products-table ) { display: block !important; flex: 1 1 auto !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 10px 11px !important; overflow-x: hidden !important; overflow-y: auto !important; background: #FCFAF7 !important; overscroll-behavior: contain !important; } .helova-core-cart-drawer-v445 .wc-block-cart-items { display: block !important; width: 100% !important; margin: 0 !important; border: 0 !important; border-collapse: collapse !important; border-spacing: 0 !important; } .helova-core-cart-drawer-v445 .wc-block-cart-items tbody { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; width: 100% !important; } .helova-core-cart-drawer-v445 .helova-core-cart-row-v445 { display: grid !important; grid-template-columns: 72px minmax(0, 1fr) !important; column-gap: 11px !important; align-items: stretch !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; min-height: 112px !important; margin: 0 !important; padding: 10px !important; border: 1px solid rgba(107, 30, 53, .10) !important; border-radius: 7px !important; background: #FFFEFC !important; box-shadow: 0 4px 13px rgba(63, 37, 40, .03) !important; } .helova-core-cart-drawer-v445 .helova-core-cart-row-v445 > td { display: block !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } .helova-core-cart-duplicate-v445 { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .helova-core-cart-drawer-v445 .helova-core-cart-image-cell-v445 { grid-column: 1 !important; display: grid !important; place-items: center !important; align-self: start !important; width: 72px !important; min-width: 72px !important; height: 88px !important; min-height: 88px !important; margin: 0 !important; padding: 6px !important; overflow: hidden !important; border-radius: 5px !important; background: #F9F4EC !important; } .helova-core-cart-drawer-v445 .helova-core-cart-image-v445 { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: contain !important; object-position: center !important; } .helova-core-cart-drawer-v445 .helova-core-cart-product-v445 { grid-column: 2 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; min-width: 0 !important; min-height: 92px !important; padding: 0 !important; } .helova-core-cart-drawer-v445 .helova-core-cart-primary-name-v445 { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 0 4px !important; color: var(--helova-burgundy) !important; font-family: var(--helova-serif) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.16 !important; white-space: normal !important; overflow-wrap: anywhere !important; text-decoration: none !important; } .helova-core-cart-drawer-v445 .helova-core-cart-primary-price-v445 { display: block !important; margin: 0 0 3px !important; color: var(--helova-mauve) !important; font-family: var(--helova-sans) !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1.15 !important; white-space: nowrap !important; text-decoration: none !important; } /* Never display a false sale/discount treatment inside the Mini-Cart. */ .helova-core-cart-drawer-v445 :where( del, .wc-block-components-product-sale-badge, .wc-block-components-sale-badge ) { display: none !important; } .helova-core-cart-drawer-v445 :where( ins, .helova-core-cart-current-price-v445 ) { color: inherit !important; font: inherit !important; text-decoration: none !important; } .helova-core-cart-drawer-v445 .helova-core-cart-total-v445 { display: none !important; visibility: hidden !important; } .helova-core-cart-drawer-v445 .wc-block-components-product-metadata { margin: 1px 0 5px !important; color: var(--helova-deep) !important; font-family: var(--helova-sans) !important; font-size: 9px !important; line-height: 1.25 !important; } .helova-core-cart-drawer-v445 .helova-core-cart-quantity-v445, .helova-core-cart-drawer-v445 .wc-block-components-quantity-selector { display: grid !important; grid-template-columns: 26px 30px 26px !important; align-items: stretch !important; width: 82px !important; min-width: 82px !important; max-width: 82px !important; height: 30px !important; min-height: 30px !important; margin: auto 0 0 !important; padding: 0 !important; overflow: hidden !important; border: 1px solid rgba(107, 30, 53, .16) !important; border-radius: 999px !important; background: #FCF8F1 !important; } .helova-core-cart-drawer-v445 .wc-block-components-quantity-selector__button, .helova-core-cart-drawer-v445 .wc-block-components-quantity-selector__input { position: static !important; display: grid !important; place-items: center !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; height: 28px !important; min-height: 28px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--helova-deep) !important; font-family: var(--helova-sans) !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1 !important; text-align: center !important; transform: none !important; } /* Footer is always visible at the bottom, with one wide Checkout button. */ .helova-core-cart-drawer-v445 .helova-core-cart-footer-v445, .helova-core-cart-drawer-v445 .wc-block-mini-cart__footer { position: relative !important; inset: auto !important; flex: 0 0 auto !important; box-sizing: border-box !important; width: 100% !important; margin: 0 !important; padding: 9px 12px 12px !important; border-top: 1px solid rgba(107, 30, 53, .10) !important; background: #FFFEFC !important; box-shadow: 0 -5px 15px rgba(63, 37, 40, .04) !important; visibility: visible !important; opacity: 1 !important; } .helova-core-cart-drawer-v445 :where( .wc-block-mini-cart__footer-subtotal, .wc-block-mini-cart__footer .wc-block-components-totals-item ) { margin: 0 0 5px !important; } .helova-core-cart-drawer-v445 .wc-block-components-totals-item__label { font-size: 15px !important; } .helova-core-cart-drawer-v445 .wc-block-components-totals-item__value { font-size: 13px !important; } .helova-core-cart-drawer-v445 .wc-block-mini-cart__footer p { margin: 0 0 7px !important; font-size: 9px !important; line-height: 1.2 !important; } .helova-core-cart-drawer-v445 .wc-block-mini-cart__footer-actions :where( .wc-block-mini-cart__footer-cart, a[href$="/cart"], a[href$="/cart/"], a[href*="/cart?"] ) { display: none !important; visibility: hidden !important; } .helova-core-cart-drawer-v445 .helova-core-cart-actions-v445, .helova-core-cart-drawer-v445 .wc-block-mini-cart__footer-actions { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 42px !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } .helova-core-cart-drawer-v445 .helova-core-checkout-action-v445, .helova-core-cart-drawer-v445 .wc-block-mini-cart__footer-actions a[href*="checkout"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: none !important; height: 42px !important; min-height: 42px !important; margin: 0 !important; padding: 8px 18px !important; border: 1px solid var(--helova-burgundy) !important; border-radius: 4px !important; background: var(--helova-burgundy) !important; color: var(--helova-ivory) !important; font-family: var(--helova-sans) !important; font-size: 8px !important; font-weight: 800 !important; letter-spacing: .11em !important; line-height: 1 !important; text-decoration: none !important; text-transform: uppercase !important; visibility: visible !important; opacity: 1 !important; } @media (max-width: 782px) { body.admin-bar .helova-core-cart-drawer-v445 { top: 46px !important; height: calc(100dvh - 46px) !important; max-height: calc(100dvh - 46px) !important; } } @media (max-width: 767px) { .helova-core-cart-drawer-v445 .wc-block-mini-cart__title { flex-basis: 62px !important; height: 62px !important; min-height: 62px !important; max-height: 62px !important; padding: 10px 50px 9px 13px !important; } .helova-core-cart-drawer-v445 .helova-core-cart-heading-v445 { font-size: 23px !important; } .helova-core-cart-drawer-v445 .helova-core-cart-row-v445 { grid-template-columns: 60px minmax(0, 1fr) !important; column-gap: 9px !important; min-height: 102px !important; padding: 8px !important; } .helova-core-cart-drawer-v445 .helova-core-cart-image-cell-v445 { width: 60px !important; min-width: 60px !important; height: 72px !important; min-height: 72px !important; padding: 4px !important; } .helova-core-cart-drawer-v445 .helova-core-cart-primary-name-v445 { font-size: 12.5px !important; } .helova-core-cart-drawer-v445 .helova-core-cart-footer-v445, .helova-core-cart-drawer-v445 .wc-block-mini-cart__footer { padding: 8px 10px calc(10px + env(safe-area-inset-bottom, 0px)) !important; } } /* =============================================================== HELOVA CORE STORE 4.4.6 — final desktop/mobile Mini-Cart header =============================================================== */ .helova-core-cart-drawer-v446 { box-sizing: border-box !important; height: 100dvh !important; max-height: 100dvh !important; overflow: hidden !important; background: #FFFEFC !important; } body.admin-bar .helova-core-cart-drawer-v446 { top: 32px !important; height: calc(100dvh - 32px) !important; max-height: calc(100dvh - 32px) !important; } .helova-core-cart-drawer-v446 .wc-block-components-drawer__content { display: grid !important; grid-template-rows: 78px minmax(0, 1fr) auto !important; box-sizing: border-box !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #FFFEFC !important; } /* WooCommerce's native title can be re-created by React. It is always hidden. */ .helova-core-cart-drawer-v446 .helova-core-native-cart-title-v446, .helova-core-cart-drawer-v446 .wc-block-mini-cart__title { position: absolute !important; width: 1px !important; height: 1px !important; min-width: 0 !important; min-height: 0 !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; visibility: hidden !important; } .helova-core-cart-drawer-v446 .helova-core-native-close-v446 { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; border: 0 !important; opacity: 0 !important; pointer-events: none !important; } /* Custom Helova header: X shares the HELOVA line instead of floating above it. */ .helova-core-cart-header-v446 { grid-row: 1 !important; display: grid !important; grid-template-rows: 28px 1fr !important; box-sizing: border-box !important; width: 100% !important; height: 78px !important; margin: 0 !important; padding: 10px 14px 10px 17px !important; border-bottom: 1px solid rgba(107, 30, 53, .10) !important; background: #FFFEFC !important; box-shadow: 0 4px 16px rgba(63, 37, 40, .035) !important; } .helova-core-cart-header-top-v446 { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-width: 0 !important; } .helova-core-cart-eyebrow-v446 { display: block !important; margin: 0 !important; color: var(--helova-gold) !important; font-family: var(--helova-sans) !important; font-size: 7px !important; font-weight: 800 !important; letter-spacing: .22em !important; line-height: 1 !important; text-transform: uppercase !important; } .helova-core-cart-close-v446 { position: static !important; display: grid !important; place-items: center !important; flex: 0 0 28px !important; box-sizing: border-box !important; width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(107, 30, 53, .18) !important; border-radius: 50% !important; background: transparent !important; color: var(--helova-burgundy) !important; cursor: pointer !important; transition: background-color .18s ease, transform .18s ease !important; } .helova-core-cart-close-v446:hover, .helova-core-cart-close-v446:focus-visible { background: #FCF8F1 !important; transform: rotate(3deg) !important; outline: none !important; } .helova-core-cart-close-v446 span { position: relative !important; display: block !important; width: 13px !important; height: 13px !important; } .helova-core-cart-close-v446 span::before, .helova-core-cart-close-v446 span::after { position: absolute !important; top: 6px !important; left: 0 !important; content: "" !important; display: block !important; width: 13px !important; height: 1.5px !important; border-radius: 99px !important; background: currentColor !important; } .helova-core-cart-close-v446 span::before { transform: rotate(45deg) !important; } .helova-core-cart-close-v446 span::after { transform: rotate(-45deg) !important; } .helova-core-cart-heading-v446 { align-self: end !important; min-width: 0 !important; margin: 0 !important; color: var(--helova-burgundy) !important; font-family: var(--helova-serif) !important; font-size: clamp(24px, 2.6vw, 30px) !important; font-weight: 550 !important; letter-spacing: -.025em !important; line-height: .98 !important; white-space: nowrap !important; } /* Product list is the only scrollable area. */ .helova-core-cart-drawer-v446 :where( .wc-block-mini-cart__items, .wc-block-mini-cart__products-table ) { grid-row: 2 !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 10px 11px !important; overflow-x: hidden !important; overflow-y: auto !important; background: #FCFAF7 !important; overscroll-behavior: contain !important; } .helova-core-cart-drawer-v446 .wc-block-cart-items { display: block !important; width: 100% !important; margin: 0 !important; border: 0 !important; border-collapse: collapse !important; border-spacing: 0 !important; } .helova-core-cart-drawer-v446 .wc-block-cart-items tbody { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; width: 100% !important; } .helova-core-cart-drawer-v446 .helova-core-cart-row-v446 { display: grid !important; grid-template-columns: 70px minmax(0, 1fr) !important; column-gap: 11px !important; align-items: stretch !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; min-height: 110px !important; margin: 0 !important; padding: 10px !important; border: 1px solid rgba(107, 30, 53, .10) !important; border-radius: 7px !important; background: #FFFEFC !important; box-shadow: 0 4px 13px rgba(63, 37, 40, .03) !important; } .helova-core-cart-drawer-v446 .helova-core-cart-row-v446 > td { display: block !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } .helova-core-cart-duplicate-v446 { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .helova-core-cart-drawer-v446 .helova-core-cart-image-cell-v446 { grid-column: 1 !important; display: grid !important; place-items: center !important; align-self: start !important; box-sizing: border-box !important; width: 70px !important; min-width: 70px !important; height: 86px !important; min-height: 86px !important; margin: 0 !important; padding: 5px !important; overflow: hidden !important; border-radius: 5px !important; background: #F9F4EC !important; } .helova-core-cart-drawer-v446 .helova-core-cart-image-v446 { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: contain !important; object-position: center !important; } .helova-core-cart-drawer-v446 .helova-core-cart-product-v446 { grid-column: 2 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; min-width: 0 !important; min-height: 90px !important; padding: 0 !important; } .helova-core-cart-drawer-v446 .helova-core-cart-primary-name-v446 { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 0 4px !important; color: var(--helova-burgundy) !important; font-family: var(--helova-serif) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.16 !important; white-space: normal !important; overflow-wrap: anywhere !important; text-decoration: none !important; } .helova-core-cart-drawer-v446 .helova-core-cart-primary-price-v446 { display: block !important; margin: 0 0 3px !important; color: var(--helova-mauve) !important; font-family: var(--helova-sans) !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1.15 !important; white-space: nowrap !important; text-decoration: none !important; } .helova-core-cart-drawer-v446 .helova-core-cart-total-v446 { display: none !important; visibility: hidden !important; } .helova-core-cart-drawer-v446 :where( del, .wc-block-components-product-sale-badge, .wc-block-components-sale-badge ) { display: none !important; } .helova-core-cart-drawer-v446 :where( ins, .helova-core-cart-current-price-v446 ) { color: inherit !important; font: inherit !important; text-decoration: none !important; } .helova-core-cart-drawer-v446 .wc-block-components-product-metadata { margin: 1px 0 5px !important; color: var(--helova-deep) !important; font-family: var(--helova-sans) !important; font-size: 9px !important; line-height: 1.25 !important; } .helova-core-cart-drawer-v446 .helova-core-cart-quantity-v446, .helova-core-cart-drawer-v446 .wc-block-components-quantity-selector { display: grid !important; grid-template-columns: 26px 30px 26px !important; align-items: stretch !important; width: 82px !important; min-width: 82px !important; max-width: 82px !important; height: 30px !important; min-height: 30px !important; margin: auto 0 0 !important; padding: 0 !important; overflow: hidden !important; border: 1px solid rgba(107, 30, 53, .16) !important; border-radius: 999px !important; background: #FCF8F1 !important; } .helova-core-cart-drawer-v446 .wc-block-components-quantity-selector__button, .helova-core-cart-drawer-v446 .wc-block-components-quantity-selector__input { position: static !important; display: grid !important; place-items: center !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; height: 28px !important; min-height: 28px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--helova-deep) !important; font-family: var(--helova-sans) !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1 !important; text-align: center !important; transform: none !important; } /* Footer remains inside the visible drawer and never falls below mobile Safari. */ .helova-core-cart-drawer-v446 .helova-core-cart-footer-v446, .helova-core-cart-drawer-v446 .wc-block-mini-cart__footer { grid-row: 3 !important; position: relative !important; inset: auto !important; display: block !important; box-sizing: border-box !important; width: 100% !important; margin: 0 !important; padding: 9px 12px calc(12px + env(safe-area-inset-bottom, 0px)) !important; border-top: 1px solid rgba(107, 30, 53, .10) !important; background: #FFFEFC !important; box-shadow: 0 -5px 15px rgba(63, 37, 40, .04) !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; } .helova-core-cart-drawer-v446 :where( .wc-block-mini-cart__footer-subtotal, .wc-block-mini-cart__footer .wc-block-components-totals-item ) { margin: 0 0 5px !important; } .helova-core-cart-drawer-v446 .wc-block-components-totals-item__label { font-size: 15px !important; } .helova-core-cart-drawer-v446 .wc-block-components-totals-item__value { font-size: 13px !important; } .helova-core-cart-drawer-v446 .wc-block-mini-cart__footer p { margin: 0 0 7px !important; font-size: 9px !important; line-height: 1.2 !important; } .helova-core-cart-drawer-v446 .wc-block-mini-cart__footer-actions :where( .wc-block-mini-cart__footer-cart, a[href$="/cart"], a[href$="/cart/"], a[href*="/cart?"] ) { display: none !important; visibility: hidden !important; } .helova-core-cart-drawer-v446 .helova-core-cart-actions-v446, .helova-core-cart-drawer-v446 .wc-block-mini-cart__footer-actions { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } .helova-core-cart-drawer-v446 .helova-core-checkout-action-v446, .helova-core-cart-drawer-v446 .wc-block-mini-cart__footer-actions a[href*="checkout"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: 100% !important; max-width: none !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 8px 18px !important; border: 1px solid var(--helova-burgundy) !important; border-radius: 4px !important; background: var(--helova-burgundy) !important; color: var(--helova-ivory) !important; font-family: var(--helova-sans) !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: .11em !important; line-height: 1 !important; text-decoration: none !important; text-transform: uppercase !important; visibility: visible !important; opacity: 1 !important; } @media (max-width: 782px) { body.admin-bar .helova-core-cart-drawer-v446 { top: 46px !important; height: calc(100dvh - 46px) !important; max-height: calc(100dvh - 46px) !important; } } @media (max-width: 767px) { .helova-core-cart-drawer-v446 .wc-block-components-drawer__content { grid-template-rows: 72px minmax(0, 1fr) auto !important; } .helova-core-cart-header-v446 { grid-template-rows: 26px 1fr !important; height: 72px !important; padding: 8px 11px 9px 13px !important; } .helova-core-cart-close-v446 { width: 27px !important; height: 27px !important; min-width: 27px !important; min-height: 27px !important; } .helova-core-cart-heading-v446 { font-size: 23px !important; } .helova-core-cart-drawer-v446 .helova-core-cart-row-v446 { grid-template-columns: 60px minmax(0, 1fr) !important; column-gap: 9px !important; min-height: 102px !important; padding: 8px !important; } .helova-core-cart-drawer-v446 .helova-core-cart-image-cell-v446 { width: 60px !important; min-width: 60px !important; height: 72px !important; min-height: 72px !important; padding: 4px !important; } .helova-core-cart-drawer-v446 .helova-core-cart-primary-name-v446 { font-size: 12.5px !important; } .helova-core-cart-drawer-v446 .helova-core-cart-footer-v446, .helova-core-cart-drawer-v446 .wc-block-mini-cart__footer { padding: 8px 10px calc(10px + env(safe-area-inset-bottom, 0px)) !important; } .helova-core-cart-drawer-v446 .helova-core-checkout-action-v446, .helova-core-cart-drawer-v446 .wc-block-mini-cart__footer-actions a[href*="checkout"] { height: 42px !important; min-height: 42px !important; } } /* =============================================================== HELOVA CORE STORE 4.4.7 — bag badge and restored product names =============================================================== */ .helova-core-cart-drawer-v447 { height: 100dvh !important; max-height: 100dvh !important; overflow: hidden !important; } body.admin-bar .helova-core-cart-drawer-v447 { top: 32px !important; height: calc(100dvh - 32px) !important; max-height: calc(100dvh - 32px) !important; } .helova-core-cart-drawer-v447 .wc-block-components-drawer__content { display: grid !important; grid-template-rows: 82px minmax(0, 1fr) auto !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: 100% !important; overflow: hidden !important; background: #FFFEFC !important; } .helova-core-native-cart-title-v447, .helova-core-cart-drawer-v447 .helova-core-native-close-v447 { position: absolute !important; width: 1px !important; height: 1px !important; min-width: 0 !important; min-height: 0 !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* Header: HELOVA, title+bag badge, and an X centred between both lines. */ .helova-core-cart-header-v447 { position: relative !important; grid-row: 1 !important; display: grid !important; grid-template-rows: 16px minmax(0, 1fr) !important; box-sizing: border-box !important; width: 100% !important; height: 82px !important; margin: 0 !important; padding: 12px 58px 11px 17px !important; border-bottom: 1px solid rgba(107, 30, 53, .10) !important; background: #FFFEFC !important; box-shadow: 0 4px 16px rgba(63, 37, 40, .035) !important; } .helova-core-cart-eyebrow-v447 { display: block !important; align-self: start !important; margin: 0 !important; color: var(--helova-gold) !important; font-family: var(--helova-sans) !important; font-size: 7px !important; font-weight: 800 !important; letter-spacing: .22em !important; line-height: 1 !important; text-transform: uppercase !important; } .helova-core-cart-title-row-v447 { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; min-width: 0 !important; } .helova-core-cart-heading-v447 { min-width: 0 !important; margin: 0 !important; color: var(--helova-burgundy) !important; font-family: var(--helova-serif) !important; font-size: clamp(25px, 2.7vw, 31px) !important; font-weight: 550 !important; letter-spacing: -.025em !important; line-height: .98 !important; white-space: nowrap !important; } /* Bag icon immediately beside the heading, with the count in its badge. */ .helova-core-cart-bag-v447 { position: relative !important; display: inline-grid !important; place-items: center !important; flex: 0 0 29px !important; width: 29px !important; height: 31px !important; margin-top: 1px !important; color: var(--helova-burgundy) !important; } .helova-core-cart-bag-v447 svg { display: block !important; width: 24px !important; height: 24px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.55 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } .helova-core-cart-badge-v447 { position: absolute !important; top: -1px !important; right: -3px !important; display: grid !important; place-items: center !important; box-sizing: border-box !important; min-width: 16px !important; height: 16px !important; padding: 0 4px !important; border: 2px solid #FFFEFC !important; border-radius: 999px !important; background: var(--helova-burgundy) !important; color: var(--helova-ivory) !important; font-family: var(--helova-sans) !important; font-size: 7px !important; font-weight: 800 !important; line-height: 1 !important; } /* X sits midway between the eyebrow and title instead of floating above. */ .helova-core-cart-close-v447 { position: absolute !important; top: 27px !important; right: 14px !important; display: grid !important; place-items: center !important; box-sizing: border-box !important; width: 30px !important; height: 30px !important; min-width: 30px !important; min-height: 30px !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(107, 30, 53, .18) !important; border-radius: 50% !important; background: transparent !important; color: var(--helova-burgundy) !important; cursor: pointer !important; transition: background-color .18s ease, transform .18s ease !important; } .helova-core-cart-close-v447:hover, .helova-core-cart-close-v447:focus-visible { background: #FCF8F1 !important; transform: rotate(3deg) !important; outline: none !important; } .helova-core-cart-close-v447 span { position: relative !important; display: block !important; width: 13px !important; height: 13px !important; } .helova-core-cart-close-v447 span::before, .helova-core-cart-close-v447 span::after { position: absolute !important; top: 6px !important; left: 0 !important; content: "" !important; display: block !important; width: 13px !important; height: 1.4px !important; border-radius: 99px !important; background: currentColor !important; } .helova-core-cart-close-v447 span::before { transform: rotate(45deg) !important; } .helova-core-cart-close-v447 span::after { transform: rotate(-45deg) !important; } /* Product list. */ .helova-core-cart-drawer-v447 :where( .wc-block-mini-cart__items, .wc-block-mini-cart__products-table ) { grid-row: 2 !important; display: block !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 10px 11px !important; overflow-x: hidden !important; overflow-y: auto !important; background: #FCFAF7 !important; overscroll-behavior: contain !important; } .helova-core-cart-drawer-v447 .wc-block-cart-items { display: block !important; width: 100% !important; margin: 0 !important; border: 0 !important; border-collapse: collapse !important; border-spacing: 0 !important; } .helova-core-cart-drawer-v447 .wc-block-cart-items tbody { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; width: 100% !important; } .helova-core-cart-drawer-v447 .helova-core-cart-row-v447 { display: grid !important; grid-template-columns: 72px minmax(0, 1fr) !important; column-gap: 12px !important; align-items: stretch !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; min-height: 116px !important; margin: 0 !important; padding: 10px !important; border: 1px solid rgba(107, 30, 53, .10) !important; border-radius: 7px !important; background: #FFFEFC !important; box-shadow: 0 4px 13px rgba(63, 37, 40, .03) !important; } .helova-core-cart-drawer-v447 .helova-core-cart-row-v447 > td { display: block !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } .helova-core-cart-duplicate-v447, .helova-core-cart-native-name-v447 { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .helova-core-cart-drawer-v447 .helova-core-cart-image-cell-v447 { grid-column: 1 !important; display: grid !important; place-items: center !important; align-self: start !important; box-sizing: border-box !important; width: 72px !important; min-width: 72px !important; height: 90px !important; min-height: 90px !important; margin: 0 !important; padding: 5px !important; overflow: hidden !important; border-radius: 5px !important; background: #F9F4EC !important; } .helova-core-cart-drawer-v447 .helova-core-cart-image-v447 { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: contain !important; object-position: center !important; } .helova-core-cart-drawer-v447 .helova-core-cart-product-v447 { grid-column: 2 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; min-width: 0 !important; min-height: 96px !important; padding: 0 !important; } /* Guaranteed product title generated from the best WooCommerce name source. */ .helova-core-cart-drawer-v447 .helova-core-cart-name-v447 { display: -webkit-box !important; width: 100% !important; max-width: 100% !important; margin: 0 0 5px !important; overflow: hidden !important; color: var(--helova-burgundy) !important; font-family: var(--helova-serif) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.18 !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; white-space: normal !important; overflow-wrap: anywhere !important; text-decoration: none !important; } .helova-core-cart-drawer-v447 .helova-core-cart-name-v447:hover { text-decoration: underline !important; text-underline-offset: 3px !important; } .helova-core-cart-drawer-v447 .helova-core-cart-primary-price-v447 { display: block !important; margin: 0 0 3px !important; color: var(--helova-mauve) !important; font-family: var(--helova-sans) !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1.15 !important; white-space: nowrap !important; text-decoration: none !important; } .helova-core-cart-drawer-v447 .helova-core-cart-total-v447 { display: none !important; visibility: hidden !important; } .helova-core-cart-drawer-v447 :where( del, .wc-block-components-product-sale-badge, .wc-block-components-sale-badge ) { display: none !important; } .helova-core-cart-drawer-v447 :where( ins, .helova-core-cart-current-price-v447 ) { color: inherit !important; font: inherit !important; text-decoration: none !important; } .helova-core-cart-drawer-v447 .wc-block-components-product-metadata { margin: 1px 0 5px !important; color: var(--helova-deep) !important; font-family: var(--helova-sans) !important; font-size: 9px !important; line-height: 1.25 !important; } .helova-core-cart-drawer-v447 .helova-core-cart-quantity-v447, .helova-core-cart-drawer-v447 .wc-block-components-quantity-selector { display: grid !important; grid-template-columns: 26px 30px 26px !important; align-items: stretch !important; width: 82px !important; min-width: 82px !important; max-width: 82px !important; height: 30px !important; min-height: 30px !important; margin: auto 0 0 !important; padding: 0 !important; overflow: hidden !important; border: 1px solid rgba(107, 30, 53, .16) !important; border-radius: 999px !important; background: #FCF8F1 !important; } .helova-core-cart-drawer-v447 .wc-block-components-quantity-selector__button, .helova-core-cart-drawer-v447 .wc-block-components-quantity-selector__input { position: static !important; display: grid !important; place-items: center !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; height: 28px !important; min-height: 28px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--helova-deep) !important; font-family: var(--helova-sans) !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1 !important; text-align: center !important; transform: none !important; } /* Footer remains fixed inside the drawer with one full-width action. */ .helova-core-cart-drawer-v447 .helova-core-cart-footer-v447, .helova-core-cart-drawer-v447 .wc-block-mini-cart__footer { grid-row: 3 !important; position: relative !important; inset: auto !important; display: block !important; box-sizing: border-box !important; width: 100% !important; margin: 0 !important; padding: 9px 12px calc(12px + env(safe-area-inset-bottom, 0px)) !important; border-top: 1px solid rgba(107, 30, 53, .10) !important; background: #FFFEFC !important; box-shadow: 0 -5px 15px rgba(63, 37, 40, .04) !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; } .helova-core-cart-drawer-v447 .wc-block-mini-cart__footer-actions :where( .wc-block-mini-cart__footer-cart, a[href$="/cart"], a[href$="/cart/"], a[href*="/cart?"] ) { display: none !important; visibility: hidden !important; } .helova-core-cart-drawer-v447 .helova-core-cart-actions-v447, .helova-core-cart-drawer-v447 .wc-block-mini-cart__footer-actions { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } .helova-core-cart-drawer-v447 .helova-core-checkout-action-v447, .helova-core-cart-drawer-v447 .wc-block-mini-cart__footer-actions a[href*="checkout"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: 100% !important; max-width: none !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 8px 18px !important; border: 1px solid var(--helova-burgundy) !important; border-radius: 4px !important; background: var(--helova-burgundy) !important; color: var(--helova-ivory) !important; font-family: var(--helova-sans) !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: .11em !important; line-height: 1 !important; text-decoration: none !important; text-transform: uppercase !important; visibility: visible !important; opacity: 1 !important; } @media (max-width: 782px) { body.admin-bar .helova-core-cart-drawer-v447 { top: 46px !important; height: calc(100dvh - 46px) !important; max-height: calc(100dvh - 46px) !important; } } @media (max-width: 767px) { .helova-core-cart-drawer-v447 .wc-block-components-drawer__content { grid-template-rows: 76px minmax(0, 1fr) auto !important; } .helova-core-cart-header-v447 { height: 76px !important; grid-template-rows: 15px minmax(0, 1fr) !important; padding: 10px 54px 9px 13px !important; } .helova-core-cart-heading-v447 { font-size: 23px !important; } .helova-core-cart-title-row-v447 { gap: 8px !important; } .helova-core-cart-bag-v447 { flex-basis: 27px !important; width: 27px !important; height: 29px !important; } .helova-core-cart-bag-v447 svg { width: 22px !important; height: 22px !important; } .helova-core-cart-badge-v447 { min-width: 15px !important; height: 15px !important; font-size: 6.5px !important; } .helova-core-cart-close-v447 { top: 24px !important; right: 12px !important; width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; } .helova-core-cart-drawer-v447 .helova-core-cart-row-v447 { grid-template-columns: 62px minmax(0, 1fr) !important; column-gap: 9px !important; min-height: 108px !important; padding: 8px !important; } .helova-core-cart-drawer-v447 .helova-core-cart-image-cell-v447 { width: 62px !important; min-width: 62px !important; height: 76px !important; min-height: 76px !important; padding: 4px !important; } .helova-core-cart-drawer-v447 .helova-core-cart-name-v447 { font-size: 12.5px !important; } .helova-core-cart-drawer-v447 .helova-core-cart-footer-v447, .helova-core-cart-drawer-v447 .wc-block-mini-cart__footer { padding: 8px 10px calc(10px + env(safe-area-inset-bottom, 0px)) !important; } .helova-core-cart-drawer-v447 .helova-core-checkout-action-v447, .helova-core-cart-drawer-v447 .wc-block-mini-cart__footer-actions a[href*="checkout"] { height: 42px !important; min-height: 42px !important; } } /* =============================================================== HELOVA CORE STORE 4.4.8 — flush header, visible checkout, and balanced cart-product imagery =============================================================== */ /* * WooCommerce gives the drawer content its own spacing. Removing it is what * makes the custom Helova header truly touch the top edge of the menu. */ .helova-core-cart-drawer-v448 .wc-block-components-drawer__content { display: grid !important; grid-template-rows: 74px minmax(0, 1fr) auto !important; box-sizing: border-box !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #FFFEFC !important; } /* Keep the existing WordPress-admin offset, but remove all inner blank space. */ .helova-core-cart-drawer-v448 .helova-core-cart-header-v447 { align-self: start !important; box-sizing: border-box !important; width: 100% !important; height: 74px !important; min-height: 74px !important; max-height: 74px !important; margin: 0 !important; padding: 7px 55px 7px 14px !important; grid-template-rows: 14px minmax(0, 1fr) !important; border-top: 0 !important; } .helova-core-cart-drawer-v448 .helova-core-cart-eyebrow-v447 { align-self: start !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } .helova-core-cart-drawer-v448 .helova-core-cart-title-row-v447 { align-self: center !important; gap: 9px !important; margin: 0 !important; padding: 0 !important; } .helova-core-cart-drawer-v448 .helova-core-cart-heading-v447 { font-size: clamp(24px, 2.5vw, 30px) !important; line-height: .98 !important; } .helova-core-cart-drawer-v448 .helova-core-cart-close-v447 { top: 21px !important; right: 13px !important; width: 29px !important; height: 29px !important; min-width: 29px !important; min-height: 29px !important; } /* The products stay in a clean scrolling middle region. */ .helova-core-cart-drawer-v448 :where( .wc-block-mini-cart__items, .wc-block-mini-cart__products-table ) { min-height: 0 !important; margin: 0 !important; padding: 10px 11px 12px !important; overflow-x: hidden !important; overflow-y: auto !important; } /* Balanced card: square image, centred vertically, clean information column. */ .helova-core-cart-drawer-v448 .helova-core-cart-row-v447 { grid-template-columns: 84px minmax(0, 1fr) !important; column-gap: 12px !important; align-items: center !important; min-height: 108px !important; padding: 10px !important; } .helova-core-cart-drawer-v448 .helova-core-cart-image-cell-v447 { align-self: center !important; width: 84px !important; min-width: 84px !important; height: 84px !important; min-height: 84px !important; padding: 5px !important; border-radius: 6px !important; background: #F9F4EC !important; } .helova-core-cart-drawer-v448 .helova-core-cart-image-v447 { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center !important; } .helova-core-cart-drawer-v448 .helova-core-cart-product-v447 { align-self: stretch !important; justify-content: flex-start !important; min-height: 84px !important; padding: 1px 0 !important; } .helova-core-cart-drawer-v448 .helova-core-cart-name-v447 { margin-bottom: 4px !important; font-size: 14px !important; line-height: 1.16 !important; } .helova-core-cart-drawer-v448 .helova-core-cart-primary-price-v447 { margin-bottom: 4px !important; } /* Keep quantity and remove controls in one calm, aligned bottom row. */ .helova-core-cart-drawer-v448 .helova-core-cart-quantity-v447, .helova-core-cart-drawer-v448 .wc-block-components-quantity-selector { margin-top: auto !important; margin-bottom: 0 !important; } /* * The footer is the final grid row, never positioned outside the drawer. * Extra lower clearance ensures the whole button remains visible on desktop. */ .helova-core-cart-drawer-v448 .helova-core-cart-footer-v447, .helova-core-cart-drawer-v448 .wc-block-mini-cart__footer { grid-row: 3 !important; position: relative !important; inset: auto !important; box-sizing: border-box !important; width: 100% !important; margin: 0 !important; padding: 9px 12px 18px !important; overflow: visible !important; } .helova-core-cart-drawer-v448 .helova-core-cart-actions-v447, .helova-core-cart-drawer-v448 .wc-block-mini-cart__footer-actions { min-height: 40px !important; } .helova-core-cart-drawer-v448 .helova-core-checkout-action-v447, .helova-core-cart-drawer-v448 .wc-block-mini-cart__footer-actions a[href*="checkout"] { height: 40px !important; min-height: 40px !important; } /* iPhone/Safari: raise Checkout above the visible browser toolbar. */ @media (max-width: 767px) { .helova-core-cart-drawer-v448 .wc-block-components-drawer__content { grid-template-rows: 68px minmax(0, 1fr) auto !important; } .helova-core-cart-drawer-v448 .helova-core-cart-header-v447 { height: 68px !important; min-height: 68px !important; max-height: 68px !important; padding: 6px 50px 6px 11px !important; grid-template-rows: 13px minmax(0, 1fr) !important; } .helova-core-cart-drawer-v448 .helova-core-cart-heading-v447 { font-size: 22px !important; } .helova-core-cart-drawer-v448 .helova-core-cart-title-row-v447 { gap: 7px !important; } .helova-core-cart-drawer-v448 .helova-core-cart-close-v447 { top: 20px !important; right: 10px !important; width: 27px !important; height: 27px !important; min-width: 27px !important; min-height: 27px !important; } .helova-core-cart-drawer-v448 .helova-core-cart-row-v447 { grid-template-columns: 68px minmax(0, 1fr) !important; column-gap: 9px !important; min-height: 96px !important; padding: 8px !important; } .helova-core-cart-drawer-v448 .helova-core-cart-image-cell-v447 { width: 68px !important; min-width: 68px !important; height: 68px !important; min-height: 68px !important; padding: 4px !important; } .helova-core-cart-drawer-v448 .helova-core-cart-product-v447 { min-height: 68px !important; } .helova-core-cart-drawer-v448 .helova-core-cart-name-v447 { font-size: 12.5px !important; } .helova-core-cart-drawer-v448 .helova-core-cart-footer-v447, .helova-core-cart-drawer-v448 .wc-block-mini-cart__footer { padding: 8px 10px calc(52px + env(safe-area-inset-bottom, 0px)) !important; } .helova-core-cart-drawer-v448 .helova-core-checkout-action-v447, .helova-core-cart-drawer-v448 .wc-block-mini-cart__footer-actions a[href*="checkout"] { height: 42px !important; min-height: 42px !important; } } /* =============================================================== HELOVA CORE STORE 4.4.9 — cart typography refinement only =============================================================== */ /* * The cart now inherits the same heading/body font tokens used throughout * Helova. No drawer dimensions, spacing, imagery or control layout change. */ .helova-core-cart-drawer-v449 { --helova-cart-serif: var( --wp--preset--font-family--heading, var(--helova-serif) ); --helova-cart-sans: var( --wp--preset--font-family--body, var(--helova-sans) ); } .helova-core-cart-drawer-v449 .helova-core-cart-eyebrow-v447 { font-family: var(--helova-cart-sans) !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: .24em !important; } .helova-core-cart-drawer-v449 .helova-core-cart-heading-v447 { font-family: var(--helova-cart-serif) !important; font-weight: 500 !important; letter-spacing: -.025em !important; } .helova-core-cart-drawer-v449 .helova-core-cart-name-v447 { font-family: var(--helova-cart-serif) !important; font-weight: 600 !important; letter-spacing: -.01em !important; } .helova-core-cart-drawer-v449 :where( .helova-core-cart-primary-price-v447, .wc-block-components-product-metadata, .wc-block-components-quantity-selector, .wc-block-components-quantity-selector__button, .wc-block-components-quantity-selector__input, .wc-block-components-totals-item__value, .helova-core-checkout-action-v447 ) { font-family: var(--helova-cart-sans) !important; } .helova-core-cart-drawer-v449 .wc-block-components-totals-item__label, .helova-core-cart-drawer-v449 .wc-block-mini-cart__footer p { font-family: var(--helova-cart-serif) !important; } @media (max-width: 767px) { .helova-core-cart-drawer-v449 .helova-core-cart-eyebrow-v447 { font-size: 8px !important; } } /* =============================================================== HELOVA CORE STORE 4.5.0 — cart wheel scroll and category slider =============================================================== */ /* * Only the outer Mini-Cart items region may scroll. WooCommerce places an * inner products table inside it; allowing both to scroll creates a nested * scroll trap on desktop. */ .helova-core-cart-drawer-v450 .wc-block-mini-cart__items { grid-row: 2 !important; display: block !important; box-sizing: border-box !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: 100% !important; margin: 0 !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior-y: contain !important; touch-action: pan-y !important; pointer-events: auto !important; scrollbar-gutter: stable !important; scrollbar-width: thin !important; scrollbar-color: rgba(107, 30, 53, .42) rgba(107, 30, 53, .06) !important; } .helova-core-cart-drawer-v450 .wc-block-mini-cart__products-table { display: block !important; width: 100% !important; height: auto !important; min-height: min-content !important; max-height: none !important; margin: 0 !important; overflow: visible !important; touch-action: auto !important; } .helova-core-cart-drawer-v450 .wc-block-mini-cart__items::-webkit-scrollbar { width: 8px !important; } .helova-core-cart-drawer-v450 .wc-block-mini-cart__items::-webkit-scrollbar-track { background: rgba(107, 30, 53, .05) !important; } .helova-core-cart-drawer-v450 .wc-block-mini-cart__items::-webkit-scrollbar-thumb { border: 2px solid transparent !important; border-radius: 999px !important; background: linear-gradient( var(--helova-mauve), var(--helova-mauve) ) padding-box !important; } /* Permanent, draggable Full Collection category scrollbar. */ body.woocommerce-shop .helova-core-shop-tabs-slider-v450, body.post-type-archive-product .helova-core-shop-tabs-slider-v450 { box-sizing: border-box !important; width: min(calc(100% - 28px), 1080px) !important; margin: -27px auto 28px !important; padding: 0 4px !important; background: transparent !important; } body.woocommerce-shop .helova-core-shop-tabs-slider-v450[hidden], body.post-type-archive-product .helova-core-shop-tabs-slider-v450[hidden] { display: none !important; } .helova-core-shop-tabs-range-v450 { display: block !important; width: 100% !important; height: 18px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; background: transparent !important; cursor: ew-resize !important; -webkit-appearance: none !important; appearance: none !important; } .helova-core-shop-tabs-range-v450::-webkit-slider-runnable-track { width: 100% !important; height: 3px !important; border: 0 !important; border-radius: 999px !important; background: rgba(107, 30, 53, .13) !important; box-shadow: inset 0 0 0 1px rgba(200, 164, 93, .08) !important; } .helova-core-shop-tabs-range-v450::-webkit-slider-thumb { width: 78px !important; height: 9px !important; margin-top: -3px !important; border: 1px solid rgba(200, 164, 93, .72) !important; border-radius: 999px !important; background: var(--helova-burgundy) !important; box-shadow: 0 3px 9px rgba(63, 37, 40, .14) !important; cursor: grab !important; -webkit-appearance: none !important; appearance: none !important; } .helova-core-shop-tabs-range-v450:active::-webkit-slider-thumb { cursor: grabbing !important; } .helova-core-shop-tabs-range-v450::-moz-range-track { width: 100% !important; height: 3px !important; border: 0 !important; border-radius: 999px !important; background: rgba(107, 30, 53, .13) !important; box-shadow: inset 0 0 0 1px rgba(200, 164, 93, .08) !important; } .helova-core-shop-tabs-range-v450::-moz-range-thumb { width: 78px !important; height: 9px !important; border: 1px solid rgba(200, 164, 93, .72) !important; border-radius: 999px !important; background: var(--helova-burgundy) !important; box-shadow: 0 3px 9px rgba(63, 37, 40, .14) !important; cursor: grab !important; } .helova-core-shop-tabs-range-v450:focus-visible { outline: 1px solid var(--helova-gold) !important; outline-offset: 4px !important; border-radius: 999px !important; } /* Touch already provides the best category navigation on smaller screens. */ @media (max-width: 767px) { .helova-core-shop-tabs-slider-v450 { display: none !important; } } /* =============================================================== HELOVA CORE STORE 4.5.1 — reliable Home-logo hit area =============================================================== */ /* * The logo's visual size and position remain unchanged. * A fixed-height wrapper gives its Home link one continuous hit rectangle. */ /* The Home link fills the complete visible logo rectangle. */ /* The image cannot intercept only part of the link. */ /* Keyboard users receive a clear but restrained focus outline. */ /* Prevent left/right control containers from creating transparent centre overlays. */ @media (max-width: 899px) { /* Mobile controls remain in their existing positions and cannot cover the logo. */ } @media (max-width: 380px) { }