/* ========================================================= CART / CHECKOUT PANEL ========================================================= */ #MindemezHeader .mindemez-header__checkout-panel:not([hidden]) { position: fixed !important; top: 30px !important; left: 0 !important; right: 0 !important; bottom: 0 !important; display: block !important; width: 100vw !important; height: calc(100dvh - 30px) !important; margin: 0 !important; padding: 0 !important; overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; background: #fff !important; z-index: 999998 !important; } #MindemezHeader .mindemez-header__checkout-host { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= CART + CHECKOUT ========================================================= */ .mindemez-cart-checkout { width: 100% !important; margin: 0 !important; padding: 0 !important; background: #fff !important; color: #000 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; } /* ========================================================= CART ========================================================= */ .mindemez-cart-checkout__cart { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= CART COLUMN HEAD ========================================================= */ .mindemez-cart-checkout__column-head { display: grid !important; grid-template-columns: minmax(0, 1fr) 160px 160px !important; align-items: center !important; width: 100% !important; min-height: 30px !important; padding: 0 10px !important; border-bottom: 1px solid #efefef !important; } .mindemez-cart-checkout__column-head span:nth-child(2) { text-align: center !important; } .mindemez-cart-checkout__column-head span:nth-child(3) { text-align: right !important; } /* ========================================================= CART ITEM ========================================================= */ .mindemez-cart-checkout__item { display: grid !important; grid-template-columns: minmax(0, 1fr) 160px 160px !important; align-items: center !important; width: 100% !important; padding: 12px 10px !important; border-bottom: 1px solid #efefef !important; } /* ========================================================= ITEM MAIN ========================================================= */ .mindemez-cart-checkout__item-main { display: flex !important; align-items: flex-start !important; gap: 12px !important; min-width: 0 !important; } .mindemez-cart-checkout__image-wrap { width: 70px !important; flex: 0 0 70px !important; } .mindemez-cart-checkout__image { display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; } .mindemez-cart-checkout__item-text { min-width: 0 !important; } .mindemez-cart-checkout__title { margin: 0 0 5px !important; } .mindemez-cart-checkout__variation { font-size: 12px !important; line-height: 1.4 !important; } /* ========================================================= REMOVE ========================================================= */ .mindemez-cart-checkout__remove { -webkit-appearance: none !important; appearance: none !important; margin: 8px 0 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #000 !important; font-size: 12px !important; text-decoration: underline !important; cursor: pointer !important; } /* ========================================================= QUANTITY ========================================================= */ .mindemez-cart-checkout__quantity { display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; } .mindemez-cart-checkout__quantity button { -webkit-appearance: none !important; appearance: none !important; width: 22px !important; height: 22px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #000 !important; font-size: 14px !important; cursor: pointer !important; } /* ========================================================= LINE TOTAL ========================================================= */ .mindemez-cart-checkout__line-total { text-align: right !important; } /* ========================================================= CART TOTAL ========================================================= */ .mindemez-cart-checkout__total { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 40px !important; margin: 0 !important; padding: 0 10px !important; border-bottom: 1px solid #000 !important; } .mindemez-cart-checkout__total strong { font-weight: 700 !important; } /* ========================================================= EMPTY CART ========================================================= */ .mindemez-cart-checkout__empty { width: 100% !important; padding: 30px 10px !important; border-bottom: 1px solid #efefef !important; } /* ========================================================= CHECKOUT AREA ========================================================= */ .mindemez-cart-checkout__checkout { width: 100% !important; margin: 0 !important; padding: 30px 10px 50px !important; } /* ========================================================= REMOVE DEFAULT CHECKOUT HEADING NOISE ========================================================= */ .mindemez-cart-checkout .woocommerce-form-coupon-toggle, .mindemez-cart-checkout .woocommerce-form-login-toggle { display: none !important; } /* ========================================================= CHECKOUT LAYOUT ========================================================= */ .mindemez-cart-checkout form.checkout { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 40px !important; width: 100% !important; margin: 0 !important; } .mindemez-cart-checkout #customer_details { display: block !important; width: 100% !important; } .mindemez-cart-checkout #order_review_heading { display: none !important; } .mindemez-cart-checkout #order_review { width: 100% !important; } /* ========================================================= REMOVE BOOTSTRAP-LIKE WC COLUMNS ========================================================= */ .mindemez-cart-checkout .col2-set, .mindemez-cart-checkout .col-1, .mindemez-cart-checkout .col-2 { float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= CHECKOUT HEADINGS ========================================================= */ .mindemez-cart-checkout .woocommerce-billing-fields > h3, .mindemez-cart-checkout .woocommerce-shipping-fields > h3 { margin: 0 0 20px !important; padding: 0 !important; font-size: 14px !important; font-weight: 400 !important; letter-spacing: .1rem !important; } /* ========================================================= FIELDS ========================================================= */ .mindemez-cart-checkout .form-row { margin: 0 0 16px !important; padding: 0 !important; } .mindemez-cart-checkout .form-row label { display: block !important; margin: 0 0 5px !important; padding: 0 !important; font-size: 12px !important; } .mindemez-cart-checkout .input-text, .mindemez-cart-checkout select { width: 100% !important; min-height: 36px !important; margin: 0 !important; padding: 7px 8px !important; border: 1px solid #d8d8d8 !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important; background: #fff !important; color: #000 !important; font-size: 14px !important; } .mindemez-cart-checkout textarea.input-text { min-height: 90px !important; resize: vertical !important; } /* ========================================================= ORDER TABLE ========================================================= */ .mindemez-cart-checkout .woocommerce-checkout-review-order-table { width: 100% !important; border-collapse: collapse !important; border: 0 !important; } .mindemez-cart-checkout .woocommerce-checkout-review-order-table th, .mindemez-cart-checkout .woocommerce-checkout-review-order-table td { padding: 8px 0 !important; border: 0 !important; border-bottom: 1px solid #efefef !important; font-size: 14px !important; text-align: left !important; } .mindemez-cart-checkout .woocommerce-checkout-review-order-table .product-total, .mindemez-cart-checkout .woocommerce-checkout-review-order-table .cart-subtotal td, .mindemez-cart-checkout .woocommerce-checkout-review-order-table .order-total td { text-align: right !important; } /* ========================================================= PAYMENT ========================================================= */ .mindemez-cart-checkout #payment { margin: 20px 0 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: #fff !important; } .mindemez-cart-checkout .wc_payment_methods { margin: 0 !important; padding: 0 !important; list-style: none !important; } .mindemez-cart-checkout .wc_payment_method { padding: 10px 0 !important; border-bottom: 1px solid #efefef !important; } /* ========================================================= PAYMENT BOX ========================================================= */ .mindemez-cart-checkout .payment_box { margin: 10px 0 0 !important; padding: 10px !important; border: 0 !important; border-radius: 0 !important; background: #f7f7f7 !important; } /* ========================================================= PLACE ORDER ========================================================= */ .mindemez-cart-checkout #place_order { -webkit-appearance: none !important; appearance: none !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 40px !important; margin: 20px 0 0 !important; padding: 0 15px !important; border: 1px solid #000 !important; border-radius: 0 !important; background: #000 !important; color: #fff !important; font-size: 14px !important; font-weight: 400 !important; cursor: pointer !important; } /* ========================================================= UPDATING ========================================================= */ #MindemezHeader .mindemez-header__checkout-host.is-cart-updating { pointer-events: none !important; opacity: .5 !important; } /* ========================================================= MOBILE ========================================================= */ @media screen and (max-width: 989px) { #MindemezHeader .mindemez-header__checkout-panel:not([hidden]) { top: 26px !important; height: calc( 100dvh - 26px ) !important; } .mindemez-cart-checkout__column-head { display: none !important; } .mindemez-cart-checkout__item { grid-template-columns: minmax(0, 1fr) auto !important; gap: 10px !important; padding: 10px !important; } .mindemez-cart-checkout__item-main { grid-column: 1 / 2 !important; } .mindemez-cart-checkout__quantity { grid-column: 2 / 3 !important; align-self: start !important; } .mindemez-cart-checkout__line-total { grid-column: 1 / -1 !important; text-align: right !important; } .mindemez-cart-checkout__image-wrap { width: 56px !important; flex: 0 0 56px !important; } .mindemez-cart-checkout__checkout { padding: 24px 10px 40px !important; } .mindemez-cart-checkout form.checkout { display: block !important; } .mindemez-cart-checkout #customer_details { margin-bottom: 30px !important; } } /* ========================================================= SHIPPING METHOD BUTTONS ========================================================= */ .mindemez-cart-checkout ul#shipping_method, .mindemez-cart-checkout ul.woocommerce-shipping-methods { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-end !important; gap: 20px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .mindemez-cart-checkout ul#shipping_method > li, .mindemez-cart-checkout ul.woocommerce-shipping-methods > li { position: relative !important; display: block !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .mindemez-cart-checkout ul#shipping_method input.shipping_method, .mindemez-cart-checkout ul.woocommerce-shipping-methods input.shipping_method, .mindemez-cart-checkout ul#shipping_method input[type="radio"], .mindemez-cart-checkout ul.woocommerce-shipping-methods input[type="radio"] { position: absolute !important; left: -999999px !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; visibility: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; overflow: hidden !important; pointer-events: none !important; } .mindemez-cart-checkout ul#shipping_method label::before, .mindemez-cart-checkout ul#shipping_method label::after, .mindemez-cart-checkout ul.woocommerce-shipping-methods label::before, .mindemez-cart-checkout ul.woocommerce-shipping-methods label::after { content: none !important; display: none !important; } .mindemez-cart-checkout ul#shipping_method label, .mindemez-cart-checkout ul.woocommerce-shipping-methods label { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 180px !important; height: 46px !important; min-height: 46px !important; max-height: 46px !important; margin: 0 !important; padding: 0 28px !important; border: 1px solid #20b1c2 !important; border-radius: 0 !important; background: #fff !important; color: #20b1c2 !important; font-family: Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1 !important; text-align: center !important; white-space: nowrap !important; cursor: pointer !important; box-sizing: border-box !important; } .mindemez-cart-checkout ul#shipping_method input.shipping_method:checked + label, .mindemez-cart-checkout ul.woocommerce-shipping-methods input.shipping_method:checked + label, .mindemez-cart-checkout ul#shipping_method li:has(input.shipping_method:checked) label, .mindemez-cart-checkout ul.woocommerce-shipping-methods li:has(input.shipping_method:checked) label { background: #20b1c2 !important; color: #fff !important; border-color: #20b1c2 !important; } .mindemez-cart-checkout ul#shipping_method label:hover, .mindemez-cart-checkout ul.woocommerce-shipping-methods label:hover { background: #20b1c2 !important; color: #fff !important; border-color: #20b1c2 !important; } /* ========================================================= SHIPPING ADDRESS FIELD BORDERS ========================================================= */ .mindemez-cart-checkout #customer_details .input-text, .mindemez-cart-checkout #customer_details select, .mindemez-cart-checkout #customer_details .select2-container .select2-selection, .mindemez-cart-checkout .woocommerce-additional-fields textarea { border: 1px solid #20b1c2 !important; border-radius: 0 !important; background: #fff !important; color: #000 !important; box-shadow: none !important; outline: none !important; } .mindemez-cart-checkout #customer_details .input-text:focus, .mindemez-cart-checkout #customer_details select:focus, .mindemez-cart-checkout .woocommerce-additional-fields textarea:focus { border-color: #20b1c2 !important; box-shadow: none !important; outline: none !important; } .mindemez-cart-checkout #customer_details .required { color: #000 !important; } /* ========================================================= CHECKOUT ERRORS Hide global error box; field errors may remain inline. ========================================================= */ .mindemez-cart-checkout .woocommerce-NoticeGroup-checkout { display: none !important; } .mindemez-cart-checkout form.checkout > .woocommerce-error { display: none !important; } /* ========================================================= PAYMENT Full-width clickable rows, no radios ========================================================= */ .mindemez-cart-checkout #payment { margin: 20px 0 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: #fff !important; } .mindemez-cart-checkout .wc_payment_methods { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 1px solid #b8b8b8 !important; border-radius: 4px !important; background: #fff !important; list-style: none !important; overflow: hidden !important; } .mindemez-cart-checkout .wc_payment_method { position: relative !important; display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid #b8b8b8 !important; background: #fff !important; cursor: pointer !important; } .mindemez-cart-checkout .wc_payment_method:last-child { border-bottom: 0 !important; } .mindemez-cart-checkout .wc_payment_method > input[type="radio"] { position: absolute !important; left: -999999px !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; } .mindemez-cart-checkout .wc_payment_method > label::before, .mindemez-cart-checkout .wc_payment_method > label::after { content: none !important; display: none !important; } .mindemez-cart-checkout .wc_payment_method > label { display: flex !important; align-items: center !important; width: 100% !important; min-height: 64px !important; margin: 0 !important; padding: 0 24px !important; background: #fff !important; color: #000 !important; font-family: Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.2 !important; cursor: pointer !important; box-sizing: border-box !important; } .mindemez-cart-checkout .wc_payment_method > label img { display: inline-block !important; width: auto !important; height: auto !important; max-width: 90px !important; max-height: 34px !important; margin: 0 18px 0 0 !important; vertical-align: middle !important; object-fit: contain !important; } .mindemez-cart-checkout .wc_payment_method .payment_box { display: none !important; } .mindemez-cart-checkout .wc_payment_methods.mindemez-payment-selected .wc_payment_method:not(.mindemez-payment-active) { display: none !important; } .mindemez-cart-checkout .wc_payment_methods.mindemez-payment-selected .wc_payment_method.mindemez-payment-active { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: #fff !important; } .mindemez-cart-checkout .wc_payment_methods.mindemez-payment-selected .wc_payment_method.mindemez-payment-active > label { display: flex !important; align-items: center !important; width: 100% !important; min-height: 64px !important; margin: 0 !important; padding: 0 24px !important; border-bottom: 1px solid #b8b8b8 !important; background: #fff !important; } .mindemez-cart-checkout .wc_payment_methods.mindemez-payment-selected .wc_payment_method.mindemez-payment-active .payment_box { display: block !important; width: 100% !important; margin: 0 !important; padding: 30px 24px !important; border: 0 !important; border-radius: 0 !important; background: #fff !important; box-sizing: border-box !important; } .mindemez-cart-checkout .payment_box::before { display: none !important; content: none !important; } .mindemez-cart-checkout .wc_payment_methods.mindemez-payment-selected .payment_box iframe { display: block !important; margin-left: auto !important; margin-right: auto !important; } .mindemez-cart-checkout .wc_payment_methods.mindemez-payment-selected .payment_box button { margin-left: auto !important; margin-right: auto !important; } /* ========================================================= CHOOSE ANOTHER WAY TO PAY ========================================================= */ .mindemez-cart-checkout .mindemez-payment-switcher { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 70px !important; margin: 24px 0 0 !important; padding: 0 20px !important; border: 0 !important; background: #fafafa !important; box-sizing: border-box !important; } .mindemez-cart-checkout .mindemez-payment-switcher__button { -webkit-appearance: none !important; appearance: none !important; display: inline-block !important; width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid #000 !important; border-radius: 0 !important; background: transparent !important; color: #000 !important; font-family: Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.4 !important; text-transform: none !important; cursor: pointer !important; box-shadow: none !important; } /* ========================================================= CHECKOUT BUTTON ========================================================= */ .mindemez-cart-checkout #place_order { -webkit-appearance: none !important; appearance: none !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 40px !important; margin: 20px 0 0 !important; padding: 0 20px !important; border: 1px solid #20b1c2 !important; border-radius: 0 !important; background: #20b1c2 !important; color: #fff !important; font-family: Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1 !important; text-transform: none !important; cursor: pointer !important; box-shadow: none !important; } .mindemez-cart-checkout #place_order:hover, .mindemez-cart-checkout #place_order:focus-visible, .mindemez-cart-checkout #place_order:active { background: #20b1c2 !important; color: #fff !important; border-color: #20b1c2 !important; } /* ========================================================= MOBILE OVERRIDES ========================================================= */ @media screen and (max-width: 989px) { .mindemez-cart-checkout ul#shipping_method, .mindemez-cart-checkout ul.woocommerce-shipping-methods { justify-content: flex-start !important; gap: 8px !important; } .mindemez-cart-checkout ul#shipping_method label, .mindemez-cart-checkout ul.woocommerce-shipping-methods label { min-width: 0 !important; height: 36px !important; min-height: 36px !important; max-height: 36px !important; padding: 0 14px !important; font-size: 13px !important; } .mindemez-cart-checkout .wc_payment_method > label { min-height: 54px !important; padding: 0 14px !important; font-size: 13px !important; } .mindemez-cart-checkout .wc_payment_method > label img { max-height: 28px !important; margin-right: 12px !important; } .mindemez-cart-checkout .wc_payment_methods.mindemez-payment-selected .wc_payment_method.mindemez-payment-active > label { min-height: 54px !important; padding: 0 14px !important; } .mindemez-cart-checkout .wc_payment_methods.mindemez-payment-selected .wc_payment_method.mindemez-payment-active .payment_box { padding: 20px 14px !important; } .mindemez-cart-checkout .mindemez-payment-switcher { min-height: 56px !important; margin-top: 15px !important; } .mindemez-cart-checkout .mindemez-payment-switcher__button { font-size: 13px !important; } .mindemez-cart-checkout #place_order { min-height: 36px !important; font-size: 13px !important; } } /* ========================================================= PAYMENT ICONS — LEFT SIDE Card / PayPal / Google Pay ========================================================= */ .mindemez-cart-checkout .wc_payment_method > label { position: relative !important; display: flex !important; align-items: center !important; width: 100% !important; min-height: 64px !important; padding: 0 24px !important; gap: 22px !important; box-sizing: border-box !important; } /* Existing PayPal / Google Pay gateway logos */ .mindemez-cart-checkout .mindemez-payment-paypal > label img, .mindemez-cart-checkout .mindemez-payment-googlepay > label img { display: block !important; flex: 0 0 auto !important; width: auto !important; height: auto !important; margin: 0 !important; order: -1 !important; object-fit: contain !important; } /* PayPal */ .mindemez-cart-checkout .mindemez-payment-paypal > label img { max-width: 54px !important; max-height: 38px !important; } /* Google Pay */ .mindemez-cart-checkout .mindemez-payment-googlepay > label img { max-width: 85px !important; max-height: 38px !important; } /* ========================================================= CARD ICON ========================================================= */ .mindemez-cart-checkout .mindemez-payment-card > label::before { content: "" !important; display: block !important; flex: 0 0 70px !important; width: 70px !important; height: 44px !important; margin: 0 !important; border: 1px solid #999 !important; border-radius: 4px !important; background: linear-gradient( to bottom, transparent 0, transparent 12px, #8d8d8d 12px, #8d8d8d 17px, transparent 17px, transparent 100% ) !important; box-sizing: border-box !important; } /* Small details on the card */ .mindemez-cart-checkout .mindemez-payment-card > label::after { content: "••" !important; display: block !important; position: absolute !important; left: 34px !important; top: 35px !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; color: #8d8d8d !important; background: transparent !important; border: 0 !important; font-size: 12px !important; line-height: 1 !important; letter-spacing: 3px !important; } /* ========================================================= MOBILE PAYMENT ICONS ========================================================= */ @media screen and (max-width: 989px) { .mindemez-cart-checkout .wc_payment_method > label { min-height: 54px !important; padding: 0 14px !important; gap: 14px !important; } .mindemez-cart-checkout .mindemez-payment-card > label::before { flex-basis: 54px !important; width: 54px !important; height: 34px !important; } .mindemez-cart-checkout .mindemez-payment-card > label::after { left: 24px !important; top: 30px !important; font-size: 9px !important; } .mindemez-cart-checkout .mindemez-payment-paypal > label img { max-width: 42px !important; max-height: 30px !important; } .mindemez-cart-checkout .mindemez-payment-googlepay > label img { max-width: 68px !important; max-height: 30px !important; } } /* ========================================================= PAYPAL ICON — REAL IMAGE ========================================================= */ .mindemez-cart-checkout .mindemez-payment-paypal > label .mindemez-paypal-icon { display: block !important; flex: 0 0 auto !important; width: 44px !important; height: 44px !important; max-width: 44px !important; max-height: 44px !important; margin: 0 !important; padding: 0 !important; order: -1 !important; object-fit: contain !important; } /* Hide only gateway-supplied duplicate PayPal images, never hide our own PayPal icon. */ .mindemez-cart-checkout .mindemez-payment-paypal > label img:not(.mindemez-paypal-icon) { display: none !important; } @media screen and (max-width: 989px) { .mindemez-cart-checkout .mindemez-payment-paypal > label .mindemez-paypal-icon { width: 36px !important; height: 36px !important; max-width: 36px !important; max-height: 36px !important; } } /* ========================================================= GOOGLE PAY — MOVE INTO SELECTED PAYMENT BLOCK ========================================================= */ .mindemez-cart-checkout .mindemez-payment-googlepay .payment_box { width: 100% !important; margin: 0 !important; padding: 20px 24px !important; background: #fff !important; box-sizing: border-box !important; } .mindemez-cart-checkout .mindemez-google-pay-slot { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Provider-generated Google Pay element after it has been moved */ .mindemez-cart-checkout .mindemez-google-pay-slot .gpay-button, .mindemez-cart-checkout .mindemez-google-pay-slot .gpay-card-info-container, .mindemez-cart-checkout .mindemez-google-pay-slot .google-pay-button, .mindemez-cart-checkout .mindemez-google-pay-slot .google-pay-container, .mindemez-cart-checkout .mindemez-google-pay-slot .wcpay-payment-request-wrapper, .mindemez-cart-checkout .mindemez-google-pay-slot .wcpay-express-checkout-element, .mindemez-cart-checkout .mindemez-google-pay-slot .wc-stripe-payment-request-wrapper { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; max-width: 420px !important; margin: 0 auto !important; } /* Do not alter chooser/Choose another behavior. */ @media screen and (max-width: 989px) { .mindemez-cart-checkout .mindemez-payment-googlepay .payment_box { padding: 16px 14px !important; } } /* ========================================================= GOOGLE PAY GENERATED BOX / SLOT ========================================================= */ .mindemez-cart-checkout .mindemez-payment-googlepay > .mindemez-google-pay-box { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; margin: 0 !important; padding: 20px 24px !important; border: 0 !important; border-top: 1px solid #b8b8b8 !important; border-radius: 0 !important; background: #fff !important; box-sizing: border-box !important; } .mindemez-cart-checkout .mindemez-payment-googlepay .mindemez-google-pay-slot { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .mindemez-cart-checkout .mindemez-payment-googlepay .mindemez-google-pay-slot #wc-stripe_googlepay-checkout-button, .mindemez-cart-checkout .mindemez-payment-googlepay .mindemez-google-pay-slot .gpay-button-online-api-id-checkout, .mindemez-cart-checkout .mindemez-payment-googlepay .mindemez-google-pay-slot .gpay-button, .mindemez-cart-checkout .mindemez-payment-googlepay .mindemez-google-pay-slot .wcpay-payment-request-wrapper, .mindemez-cart-checkout .mindemez-payment-googlepay .mindemez-google-pay-slot .wcpay-express-checkout-element, .mindemez-cart-checkout .mindemez-payment-googlepay .mindemez-google-pay-slot .wc-stripe-payment-request-wrapper { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; max-width: none !important; margin: 0 !important; } /* Chooser state: all gateway content closed. */ .mindemez-cart-checkout .wc_payment_methods.mindemez-payment-chooser .payment_box { display: none !important; visibility: hidden !important; opacity: 0 !important; } @media screen and (max-width: 989px) { .mindemez-cart-checkout .mindemez-payment-googlepay > .mindemez-google-pay-box { padding: 16px 14px !important; } } /* ========================================================= FINAL SHIPPING ADDRESS LAYOUT DESKTOP: 2 INTERNAL COLUMNS MOBILE: 1 COLUMN ========================================================= */ /* Native Woo headings / shipping toggle */ .mindemez-cart-checkout .woocommerce-billing-fields > h3, .mindemez-cart-checkout .woocommerce-shipping-fields, .mindemez-cart-checkout #ship-to-different-address { display: none !important; } /* Remove optional text everywhere */ .mindemez-cart-checkout .optional { display: none !important; } /* One visible title */ .mindemez-cart-checkout #customer_details::before { content: "Shipping Address"; display: block !important; margin: 0 0 28px !important; padding: 0 !important; font-family: Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1 !important; color: #000 !important; } /* ========================================================= DESKTOP ========================================================= */ @media screen and (min-width: 990px) { .mindemez-cart-checkout #customer_details { display: block !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 40px 0 0 !important; padding: 30px 15px 0 0 !important; border-top: 1px solid #000 !important; } /* Reset Woo widths/floats */ .mindemez-cart-checkout #customer_details .col2-set, .mindemez-cart-checkout #customer_details .col-1, .mindemez-cart-checkout #customer_details .col-2, .mindemez-cart-checkout #customer_details .form-row, .mindemez-cart-checkout #customer_details .form-row-first, .mindemez-cart-checkout #customer_details .form-row-last, .mindemez-cart-checkout #customer_details .form-row-wide { float: none !important; clear: none !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* Billing fields: two internal columns */ .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; grid-template-rows: repeat(6, 42px) !important; column-gap: 30px !important; row-gap: 12px !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* Every field: label left, input right */ .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper .form-row { display: grid !important; grid-template-columns: 120px minmax(0, 1fr) !important; align-items: center !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 42px !important; min-height: 42px !important; margin: 0 !important; padding: 0 !important; } /* LEFT: First Name Last Name Company E-Mail Telephone */ .mindemez-cart-checkout #billing_first_name_field { grid-column: 1 !important; grid-row: 1 !important; } .mindemez-cart-checkout #billing_last_name_field { grid-column: 1 !important; grid-row: 2 !important; } .mindemez-cart-checkout #billing_company_field { grid-column: 1 !important; grid-row: 3 !important; } .mindemez-cart-checkout #billing_email_field { grid-column: 1 !important; grid-row: 4 !important; } .mindemez-cart-checkout #billing_phone_field { grid-column: 1 !important; grid-row: 5 !important; } /* RIGHT: Street / Number Address Addition Postal Code City State Country */ .mindemez-cart-checkout #billing_address_1_field { grid-column: 2 !important; grid-row: 1 !important; } .mindemez-cart-checkout #billing_address_2_field { grid-column: 2 !important; grid-row: 2 !important; } .mindemez-cart-checkout #billing_postcode_field { grid-column: 2 !important; grid-row: 3 !important; } .mindemez-cart-checkout #billing_city_field { grid-column: 2 !important; grid-row: 4 !important; } .mindemez-cart-checkout #billing_state_field { grid-column: 2 !important; grid-row: 5 !important; } .mindemez-cart-checkout #billing_country_field { grid-column: 2 !important; grid-row: 6 !important; } /* Label */ .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper .form-row > label { grid-column: 1 !important; grid-row: 1 !important; position: static !important; display: flex !important; align-items: center !important; width: 120px !important; min-width: 120px !important; max-width: 120px !important; height: 42px !important; margin: 0 !important; padding: 0 10px 0 0 !important; font-family: Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.2 !important; color: #000 !important; white-space: nowrap !important; box-sizing: border-box !important; } /* Input wrapper */ .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper .form-row > .woocommerce-input-wrapper { grid-column: 2 !important; grid-row: 1 !important; display: block !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 42px !important; margin: 0 !important; padding: 0 !important; } /* Inputs/selects */ .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper input.input-text, .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper select, .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper .select2-container, .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper .select2-container .select2-selection { display: block !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 42px !important; min-height: 42px !important; margin: 0 !important; padding: 0 10px !important; border: 1px solid #20b1c2 !important; border-radius: 0 !important; background: #fff !important; color: #000 !important; box-shadow: none !important; outline: 0 !important; box-sizing: border-box !important; font-family: Helvetica, Arial, sans-serif !important; font-size: 14px !important; } .mindemez-cart-checkout .select2-container .select2-selection--single { display: flex !important; align-items: center !important; padding: 0 !important; } .mindemez-cart-checkout .select2-container--default .select2-selection--single .select2-selection__rendered { width: 100% !important; line-height: 40px !important; padding: 0 30px 0 10px !important; color: #000 !important; } .mindemez-cart-checkout .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px !important; right: 6px !important; } /* NOTE = left internal column, row 6 */ .mindemez-cart-checkout .woocommerce-additional-fields { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 30px !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 12px 0 0 !important; padding: 0 !important; } .mindemez-cart-checkout .woocommerce-additional-fields .form-row { grid-column: 1 !important; display: grid !important; grid-template-columns: 120px minmax(0, 1fr) !important; align-items: center !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 42px !important; min-height: 42px !important; margin: 0 !important; padding: 0 !important; } .mindemez-cart-checkout .woocommerce-additional-fields .form-row > label { grid-column: 1 !important; grid-row: 1 !important; display: flex !important; align-items: center !important; width: 120px !important; min-width: 120px !important; max-width: 120px !important; height: 42px !important; margin: 0 !important; padding: 0 10px 0 0 !important; font-family: Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.2 !important; color: #000 !important; white-space: nowrap !important; box-sizing: border-box !important; } .mindemez-cart-checkout .woocommerce-additional-fields .form-row > .woocommerce-input-wrapper { grid-column: 2 !important; grid-row: 1 !important; display: block !important; width: 100% !important; min-width: 0 !important; height: 42px !important; margin: 0 !important; padding: 0 !important; } .mindemez-cart-checkout .woocommerce-additional-fields textarea { display: block !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 42px !important; min-height: 42px !important; margin: 0 !important; padding: 9px 10px !important; border: 1px solid #20b1c2 !important; border-radius: 0 !important; background: #fff !important; color: #000 !important; box-shadow: none !important; outline: 0 !important; resize: none !important; box-sizing: border-box !important; } } /* ========================================================= MOBILE — ALL ROWS ONE UNDER ANOTHER NOTE HIDDEN ========================================================= */ @media screen and (max-width: 989px) { .mindemez-cart-checkout #customer_details { width: 100% !important; margin: 30px 0 0 !important; padding: 25px 0 0 !important; } .mindemez-cart-checkout #customer_details::before { margin-bottom: 22px !important; } .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; } .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper .form-row { display: block !important; float: none !important; clear: both !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; margin: 0 0 14px !important; padding: 0 !important; } .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper .form-row > label { position: static !important; display: block !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 0 5px !important; padding: 0 !important; font-size: 13px !important; line-height: 1.2 !important; white-space: normal !important; } .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper .form-row > .woocommerce-input-wrapper { display: block !important; width: 100% !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper input.input-text, .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper select, .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper .select2-container, .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper .select2-container .select2-selection { display: block !important; width: 100% !important; max-width: none !important; height: 40px !important; min-height: 40px !important; margin: 0 !important; box-sizing: border-box !important; } /* Hide Note entirely on mobile */ .mindemez-cart-checkout .woocommerce-additional-fields { display: none !important; } } /* ========================================================= FINAL SHIPPING ADDRESS — AUTHORITATIVE OVERRIDE Desktop: LEFT = First Name / Last Name / Company / E-Mail / Telephone / Note RIGHT = Street / Number / Address Addition / Postal Code / City / State / Country Mobile: One column, Note hidden ========================================================= */ /* Hide Woo native headings/toggle */ .mindemez-cart-checkout .woocommerce-billing-fields > h3, .mindemez-cart-checkout .woocommerce-shipping-fields, .mindemez-cart-checkout #ship-to-different-address { display: none !important; } /* Remove "(optional)" everywhere */ .mindemez-cart-checkout .optional { display: none !important; } /* One visible heading */ .mindemez-cart-checkout #customer_details::before { content: "Shipping Address"; display: block !important; margin: 0 0 28px !important; padding: 0 !important; font-family: Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1 !important; color: #000 !important; } /* ========================================================= DESKTOP ========================================================= */ @media screen and (min-width: 990px) { .mindemez-cart-checkout #customer_details { display: block !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 40px 0 0 !important; padding: 30px 15px 0 0 !important; border-top: 1px solid #000 !important; } /* Reset Woo layout */ .mindemez-cart-checkout #customer_details .col2-set, .mindemez-cart-checkout #customer_details .col-1, .mindemez-cart-checkout #customer_details .col-2, .mindemez-cart-checkout #customer_details .form-row, .mindemez-cart-checkout #customer_details .form-row-first, .mindemez-cart-checkout #customer_details .form-row-last, .mindemez-cart-checkout #customer_details .form-row-wide { float: none !important; clear: none !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* 2 x 6 internal grid */ .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; grid-template-rows: repeat(6, 42px) !important; column-gap: 30px !important; row-gap: 12px !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* Every field = label + input */ .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper .form-row { display: grid !important; grid-template-columns: 120px minmax(0, 1fr) !important; align-items: center !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 42px !important; min-height: 42px !important; margin: 0 !important; padding: 0 !important; } /* LEFT COLUMN */ .mindemez-cart-checkout #billing_first_name_field { grid-column: 1 !important; grid-row: 1 !important; } .mindemez-cart-checkout #billing_last_name_field { grid-column: 1 !important; grid-row: 2 !important; } .mindemez-cart-checkout #billing_company_field { grid-column: 1 !important; grid-row: 3 !important; display: grid !important; } .mindemez-cart-checkout #billing_email_field { grid-column: 1 !important; grid-row: 4 !important; } .mindemez-cart-checkout #billing_phone_field { grid-column: 1 !important; grid-row: 5 !important; } .mindemez-cart-checkout #order_comments_field { grid-column: 1 !important; grid-row: 6 !important; display: grid !important; } /* RIGHT COLUMN */ .mindemez-cart-checkout #billing_address_1_field { grid-column: 2 !important; grid-row: 1 !important; } .mindemez-cart-checkout #billing_address_2_field { grid-column: 2 !important; grid-row: 2 !important; display: grid !important; } .mindemez-cart-checkout #billing_postcode_field { grid-column: 2 !important; grid-row: 3 !important; } .mindemez-cart-checkout #billing_city_field { grid-column: 2 !important; grid-row: 4 !important; } .mindemez-cart-checkout #billing_state_field { grid-column: 2 !important; grid-row: 5 !important; } .mindemez-cart-checkout #billing_country_field { grid-column: 2 !important; grid-row: 6 !important; } /* Label left */ .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper .form-row > label { grid-column: 1 !important; grid-row: 1 !important; position: static !important; display: flex !important; align-items: center !important; width: 120px !important; min-width: 120px !important; max-width: 120px !important; height: 42px !important; margin: 0 !important; padding: 0 10px 0 0 !important; clip: auto !important; clip-path: none !important; overflow: visible !important; font-family: Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.2 !important; color: #000 !important; white-space: nowrap !important; box-sizing: border-box !important; } /* Input wrapper right */ .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper .form-row > .woocommerce-input-wrapper { grid-column: 2 !important; grid-row: 1 !important; display: block !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 42px !important; margin: 0 !important; padding: 0 !important; } /* Inputs/selects */ .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper input.input-text, .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper select, .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper .select2-container, .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper .select2-container .select2-selection { display: block !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 42px !important; min-height: 42px !important; margin: 0 !important; padding: 0 10px !important; border: 1px solid #20b1c2 !important; border-radius: 0 !important; background: #fff !important; color: #000 !important; box-shadow: none !important; outline: none !important; box-sizing: border-box !important; font-family: Helvetica, Arial, sans-serif !important; font-size: 14px !important; } /* Address Addition: label visible, placeholder empty */ .mindemez-cart-checkout #billing_address_2_field > label { display: flex !important; visibility: visible !important; opacity: 1 !important; position: static !important; width: 120px !important; height: 42px !important; clip: auto !important; clip-path: none !important; overflow: visible !important; white-space: nowrap !important; } .mindemez-cart-checkout #billing_address_2 { color: #000 !important; } .mindemez-cart-checkout #billing_address_2::placeholder { color: transparent !important; opacity: 0 !important; } /* Select2 */ .mindemez-cart-checkout .select2-container .select2-selection--single { display: flex !important; align-items: center !important; padding: 0 !important; } .mindemez-cart-checkout .select2-container--default .select2-selection--single .select2-selection__rendered { width: 100% !important; line-height: 40px !important; padding: 0 30px 0 10px !important; color: #000 !important; } .mindemez-cart-checkout .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px !important; right: 6px !important; } /* Note was moved into billing grid by JS */ .mindemez-cart-checkout #order_comments_field > label { grid-column: 1 !important; grid-row: 1 !important; position: static !important; display: flex !important; align-items: center !important; width: 120px !important; min-width: 120px !important; max-width: 120px !important; height: 42px !important; margin: 0 !important; padding: 0 10px 0 0 !important; font-family: Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.2 !important; color: #000 !important; white-space: nowrap !important; box-sizing: border-box !important; } .mindemez-cart-checkout #order_comments_field > .woocommerce-input-wrapper { grid-column: 2 !important; grid-row: 1 !important; display: block !important; width: 100% !important; min-width: 0 !important; height: 42px !important; margin: 0 !important; padding: 0 !important; } .mindemez-cart-checkout #order_comments_field textarea { display: block !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 42px !important; min-height: 42px !important; margin: 0 !important; padding: 9px 10px !important; border: 1px solid #20b1c2 !important; border-radius: 0 !important; background: #fff !important; color: #000 !important; box-shadow: none !important; outline: none !important; resize: none !important; box-sizing: border-box !important; } /* Original wrapper is empty after JS moved Note */ .mindemez-cart-checkout .woocommerce-additional-fields { display: none !important; } } /* ========================================================= MOBILE ONE COLUMN — NOTE HIDDEN ========================================================= */ @media screen and (max-width: 989px) { .mindemez-cart-checkout #customer_details { width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 30px 0 0 !important; padding: 25px 0 0 !important; } .mindemez-cart-checkout #customer_details::before { margin-bottom: 22px !important; } .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper { display: flex !important; flex-direction: column !important; width: 100% !important; min-width: 0 !important; max-width: none !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; } .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper .form-row { display: block !important; float: none !important; clear: both !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; margin: 0 0 14px !important; padding: 0 !important; } .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper .form-row > label { position: static !important; display: block !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 0 5px !important; padding: 0 !important; clip: auto !important; clip-path: none !important; overflow: visible !important; font-size: 13px !important; line-height: 1.2 !important; white-space: normal !important; } .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper .form-row > .woocommerce-input-wrapper { display: block !important; width: 100% !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper input.input-text, .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper select, .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper .select2-container, .mindemez-cart-checkout .woocommerce-billing-fields__field-wrapper .select2-container .select2-selection { display: block !important; width: 100% !important; max-width: none !important; height: 40px !important; min-height: 40px !important; margin: 0 !important; box-sizing: border-box !important; } /* Address Addition label visible */ .mindemez-cart-checkout #billing_address_2_field > label { display: block !important; visibility: visible !important; opacity: 1 !important; } .mindemez-cart-checkout #billing_address_2::placeholder { color: transparent !important; opacity: 0 !important; } /* Note hidden on mobile */ .mindemez-cart-checkout #order_comments_field { display: none !important; } } /* ========================================================= CART SUMMARY — FINAL 4 COLUMN OVERRIDE Desktop: Item / Price / Quantity / Total ========================================================= */ .mindemez-cart-checkout__column-head { display: grid !important; grid-template-columns: minmax(0, 1fr) 140px 140px 140px !important; align-items: center !important; column-gap: 24px !important; width: 100% !important; min-height: 68px !important; margin: 0 !important; padding: 0 16px !important; border-top: 1px solid #000 !important; border-bottom: 1px solid #000 !important; box-sizing: border-box !important; } .mindemez-cart-checkout__column-head span { font-family: Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.2 !important; color: #000 !important; } .mindemez-cart-checkout__column-head span:nth-child(1) { text-align: left !important; } .mindemez-cart-checkout__column-head span:nth-child(2), .mindemez-cart-checkout__column-head span:nth-child(3) { text-align: center !important; } .mindemez-cart-checkout__column-head span:nth-child(4) { text-align: right !important; } .mindemez-cart-checkout__item { display: grid !important; grid-template-columns: minmax(0, 1fr) 140px 140px 140px !important; align-items: start !important; column-gap: 24px !important; width: 100% !important; margin: 0 !important; padding: 26px 16px !important; border-bottom: 1px solid #000 !important; box-sizing: border-box !important; } .mindemez-cart-checkout__item-main { display: flex !important; align-items: flex-start !important; gap: 28px !important; min-width: 0 !important; } .mindemez-cart-checkout__image-wrap { width: 220px !important; height: 220px !important; flex: 0 0 220px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #f7f7f7 !important; } .mindemez-cart-checkout__image { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; } .mindemez-cart-checkout__item-text { display: flex !important; flex-direction: column !important; align-items: flex-start !important; min-width: 0 !important; padding-top: 4px !important; } .mindemez-cart-checkout__title { margin: 0 0 4px !important; font-family: Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.3 !important; color: #000 !important; text-decoration: underline !important; } .mindemez-cart-checkout__variation { margin: 0 !important; font-family: Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.35 !important; color: #000 !important; } .mindemez-cart-checkout__remove { margin: 14px 0 0 !important; padding: 0 !important; font-family: Helvetica, Arial, sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; color: #000 !important; text-align: left !important; text-decoration: underline !important; } .mindemez-cart-checkout__unit-price { display: flex !important; align-items: flex-start !important; justify-content: center !important; padding-top: 5px !important; font-family: Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.2 !important; color: #000 !important; text-align: center !important; } .mindemez-cart-checkout__quantity { display: flex !important; align-items: center !important; justify-content: center !important; gap: 14px !important; padding-top: 0 !important; } .mindemez-cart-checkout__quantity button { -webkit-appearance: none !important; appearance: none !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 36px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #000 !important; font-family: Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1 !important; cursor: pointer !important; } .mindemez-cart-checkout__quantity [data-cart-quantity] { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 52px !important; height: 36px !important; padding: 0 12px !important; border: 1px solid #20b1c2 !important; background: #fff !important; color: #000 !important; font-family: Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1 !important; box-sizing: border-box !important; } .mindemez-cart-checkout__line-total { display: flex !important; align-items: flex-start !important; justify-content: flex-end !important; padding-top: 5px !important; font-family: Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.2 !important; color: #000 !important; text-align: right !important; } @media screen and (max-width: 989px) { .mindemez-cart-checkout__column-head { display: none !important; } .mindemez-cart-checkout__item { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-areas: "main quantity" "price total" !important; column-gap: 12px !important; row-gap: 14px !important; padding: 16px 10px !important; } .mindemez-cart-checkout__item-main { grid-area: main !important; gap: 14px !important; } .mindemez-cart-checkout__image-wrap { width: 92px !important; height: 92px !important; flex: 0 0 92px !important; } .mindemez-cart-checkout__item-text { padding-top: 0 !important; } .mindemez-cart-checkout__title, .mindemez-cart-checkout__variation, .mindemez-cart-checkout__unit-price, .mindemez-cart-checkout__line-total { font-size: 13px !important; } .mindemez-cart-checkout__remove { font-size: 12px !important; margin-top: 10px !important; } .mindemez-cart-checkout__unit-price { grid-area: price !important; justify-content: flex-start !important; padding-top: 0 !important; } .mindemez-cart-checkout__quantity { grid-area: quantity !important; justify-content: flex-end !important; align-self: start !important; padding-top: 0 !important; } .mindemez-cart-checkout__quantity [data-cart-quantity] { min-width: 42px !important; height: 32px !important; font-size: 13px !important; } .mindemez-cart-checkout__quantity button { height: 32px !important; font-size: 13px !important; } .mindemez-cart-checkout__line-total { grid-area: total !important; justify-content: flex-end !important; padding-top: 0 !important; } } /* ========================================================= MINDEMEZ — STABLE CHECKOUT OVERRIDE NO DOM CLONING / NO JS REORDERING ========================================================= */ /* Full-height white checkout surface */ #MindemezHeader .mindemez-header__checkout-panel:not([hidden]) { background: #fff !important; min-height: calc(100dvh - 30px) !important; z-index: 999998 !important; } #MindemezHeader .mindemez-header__checkout-host, .mindemez-cart-checkout, .mindemez-cart-checkout__checkout { background: #fff !important; min-height: calc(100dvh - 30px) !important; } /* White backdrop behind the panel */ body:has( #MindemezHeader .mindemez-header__checkout-panel:not([hidden]) )::before { content: ""; position: fixed !important; top: 30px !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background: #fff !important; z-index: 999997 !important; pointer-events: none !important; } /* No gap before Woo checkout content */ .mindemez-cart-checkout__checkout { padding-top: 0 !important; } /* Cart separator lines */ .mindemez-cart-checkout__column-head, .mindemez-cart-checkout__item, .mindemez-cart-checkout__total, .mindemez-cart-checkout__empty { border-color: #efefef !important; } /* ========================================================= DESKTOP ========================================================= */ @media screen and (min-width: 990px) { .mindemez-cart-checkout form.checkout { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; grid-template-rows: auto auto !important; column-gap: 40px !important; row-gap: 40px !important; align-items: start !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* * #order_review remains in the DOM and WooCommerce can update it normally. * display:contents only exposes its two direct children to the form grid. */ .mindemez-cart-checkout #order_review { display: contents !important; } .mindemez-cart-checkout #order_review_heading { display: none !important; } /* Native Woo order summary: full width, first row */ .mindemez-cart-checkout #order_review > .woocommerce-checkout-review-order-table { grid-column: 1 / -1 !important; grid-row: 1 !important; width: 100% !important; min-width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: #fff !important; } /* Shipping address: left side, second row */ .mindemez-cart-checkout #customer_details { grid-column: 1 !important; grid-row: 2 !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding-top: 0 !important; border-top: 0 !important; } /* Payment: right side, second row */ .mindemez-cart-checkout #order_review > #payment { grid-column: 2 !important; grid-row: 2 !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding-top: 0 !important; } } /* ========================================================= ORDER SUMMARY LINES ========================================================= */ .mindemez-cart-checkout .woocommerce-checkout-review-order-table th, .mindemez-cart-checkout .woocommerce-checkout-review-order-table td, .mindemez-cart-checkout .woocommerce-checkout-review-order-table tr { border-color: #efefef !important; } .mindemez-cart-checkout .woocommerce-checkout-review-order-table tr.cart-subtotal, .mindemez-cart-checkout .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals, .mindemez-cart-checkout .woocommerce-checkout-review-order-table tr.order-total { border-bottom: 1px solid #efefef !important; } /* ========================================================= MOBILE ========================================================= */ @media screen and (max-width: 989px) { #MindemezHeader .mindemez-header__checkout-panel:not([hidden]) { background: #fff !important; min-height: calc(100dvh - 26px) !important; } #MindemezHeader .mindemez-header__checkout-host, .mindemez-cart-checkout, .mindemez-cart-checkout__checkout { background: #fff !important; min-height: calc(100dvh - 26px) !important; } body:has( #MindemezHeader .mindemez-header__checkout-panel:not([hidden]) )::before { top: 26px !important; } .mindemez-cart-checkout form.checkout { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto auto !important; row-gap: 28px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .mindemez-cart-checkout #order_review { display: contents !important; } .mindemez-cart-checkout #order_review > .woocommerce-checkout-review-order-table { grid-column: 1 !important; grid-row: 1 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .mindemez-cart-checkout #customer_details { grid-column: 1 !important; grid-row: 2 !important; width: 100% !important; margin: 0 !important; padding-top: 0 !important; border-top: 0 !important; } .mindemez-cart-checkout #order_review > #payment { grid-column: 1 !important; grid-row: 3 !important; width: 100% !important; margin: 0 !important; padding-top: 0 !important; } } /* ========================================================= MINDEMEZ — FINAL STABLE ORDER SUMMARY LAYOUT JS moves only #payment; order table stays native. ========================================================= */ /* ========================================================= FULL-HEIGHT WHITE CHECKOUT SURFACE ========================================================= */ #MindemezHeader .mindemez-header__checkout-panel:not([hidden]) { background: #fff !important; min-height: calc(100dvh - 30px) !important; z-index: 999998 !important; } #MindemezHeader .mindemez-header__checkout-host, .mindemez-cart-checkout, .mindemez-cart-checkout__checkout { background: #fff !important; min-height: calc(100dvh - 30px) !important; } body:has( #MindemezHeader .mindemez-header__checkout-panel:not([hidden]) )::before { content: ""; position: fixed !important; top: 30px !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background: #fff !important; z-index: 999997 !important; pointer-events: none !important; } /* ========================================================= NO EXTRA GAP BEFORE ORDER SUMMARY ========================================================= */ .mindemez-cart-checkout__checkout { padding-top: 0 !important; } /* ========================================================= CART SEPARATOR LINES ========================================================= */ .mindemez-cart-checkout__column-head, .mindemez-cart-checkout__item, .mindemez-cart-checkout__total, .mindemez-cart-checkout__empty { border-color: #efefef !important; } /* ========================================================= DESKTOP Row 1: Order Summary full width Row 2: Shipping Address | Payment ========================================================= */ @media screen and (min-width: 990px) { .mindemez-cart-checkout form.checkout { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; grid-template-rows: auto auto !important; column-gap: 40px !important; row-gap: 40px !important; align-items: start !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* Native Woo order-review wrapper stays intact and spans both columns. */ .mindemez-cart-checkout #order_review { display: block !important; grid-column: 1 / -1 !important; grid-row: 1 !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } .mindemez-cart-checkout #order_review_heading { display: none !important; } .mindemez-cart-checkout #order_review > .woocommerce-checkout-review-order-table { display: table !important; width: 100% !important; min-width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-collapse: collapse !important; background: #fff !important; } /* Shipping Address — left */ .mindemez-cart-checkout #customer_details { grid-column: 1 !important; grid-row: 2 !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding-top: 0 !important; border-top: 0 !important; } /* Payment — right; JS makes it a direct child of form.checkout. */ .mindemez-cart-checkout form.checkout > #payment { grid-column: 2 !important; grid-row: 2 !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= ORDER SUMMARY LINES — #efefef ========================================================= */ .mindemez-cart-checkout .woocommerce-checkout-review-order-table th, .mindemez-cart-checkout .woocommerce-checkout-review-order-table td, .mindemez-cart-checkout .woocommerce-checkout-review-order-table tr { border-color: #efefef !important; } .mindemez-cart-checkout .woocommerce-checkout-review-order-table tr.cart-subtotal, .mindemez-cart-checkout .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals, .mindemez-cart-checkout .woocommerce-checkout-review-order-table tr.order-total { border-top: 0 !important; border-bottom: 1px solid #efefef !important; } /* ========================================================= PAYMENT HEADING ========================================================= */ .mindemez-cart-checkout form.checkout > #payment::before { content: "Choose a way to pay"; display: block !important; margin: 0 0 28px !important; padding: 0 !important; font-family: Helvetica, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1 !important; color: #000 !important; } /* ========================================================= PAYMENT SEPARATOR LINES ========================================================= */ .mindemez-cart-checkout .wc_payment_methods, .mindemez-cart-checkout .wc_payment_method { border-color: #efefef !important; } /* ========================================================= MOBILE Order Summary -> Shipping Address -> Payment ========================================================= */ @media screen and (max-width: 989px) { #MindemezHeader .mindemez-header__checkout-panel:not([hidden]) { background: #fff !important; min-height: calc(100dvh - 26px) !important; } #MindemezHeader .mindemez-header__checkout-host, .mindemez-cart-checkout, .mindemez-cart-checkout__checkout { background: #fff !important; min-height: calc(100dvh - 26px) !important; } body:has( #MindemezHeader .mindemez-header__checkout-panel:not([hidden]) )::before { top: 26px !important; } .mindemez-cart-checkout form.checkout { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto auto !important; row-gap: 28px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .mindemez-cart-checkout #order_review { display: block !important; grid-column: 1 !important; grid-row: 1 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .mindemez-cart-checkout #order_review > .woocommerce-checkout-review-order-table { width: 100% !important; min-width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } .mindemez-cart-checkout #customer_details { grid-column: 1 !important; grid-row: 2 !important; width: 100% !important; margin: 0 !important; padding-top: 0 !important; border-top: 0 !important; } .mindemez-cart-checkout form.checkout > #payment { grid-column: 1 !important; grid-row: 3 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= FINAL FIX — ORDER SUMMARY TRUE FULL WIDTH + BOLD BOTTOM TOTAL PRICE ========================================================= */ @media screen and (min-width: 990px) { .mindemez-cart-checkout #order_review { grid-column: 1 / -1 !important; width: 100% !important; min-width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } .mindemez-cart-checkout #order_review > .woocommerce-checkout-review-order-table { display: table !important; width: 100% !important; min-width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; table-layout: fixed !important; border-collapse: collapse !important; } .mindemez-cart-checkout #order_review > .woocommerce-checkout-review-order-table thead, .mindemez-cart-checkout #order_review > .woocommerce-checkout-review-order-table tbody, .mindemez-cart-checkout #order_review > .woocommerce-checkout-review-order-table tfoot { width: 100% !important; } .mindemez-cart-checkout #order_review > .woocommerce-checkout-review-order-table tr { width: 100% !important; } .mindemez-cart-checkout #order_review > .woocommerce-checkout-review-order-table th, .mindemez-cart-checkout #order_review > .woocommerce-checkout-review-order-table td { box-sizing: border-box !important; } } /* Bottom Total label + price bold */ .mindemez-cart-checkout .woocommerce-checkout-review-order-table tr.order-total > th, .mindemez-cart-checkout .woocommerce-checkout-review-order-table tr.order-total > td, .mindemez-cart-checkout .woocommerce-checkout-review-order-table tr.order-total > td strong, .mindemez-cart-checkout .woocommerce-checkout-review-order-table tr.order-total > td .amount { font-weight: 700 !important; } /* ========================================================= FINAL FIX — REMOVE EXTRA SPACE AT BOTTOM Keep only the outer checkout panel full-height. ========================================================= */ #MindemezHeader .mindemez-header__checkout-host, .mindemez-cart-checkout, .mindemez-cart-checkout__checkout { min-height: 0 !important; } /* Small clean bottom spacing only */ .mindemez-cart-checkout__checkout { padding-bottom: 20px !important; } @media screen and (max-width: 989px) { #MindemezHeader .mindemez-header__checkout-host, .mindemez-cart-checkout, .mindemez-cart-checkout__checkout { min-height: 0 !important; } .mindemez-cart-checkout__checkout { padding-bottom: 20px !important; } } /* ========================================================= FINAL SPACING ORDER SUMMARY = FULL WIDTH CONTENT = EXACT 10PX DESKTOP + MOBILE ========================================================= */ /* ========================================================= 1. OUTER CHECKOUT — NO SIDE PADDING ========================================================= */ .mindemez-cart-checkout, .mindemez-cart-checkout__checkout, .mindemez-cart-checkout form.checkout { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } /* ========================================================= 2. ORDER SUMMARY — TRUE FULL WIDTH ========================================================= */ .mindemez-cart-checkout #order_review { width: 100% !important; min-width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .mindemez-cart-checkout #order_review .woocommerce-checkout-review-order-table { width: 100% !important; min-width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border-collapse: collapse !important; table-layout: auto !important; box-sizing: border-box !important; } /* full-width rows / lines */ .mindemez-cart-checkout #order_review .woocommerce-checkout-review-order-table tr { width: 100% !important; margin: 0 !important; border-bottom: 1px solid #efefef !important; box-sizing: border-box !important; } /* remove cell borders so only the full row line remains */ .mindemez-cart-checkout #order_review .woocommerce-checkout-review-order-table th, .mindemez-cart-checkout #order_review .woocommerce-checkout-review-order-table td { border: 0 !important; } /* content inside summary = exactly 10px */ .mindemez-cart-checkout #order_review .woocommerce-checkout-review-order-table th:first-child { padding-left: 10px !important; } .mindemez-cart-checkout #order_review .woocommerce-checkout-review-order-table td:last-child { padding-right: 10px !important; } /* shipping row content */ .mindemez-cart-checkout #order_review tr.woocommerce-shipping-totals > th { padding-left: 10px !important; } .mindemez-cart-checkout #order_review tr.woocommerce-shipping-totals > td { padding-right: 10px !important; } /* ========================================================= 3. DESKTOP — EXACT 10PX OUTER EDGE ========================================================= */ @media screen and (min-width: 990px) { .mindemez-cart-checkout form.checkout { padding: 0 !important; } /* left side starts exactly 10px */ .mindemez-cart-checkout #customer_details { margin: 0 !important; padding-left: 10px !important; padding-right: 0 !important; box-sizing: border-box !important; } /* right side ends exactly 10px */ .mindemez-cart-checkout form.checkout > #payment { margin: 0 !important; padding-left: 0 !important; padding-right: 10px !important; box-sizing: border-box !important; } } /* ========================================================= 4. MOBILE — EXACT 10PX BOTH SIDES ========================================================= */ @media screen and (max-width: 989px) { .mindemez-cart-checkout form.checkout { padding: 0 !important; } .mindemez-cart-checkout #customer_details, .mindemez-cart-checkout form.checkout > #payment { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 10px !important; padding-right: 10px !important; box-sizing: border-box !important; } /* Order Summary remains edge-to-edge */ .mindemez-cart-checkout #order_review { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* shipping methods cannot overflow */ .mindemez-cart-checkout #order_review ul#shipping_method, .mindemez-cart-checkout #order_review ul.woocommerce-shipping-methods { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } } /* ========================================================= DESKTOP CART SUMMARY — EXACT 10PX LEFT / RIGHT MOBILE UNCHANGED ========================================================= */ @media screen and (min-width: 990px) { .mindemez-cart-checkout__column-head, .mindemez-cart-checkout__item { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 10px !important; padding-right: 10px !important; box-sizing: border-box !important; } .mindemez-cart-checkout__cart-host, .mindemez-cart-checkout__cart { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } /* a cart summary vonalai maradjanak full width */ .mindemez-cart-checkout__column-head, .mindemez-cart-checkout__item { border-left: 0 !important; border-right: 0 !important; border-color: #efefef !important; } } /* ========================================================= ORDER SUMMARY — HIDE PRODUCT ROW ========================================================= */ .mindemez-cart-checkout #order_review .woocommerce-checkout-review-order-table tbody { display: none !important; } /* ORDER SUMMARY — TOTAL PRICE BOLD */ .mindemez-cart-checkout #order_review .woocommerce-checkout-review-order-table tr.order-total td, .mindemez-cart-checkout #order_review .woocommerce-checkout-review-order-table tr.order-total td *, .mindemez-cart-checkout #order_review .woocommerce-checkout-review-order-table tr.order-total .woocommerce-Price-amount, .mindemez-cart-checkout #order_review .woocommerce-checkout-review-order-table tr.order-total .woocommerce-Price-amount bdi { font-weight: 700 !important; } /* ORDER SUMMARY — TOTAL BOLD */ .mindemez-cart-checkout #order_review .woocommerce-checkout-review-order-table tr.order-total > th, .mindemez-cart-checkout #order_review .woocommerce-checkout-review-order-table tr.order-total > td, .mindemez-cart-checkout #order_review .woocommerce-checkout-review-order-table tr.order-total strong, .mindemez-cart-checkout #order_review .woocommerce-checkout-review-order-table tr.order-total .amount { font-weight: 700 !important; } /* ========================================================= MOBILE CART SUMMARY Item / Price / Quantity / Total No image — title only ========================================================= */ @media screen and (max-width: 989px) { /* fejléc mobilon is látható */ .mindemez-cart-checkout__column-head { display: grid !important; grid-template-columns: minmax(0, 1fr) 70px 90px 70px !important; align-items: center !important; column-gap: 8px !important; width: 100% !important; min-height: 44px !important; margin: 0 !important; padding-left: 10px !important; padding-right: 10px !important; border-top: 1px solid #efefef !important; border-bottom: 1px solid #efefef !important; box-sizing: border-box !important; } .mindemez-cart-checkout__column-head span { font-size: 13px !important; } .mindemez-cart-checkout__column-head span:nth-child(1) { text-align: left !important; } .mindemez-cart-checkout__column-head span:nth-child(2), .mindemez-cart-checkout__column-head span:nth-child(3) { text-align: center !important; } .mindemez-cart-checkout__column-head span:nth-child(4) { text-align: right !important; } /* product sor ugyanaz a 4 oszlop */ .mindemez-cart-checkout__item { display: grid !important; grid-template-columns: minmax(0, 1fr) 70px 90px 70px !important; grid-template-areas: "main price quantity total" !important; align-items: center !important; column-gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 14px 10px !important; border-bottom: 1px solid #efefef !important; box-sizing: border-box !important; } /* kép mobilon teljesen elrejtve */ .mindemez-cart-checkout__image-wrap, .mindemez-cart-checkout__image { display: none !important; } /* Item = csak title */ .mindemez-cart-checkout__item-main { grid-area: main !important; display: block !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } .mindemez-cart-checkout__item-text { display: block !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } .mindemez-cart-checkout__title { display: block !important; margin: 0 !important; font-size: 13px !important; line-height: 1.3 !important; text-align: left !important; text-decoration: underline !important; } /* variation és remove ne jelenjen meg mobilon */ .mindemez-cart-checkout__variation, .mindemez-cart-checkout__remove { display: none !important; } /* Price */ .mindemez-cart-checkout__unit-price { grid-area: price !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; font-size: 13px !important; text-align: center !important; } /* Quantity */ .mindemez-cart-checkout__quantity { grid-area: quantity !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; margin: 0 !important; padding: 0 !important; } .mindemez-cart-checkout__quantity button { width: 18px !important; height: 30px !important; font-size: 13px !important; } .mindemez-cart-checkout__quantity [data-cart-quantity] { min-width: 34px !important; width: 34px !important; height: 30px !important; padding: 0 5px !important; font-size: 13px !important; } /* Total */ .mindemez-cart-checkout__line-total { grid-area: total !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; margin: 0 !important; padding: 0 !important; font-size: 13px !important; text-align: right !important; } } /* MOBILE — SHIPPING BUTTONS RIGHT ALIGNED */ @media screen and (max-width: 989px) { .mindemez-cart-checkout #order_review ul#shipping_method, .mindemez-cart-checkout #order_review ul.woocommerce-shipping-methods { display: flex !important; justify-content: flex-end !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } }