.elementor-kit-9378{--e-global-color-primary:#499CC2;--e-global-color-secondary:#252531;--e-global-color-text:#7A7A7A;--e-global-color-accent:#2D81FF;--e-global-color-6b0bab2:#FFFFFF;--e-global-color-ddb8095:#F9F9F9;--e-global-color-4a79f99:#ECECEC;--e-global-color-6b0d9df:#E5E5E5;--e-global-color-af9cf4f:#C4C4C4;--e-global-color-bc5a543:#F2442C;--e-global-color-dd672b6:#F2F5F9;--e-global-color-d30422f:#CECECE;--e-global-color-5cddaf0:#D5D5DB;--e-global-color-aea8ce3:#F2F5F9;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:14px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:capitalize;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:20px;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-text-text-decoration:none;--e-global-typography-f78445c-font-family:"Mulish";--e-global-typography-f78445c-font-size:14px;--e-global-typography-f78445c-font-weight:700;--e-global-typography-f78445c-text-transform:capitalize;--e-global-typography-f78445c-line-height:20px;--e-global-typography-2040ccb-font-family:"Mulish";--e-global-typography-2040ccb-font-size:16px;--e-global-typography-2040ccb-font-weight:400;--e-global-typography-2040ccb-line-height:20px;--e-global-typography-2040ccb-letter-spacing:0px;--e-global-typography-0ffe3bc-font-family:"Mulish";--e-global-typography-0ffe3bc-font-size:14px;--e-global-typography-0ffe3bc-font-weight:400;--e-global-typography-0ffe3bc-line-height:30px;--e-global-typography-062c37c-font-family:"Mulish";--e-global-typography-062c37c-font-size:18px;--e-global-typography-062c37c-font-weight:600;--e-global-typography-062c37c-line-height:36px;--e-global-typography-a96df28-font-family:"Mulish";--e-global-typography-a96df28-font-size:20px;--e-global-typography-a96df28-font-weight:400;--e-global-typography-a96df28-line-height:36px;--e-global-typography-d2ad237-font-family:"Mulish";--e-global-typography-d2ad237-font-size:18px;--e-global-typography-d2ad237-font-weight:400;--e-global-typography-d2ad237-line-height:24px;--e-global-typography-37bc451-font-family:"Mulish";--e-global-typography-37bc451-font-size:20px;--e-global-typography-37bc451-font-weight:600;--e-global-typography-37bc451-line-height:45px;--e-global-typography-25b9b2b-font-family:"Mulish";--e-global-typography-25b9b2b-font-size:16px;--e-global-typography-25b9b2b-font-weight:600;--e-global-typography-25b9b2b-line-height:24px;--e-global-typography-7b24cda-font-family:"Mulish";--e-global-typography-7b24cda-font-size:12px;--e-global-typography-7b24cda-font-weight:600;--e-global-typography-7b24cda-line-height:20px;--e-global-typography-c476a31-font-family:"Mulish";--e-global-typography-c476a31-font-size:30px;--e-global-typography-c476a31-font-weight:600;--e-global-typography-c476a31-line-height:50px;--e-global-typography-67025ee-font-family:"Mulish";--e-global-typography-67025ee-font-size:20px;--e-global-typography-67025ee-font-weight:600;--e-global-typography-67025ee-line-height:50px;--e-global-typography-aba1e11-font-family:"Mulish";--e-global-typography-aba1e11-font-size:18px;--e-global-typography-aba1e11-font-weight:600;--e-global-typography-aba1e11-line-height:24px;--e-global-typography-75ce8c7-font-family:"Mulish";--e-global-typography-75ce8c7-font-size:16px;--e-global-typography-75ce8c7-font-weight:600;--e-global-typography-75ce8c7-line-height:24px;--e-global-typography-78c3833-font-family:"Mulish";--e-global-typography-78c3833-font-size:40px;--e-global-typography-78c3833-font-weight:600;--e-global-typography-78c3833-line-height:50px;--e-global-typography-8c942ce-font-family:"Mulish";--e-global-typography-8c942ce-font-size:20px;--e-global-typography-8c942ce-font-weight:400;--e-global-typography-8c942ce-line-height:24px;color:var( --e-global-color-secondary );font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:20px;}.elementor-kit-9378 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9378 a{font-family:"Roboto", Sans-serif;text-decoration:none;}.elementor-kit-9378 a:hover{font-family:"Roboto", Sans-serif;text-decoration:none;}.elementor-kit-9378 h1{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-78c3833-font-family ), Sans-serif;font-size:var( --e-global-typography-78c3833-font-size );font-weight:var( --e-global-typography-78c3833-font-weight );line-height:var( --e-global-typography-78c3833-line-height );}.elementor-kit-9378 h2{color:var( --e-global-color-secondary );font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;text-decoration:none;line-height:50px;}.elementor-kit-9378 h3{color:var( --e-global-color-secondary );font-family:"Roboto", Sans-serif;font-size:24px;font-weight:400;text-decoration:none;line-height:1em;}.elementor-kit-9378 h4{color:var( --e-global-color-secondary );font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;text-decoration:none;line-height:24px;}.elementor-kit-9378 h5{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-aba1e11-font-family ), Sans-serif;font-size:var( --e-global-typography-aba1e11-font-size );font-weight:var( --e-global-typography-aba1e11-font-weight );line-height:var( --e-global-typography-aba1e11-line-height );}.elementor-kit-9378 h6{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-75ce8c7-font-family ), Sans-serif;font-size:var( --e-global-typography-75ce8c7-font-size );font-weight:var( --e-global-typography-75ce8c7-font-weight );line-height:var( --e-global-typography-75ce8c7-line-height );}.elementor-kit-9378 button,.elementor-kit-9378 input[type="button"],.elementor-kit-9378 input[type="submit"],.elementor-kit-9378 .elementor-button{font-family:"Mulish", Sans-serif;font-weight:normal;text-transform:capitalize;line-height:20px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.page-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-9378 h1{font-size:var( --e-global-typography-78c3833-font-size );line-height:var( --e-global-typography-78c3833-line-height );}.elementor-kit-9378 h5{font-size:var( --e-global-typography-aba1e11-font-size );line-height:var( --e-global-typography-aba1e11-line-height );}.elementor-kit-9378 h6{font-size:var( --e-global-typography-75ce8c7-font-size );line-height:var( --e-global-typography-75ce8c7-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-9378 h1{font-size:var( --e-global-typography-78c3833-font-size );line-height:var( --e-global-typography-78c3833-line-height );}.elementor-kit-9378 h5{font-size:var( --e-global-typography-aba1e11-font-size );line-height:var( --e-global-typography-aba1e11-line-height );}.elementor-kit-9378 h6{font-size:var( --e-global-typography-75ce8c7-font-size );line-height:var( --e-global-typography-75ce8c7-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root :where(a:where(:not(.wp-element-button))) { text-decoration: none !important; } /* ========================================================= LabelSwift — Cart & Checkout (Elementor Site Settings CSS) Brand blue: #499CC2 | Hover/alt: #000 ========================================================= */ /* =========================== GLOBAL (utility tweaks) =========================== */ /* Hide Woo show/hide password toggle (per your preference) */ .woocommerce .show-password-input { display: none; } /* Ensure Select2 containers behave like inputs wherever used */ .select2-container { width: 100% !important; } /* =========================== CHECKOUT — structural polish =========================== */ /* A) “Item details” grid (Label | Value) */ body.woocommerce-checkout .woocommerce-checkout-review-order-table dl.variation { display: grid; grid-template-columns: max-content 1fr; column-gap: 12px; row-gap: 6px; margin: 6px 0 0; font-size: 13px; line-height: 1.45; color: #222; } body.woocommerce-checkout .woocommerce-checkout-review-order-table dl.variation dt, body.woocommerce-checkout .woocommerce-checkout-review-order-table dl.variation dd { margin: 0; padding: 0; } body.woocommerce-checkout .woocommerce-checkout-review-order-table dl.variation dt { font-weight: 600; color: #333; } body.woocommerce-checkout .woocommerce-checkout-review-order-table dl.variation dt::after { content: none !important; } body.woocommerce-checkout .woocommerce-checkout-review-order-table dl.variation dd p { margin: 0; display: inline; } /* Hide section headers inside compact view */ body.woocommerce-checkout .woocommerce-checkout-review-order-table dl.variation dt.variation-DesignVariations, body.woocommerce-checkout .woocommerce-checkout-review-order-table dl.variation dd.variation-DesignVariations, body.woocommerce-checkout .woocommerce-checkout-review-order-table dl.variation dt.variation-LabelSpecifications, body.woocommerce-checkout .woocommerce-checkout-review-order-table dl.variation dd.variation-LabelSpecifications, body.woocommerce-checkout .woocommerce-checkout-review-order-table dl.variation dt.variation-AdditionalCharges, body.woocommerce-checkout .woocommerce-checkout-review-order-table dl.variation dd.variation-AdditionalCharges { display: none !important; } /* B) Totals/shipping rows — natural sizing + breathing room */ body.woocommerce-checkout table.shop_table { width: 100%; table-layout: auto; } body.woocommerce-checkout table.shop_table th, body.woocommerce-checkout table.shop_table td { padding: 14px 20px; } body.woocommerce-checkout table.shop_table tr.cart-subtotal th, body.woocommerce-checkout table.shop_table tr.cart-subtotal td, body.woocommerce-checkout table.shop_table tr.shipping th, body.woocommerce-checkout table.shop_table tr.shipping td, body.woocommerce-checkout table.shop_table tr.order-total th, body.woocommerce-checkout table.shop_table tr.order-total td { width: auto; white-space: nowrap; vertical-align: middle; } /* C) Billing name fields — wider, tighter gap */ body.woocommerce-checkout #billing_first_name_field, body.woocommerce-checkout #billing_last_name_field { width: 49% !important; display: inline-block; float: left; } body.woocommerce-checkout #billing_first_name_field { margin-right: 2% !important; } body.woocommerce-checkout #billing_first_name_field input.input-text, body.woocommerce-checkout #billing_last_name_field input.input-text { width: 100% !important; box-sizing: border-box; } /* D) Shipping name fields — match Billing */ body.woocommerce-checkout #shipping_first_name_field, body.woocommerce-checkout #shipping_last_name_field { width: 49% !important; display: inline-block; float: left; } body.woocommerce-checkout #shipping_first_name_field { margin-right: 2% !important; } body.woocommerce-checkout #shipping_first_name_field input.input-text, body.woocommerce-checkout #shipping_last_name_field input.input-text { width: 100% !important; box-sizing: border-box; font-size: 15px; padding: 12px 14px; } /* E) Form rhythm & typography */ body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row, body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper p.form-row { margin-bottom: 12px; } body.woocommerce-checkout label { font-size: 15px; font-weight: 600; } body.woocommerce-checkout input.input-text { font-size: 15px; padding: 12px 14px; } /* ============================================ CHECKOUT — primary action button (Place order) ============================================ */ body.woocommerce-checkout #place_order, body.woocommerce-checkout .form-row.place-order .button.alt { display: inline-flex; align-items: center; justify-content: center; background-color: #499CC2; color: #fff; font-weight: 600; font-size: 15px; letter-spacing: .03em; text-transform: uppercase; border: none; border-radius: 4px; padding: 14px 22px; width: 100%; line-height: 1; cursor: pointer; transition: background-color .25s ease, color .25s ease; } body.woocommerce-checkout #place_order:hover, body.woocommerce-checkout #place_order:focus, body.woocommerce-checkout .form-row.place-order .button.alt:hover, body.woocommerce-checkout .form-row.place-order .button.alt:focus { background-color: #000; color: #fff; outline: none; } /* ========================================= CHECKOUT — Create Account + Order Notes ========================================= */ /* Keep Create Account row nicely spaced under Email */ .elementor-4791 .woocommerce-account-fields .create-account { margin-top: 26px !important; } /* Create Account label: single real checkbox + aligned text (hides decorative pseudo-box from some themes) */ .elementor-4791 .woocommerce-account-fields label.woocommerce-form__label-for-checkbox.checkbox { display: flex !important; align-items: center; gap: 8px; margin: 0 0 20px; font-family: var(--e-global-typography-8c942ce-font-family, "Mulish", Sans-serif); font-size: var(--e-global-typography-8c942ce-font-size, 20px); font-weight: var(--e-global-typography-8c942ce-font-weight, 400); line-height: var(--e-global-typography-8c942ce-line-height, 24px); color: var(--e-global-color-secondary, #252531); } .elementor-4791 .woocommerce-account-fields label.checkbox input[type="checkbox"] { display: inline-block !important; margin: 0 8px 0 0 !important; transform: translateY(1px); accent-color: #499CC2; /* brand blue tick */ } .elementor-4791 .woocommerce-account-fields label.checkbox .woocommerce-form__input-checkbox + span::before, .elementor-4791 .woocommerce-account-fields label.checkbox .woocommerce-form__input-checkbox + span::after { content: none !important; display: none !important; } .elementor-4791 .woocommerce-account-fields label.checkbox span { padding-left: 0 !important; } /* Order Notes spacing + textarea style (works wherever you place it) */ .ls-order-notes-after-toggle, .ls-order-notes-before-payment-heading, .woocommerce-checkout .woocommerce-additional-fields__field-wrapper { margin-top: 24px !important; } #order_comments_field label { display:block; margin:0 0 8px; font-weight:600; color:#111; } #order_comments { width:100%; box-sizing:border-box; padding:12px 14px; font-size:15px; line-height:1.45; border:1px solid #ccc; border-radius:4px; } /* ====================== CART — structural base ====================== */ body.woocommerce-cart dl.variation { display: grid; grid-template-columns: max-content 1fr; align-items: start; column-gap: 12px; row-gap: 8px; background: #fff; border: 1px solid #e8e8ee; border-radius: 12px; padding: 14px 16px; margin-top: 10px; font-size: 14px; color: #222; } body.woocommerce-cart dl.variation dt, body.woocommerce-cart dl.variation dd { margin: 0; padding: 0; } body.woocommerce-cart dl.variation dd p { margin: 0; line-height: 1.4; } /* Label chips */ body.woocommerce-cart dl.variation dt { align-self: start; background: #f7f7f9; border: 1px solid #e8e8ee; border-radius: 999px; padding: 4px 8px; font-weight: 600; color: #333; white-space: nowrap; } /* Value row divider */ body.woocommerce-cart dl.variation dd { border-bottom: 1px dashed #eee; padding-bottom: 4px; } /* Section headers (full row) */ body.woocommerce-cart dl.variation dt.variation-DesignVariations, body.woocommerce-cart dl.variation dt.variation-LabelSpecifications, body.woocommerce-cart dl.variation dt.variation-AdditionalCharges { grid-column: 1/-1; border-radius: 8px; padding: 6px 10px; font-weight: 700; margin: 12px 0 6px; } body.woocommerce-cart dl.variation dt.variation-DesignVariations { background: #eef7ff; border: 1px solid #d7ebff; color: #0b63c6; } body.woocommerce-cart dl.variation dt.variation-LabelSpecifications, body.woocommerce-cart dl.variation dt.variation-AdditionalCharges { background: #f7f7f9; border: 1px solid #e8e8ee; } body.woocommerce-cart dl.variation dd.variation-DesignVariations, body.woocommerce-cart dl.variation dd.variation-LabelSpecifications, body.woocommerce-cart dl.variation dd.variation-AdditionalCharges { display: none; } body.woocommerce-cart dl.variation .ls-section-header { display: none !important; } /* Hide table header to avoid reflow after render */ body.woocommerce-cart table.shop_table.cart thead { display: none !important; } body.woocommerce-cart table.shop_table.cart tbody tr:first-child td { border-top: none; padding-top: .75em; } /* Cells align nicely; remove underline under remove column */ body.woocommerce-cart table.shop_table.cart td { vertical-align: middle; } body.woocommerce-cart table.shop_table.cart td.product-remove { border-bottom: none !important; } /* Remove + Uni-CPO edit icons row */ body.woocommerce-cart td.product-remove { display: flex; align-items: center; gap: 8px; } body.woocommerce-cart td.product-remove a.remove { font-size: 16px; color: #888; line-height: 1; text-decoration: none; } body.woocommerce-cart td.product-remove a.remove:hover, body.woocommerce-cart td.product-remove a.remove:focus { color: #333; } /* Top-aligned on wide screens, tighter on mobile */ @media (min-width: 992px) { body.woocommerce-cart table.shop_table.cart td.product-remove { display: flex; align-items: flex-start; justify-content: center; padding-top: 20px; gap: 8px; } } @media (max-width: 991.98px) { body.woocommerce-cart table.shop_table.cart td.product-remove { display: flex; align-items: flex-start; justify-content: center; padding-top: 10px; gap: 8px; } } /* Uni-CPO pencil icon */ body.woocommerce-cart .uni-cpo-cart-action.uni-cpo-action-edit { display: inline-flex; width: 16px; height: 16px; font-size: 0; color: #888; cursor: pointer; align-items: center; justify-content: center; } body.woocommerce-cart .uni-cpo-cart-action.uni-cpo-action-edit::before { content: ""; display: block; width: 16px; height: 16px; background: no-repeat center / 16px 16px; background-image: url('data:image/svg+xml;utf8,'); } body.woocommerce-cart td.product-remove a.remove::before, body.woocommerce-cart td.product-remove a.remove::after, body.woocommerce-cart .uni-cpo-cart-action.uni-cpo-action-edit::after { content: none !important; } /* Product title tweak */ .woocommerce-cart table.cart tr td.product-name { font-size: 17px; font-weight: 500; line-height: 14px; } /* ================================= CART — totals layout & CTA styles ================================= */ body.woocommerce-cart .cart_totals { font-size: 15px; line-height: 1.5; letter-spacing: .01em; color: #222; } body.woocommerce-cart .cart_totals h2 { font-size: 24px; font-weight: 700; margin-bottom: 14px; color: #111; } /* Row spacing and neat alignment */ body.woocommerce-cart .cart_totals table.shop_table { width: 90%; border-collapse: separate; border-spacing: 0 10px; } body.woocommerce-cart .cart_totals table.shop_table th, body.woocommerce-cart .cart_totals table.shop_table td { padding: 6px 0; border: none !important; vertical-align: middle; } body.woocommerce-cart .cart_totals table.shop_table th { text-align: left; font-weight: 500; color: #444; padding-right: 16px; min-width: 100px; } body.woocommerce-cart .cart_totals table.shop_table td { text-align: right; font-weight: 600; color: #111; } body.woocommerce-cart .cart_totals .cart-subtotal td { font-weight: 500; color: #333; } body.woocommerce-cart .cart_totals .order-total td { font-weight: 700; font-size: 16px; } /* Proceed to Checkout — brand style (blue → black hover) */ body.woocommerce-cart .wc-proceed-to-checkout { margin-top: 20px; } body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { display: inline-flex; align-items: center; justify-content: center; background-color: #499CC2; color: #fff; font-weight: 600; font-size: 15px; letter-spacing: .03em; text-transform: uppercase; border: none; border-radius: 4px; padding: 14px 22px; width: 100%; line-height: 1; transition: background-color .25s ease, color .25s ease; } body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus { background-color: #000; color: #fff; outline: none; } body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button br { display: none; } /* =========================================== CART — shipping calculator cleanup & spacing =========================================== */ body.woocommerce-cart #shipping-calculator-form { font-size: 13px; line-height: 1.35; color: #222; margin-top: 6px; } body.woocommerce-cart #shipping-calculator-form p.form-row { margin: 8px 0; } body.woocommerce-cart #shipping-calculator-form label { display: block; font-size: 13px; font-weight: 600; color: #111; margin: 0 0 4px 2px; padding: 0; text-align: left; } body.woocommerce-cart #shipping-calculator-form label + br, body.woocommerce-cart #shipping-calculator-form br, body.woocommerce-cart #calc_shipping_state_field > span > br { display: none !important; } body.woocommerce-cart #shipping-calculator-form input.input-text, body.woocommerce-cart #shipping-calculator-form select { width: 100%; font-size: 13px; padding: 12px 14px; border: 1px solid #ccc; border-radius: 4px; background: #fff; box-shadow: none; margin: 0; } body.woocommerce-cart #shipping-calculator-form .select2-container { width: 100% !important; } body.woocommerce-cart #shipping-calculator-form .select2-container .select2-selection--single { min-height: 44px; height: auto; display: flex; align-items: center; padding: 0 12px; border: 1px solid #ccc; border-radius: 4px; } body.woocommerce-cart #shipping-calculator-form .select2-selection__rendered { padding: 0 !important; line-height: normal !important; } body.woocommerce-cart #shipping-calculator-form button.button { display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; background: #000; color: #fff; border: 0; border-radius: 4px; padding: 8px 14px; margin-top: 8px; transition: background-color .25s ease; } body.woocommerce-cart #shipping-calculator-form button.button:hover { background: #0073e6; } body.woocommerce-cart a.shipping-calculator-button { color: #499CC2; font-weight: 500; font-size: 14px; text-decoration: none; transition: color .25s ease; } body.woocommerce-cart a.shipping-calculator-button:hover, body.woocommerce-cart a.shipping-calculator-button:focus { color: #000; text-decoration: none; } /* Shipping methods list reset */ #shipping_method { list-style: none; margin: 0 0 15px; font-size: small; } body.woocommerce-cart .cart_totals td .woocommerce-shipping-methods, body.woocommerce-cart .cart_totals td ul#shipping_method { text-align: left !important; margin: 0; padding: 0; list-style: none; } body.woocommerce-cart .cart_totals td ul#shipping_method li { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; } body.woocommerce-cart .cart_totals td ul#shipping_method label { font-weight: 500; color: #111; cursor: pointer; } body.woocommerce-cart .cart_totals td ul#shipping_method input[type="radio"] { margin: 0; } /* =============================== SHARED — minor QoL tweaks =============================== */ /* Hide “×1” qty badges in Jet checkout review widget */ .woocommerce .elementor-jet-checkout-order-review #order_review_heading .product-quantity, .woocommerce .elementor-jet-checkout-order-review #order_review .product-quantity { display: none; } /* Jet cart totals (some skins change display) — keep grid sane */ .woocommerce .elementor-jet-cart-totals .cart_totals .wc-proceed-to-checkout .checkout-button { display: grid !important; } /* =============================== MOBILE / RESPONSIVE =============================== */ @media (max-width: 600px) { .woocommerce-checkout-review-order-table { table-layout: fixed !important; width: 100%; } .woocommerce-checkout-review-order-table tr:not(.cart_item) th { width: 22% !important; } .woocommerce-checkout-review-order-table tr:not(.cart_item) td { width: 78% !important; } .woocommerce-checkout-review-order-table td, .woocommerce-checkout-review-order-table th { overflow: visible !important; } #shipping_method label, .woocommerce-shipping-methods label { white-space: normal !important; word-break: break-word; } .elementor-jet-checkout-order-review { overflow-x: visible !important; } } @media (max-width: 600px) { .woocommerce-shipping-methods li { display: flex; align-items: flex-start; gap: 6px; line-height: 1.3; } .woocommerce-shipping-methods label { font-size: 14px; line-height: 1.4; white-space: normal; word-break: break-word; } .woocommerce-shipping-methods input[type="radio"] { margin-top: 2px; flex-shrink: 0; } .woocommerce-shipping-methods { margin-bottom: 10px; } } @media (min-width: 760px) and (max-width: 1080px) { .woocommerce-checkout-review-order-table { table-layout: auto !important; width: 100%; } .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals th { width: 24% !important; vertical-align: top; white-space: nowrap; } .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals td { width: 76% !important; } .elementor-jet-checkout-order-review, .elementor-jet-checkout-order-review .woocommerce-checkout-review-order { overflow: visible !important; } .woocommerce-shipping-methods li { display: flex; align-items: flex-start; gap: 8px; } .woocommerce-shipping-methods input[type="radio"] { flex: 0 0 auto; margin-top: 2px; } .woocommerce-shipping-methods label { display: inline-block; white-space: normal !important; word-break: break-word; line-height: 1.35; font-size: 14px; } } /* =============================== PRODUCT PAGE (minor) =============================== */ form.cart .single_add_to_cart_button, form.cart .ls-eq-trigger { display:block !important; width:100% !important; text-align:center; } form.cart .single_add_to_cart_button { margin-bottom:10px; } /********************************************** JetBlocks Mini-Cart (dropdown) — cleaned pack **********************************************/ .jet-blocks-cart.jet-blocks-cart--dropdown-layout{ --ls-text:#222;--ls-muted:#666;--ls-accent:#499CC2;--ls-radius:14px;--ls-thumb:72px;font-size:14px; } .jet-blocks-cart--dropdown-layout .jet-blocks-cart__list .widget_shopping_cart_content{ padding:14px;border:1px solid rgba(0,0,0,.06);border-radius:var(--ls-radius); box-shadow:0 12px 30px rgba(0,0,0,.12);background:#fff; } .jet-blocks-cart--dropdown-layout .elementor-menu-cart__products{max-height:380px;overflow:auto;scrollbar-width:thin} .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product{ position:relative;display:grid;grid-template-columns:var(--ls-thumb) 1fr auto; align-items:start;gap:12px;border-bottom:1px solid rgba(0,0,0,.06);padding:10px 0; } .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-image img{ width:var(--ls-thumb);height:var(--ls-thumb);object-fit:cover;border-radius:10px; } .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-name>a{ display:inline-block;font-weight:600;color:var(--ls-text);line-height:1.25;margin-bottom:6px;text-decoration:none; } .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-name dl.variation{ display:grid;grid-template-columns:220px 1fr;column-gap:14px;row-gap:6px;margin-top:6px;font-size:12px;line-height:1.35;color:var(--ls-muted); } .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-name dl.variation dt{grid-column:1;margin:0;font-weight:600;color:#555;white-space:nowrap;} .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-name dl.variation dt::after{content:""} .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-name dl.variation dd{grid-column:2;margin:0;color:#222;} .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-name dl.variation dd p{margin:0} .jet-blocks-cart--dropdown-layout .elementor-menu-cart__products{max-height:none} .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-price{text-align:right;font-weight:700;white-space:nowrap;color:var(--ls-text)} .jet-blocks-cart--dropdown-layout .elementor_remove_from_cart_button{display:none!important} .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-remove{ position:absolute;left:8px;bottom:8px;display:flex;gap:8px;align-items:center; } .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-remove .remove_from_cart_button~.remove_from_cart_button, .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-remove .uni-cpo-cart-action.uni-cpo-action-edit~.uni-cpo-cart-action.uni-cpo-action-edit{display:none!important} .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-remove .remove_from_cart_button, .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-remove .uni-cpo-cart-action.uni-cpo-action-edit{ all:unset;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px; border:1px solid #d0d5dc;border-radius:50%;font-size:16px;line-height:1;cursor:pointer;transition:.18s ease; } .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-remove .remove_from_cart_button::before{content:"×";color:#111} .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-remove .remove_from_cart_button:hover{background:#111;color:#fff} .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-remove .uni-cpo-cart-action.uni-cpo-action-edit{border-color:var(--ls-accent);color:var(--ls-accent);font-size:14px} .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-remove .uni-cpo-cart-action.uni-cpo-action-edit::before{content:"✎";transform:translateY(-1px)} .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-remove .uni-cpo-cart-action.uni-cpo-action-edit:hover{background:var(--ls-accent);color:#fff} .jet-blocks-cart--dropdown-layout .elementor-menu-cart__subtotal{padding-top:16px;margin-top:8px;border-top:1px solid rgba(0,0,0,.1);font-weight:700;color:var(--ls-text)} .jet-blocks-cart--dropdown-layout .elementor-menu-cart__footer-buttons{margin-top:14px;padding-top:8px;border-top:1px solid rgba(0,0,0,.06);display:flex;gap:12px;flex-wrap:wrap} .jet-blocks-cart--dropdown-layout .elementor-menu-cart__footer-buttons .elementor-button{border-radius:999px;padding:10px 16px} .jet-blocks-cart--dropdown-layout .elementor-menu-cart__footer-buttons .elementor-button--view-cart{background:transparent;border:1px solid var(--ls-accent);color:var(--ls-accent)} .jet-blocks-cart--dropdown-layout .elementor-menu-cart__footer-buttons .elementor-button--checkout{background:var(--ls-accent);color:#fff} .jet-blocks-cart.jet-blocks-cart--dropdown-layout .jet-blocks-cart__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;background:var(--ls-accent);color:#fff;border-radius:999px;font-size:11px;line-height:1} /* ===== FINAL: align Create vs Ship (same checkbox size + same gap) ===== */ /* Make both rows use the same flex gap */ .elementor-4791 .woocommerce-account-fields .woocommerce-form__label-for-checkbox.checkbox, .elementor-4791 .woocommerce-shipping-fields #ship-to-different-address { display: flex !important; align-items: center !important; gap: 6px !important; /* exact space between box and text */ margin: 26px 0 20px !important; padding: 0 !important; } /* Force the two actual inputs to identical size + right margin */ .elementor-4791 .woocommerce-account-fields input#createaccount, .elementor-4791 .woocommerce-shipping-fields input#ship-to-different-address-checkbox { width: 18px !important; height: 18px !important; margin: 0 6px 0 0 !important; /* text aligns to same column */ vertical-align: middle !important; transform: translateY(1px); accent-color: #499CC2 !important; /* LabelSwift blue; unchecked stays outline */ } /* Remove any decorative pseudo-checkbox the theme adds (Create row) */ .elementor-4791 .woocommerce-account-fields label.checkbox .woocommerce-form__input-checkbox + span::before, .elementor-4791 .woocommerce-account-fields label.checkbox .woocommerce-form__input-checkbox + span::after { content: none !important; display: none !important; } /* Typography: same for both labels (Roboto) */ .elementor-4791 .woocommerce-account-fields .woocommerce-form__label-for-checkbox.checkbox span, .elementor-4791 .woocommerce-shipping-fields #ship-to-different-address, .elementor-4791 .woocommerce-shipping-fields #ship-to-different-address label { font-family: "Roboto", sans-serif !important; font-size: 20px !important; font-weight: 500 !important; line-height: 1.4 !important; color: #252531 !important; letter-spacing: 0 !important; } .elementor-4791 .woocommerce-account-fields .create-account { margin-left: 30px !important; } .elementor-4791 .elementor-element.elementor-element-3b41b3f > .elementor-widget-container { margin: -40px 0px 45px 0px !important; } #order_comments_field label { display: block; margin: 0 0 8px; font-weight: 400 !important; color: var(--e-global-color-text) !important; } /* ========================================================= LabelSwift — JetBlocks Mini-Cart (final, markup-specific) ========================================================= */ /* Root is the trigger; dropdown is a child so :hover persists into panel */ .jet-blocks-cart.jet-blocks-cart--dropdown-layout { position: relative; } /* --- DROPDOWN: default hidden; show only on icon(root) hover --- */ .jet-blocks-cart--dropdown-layout .jet-blocks-cart__list{ position: absolute !important; top: calc(100% + 2px) !important; /* tiny overlap = no "gap close" */ right: 0 !important; left: auto !important; transform: translateX(10px) !important; /* pull panel LEFT; tweak -160 as needed */ z-index: 9999; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .15s ease, transform .15s ease; } .jet-blocks-cart--dropdown-layout:hover .jet-blocks-cart__list{ opacity: 1; visibility: visible; pointer-events: auto; } /* never open from empty space; remove any hover bridge */ .jet-blocks-cart--dropdown-layout .jet-blocks-cart__list::before{ content:none !important; display:none !important; } /* panel width */ .jet-blocks-cart--dropdown-layout .jet-blocks-cart__list .widget_shopping_cart_content{ width: 360px !important; /* desktop width */ max-width: calc(100vw - 32px) !important; /* fit viewport */ } /* --- ITEM LAYOUT: stacked, no thumbnail --- */ .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-image{ display:none !important; } .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:1px !important; width:100% !important; padding:12px 0 !important; border-bottom:1px solid rgba(0,0,0,.08); } .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-name{ width:100% !important; font-weight:600; color:#111; line-height:1.35; } /* --- PRICE as its own bottom row --- */ .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-price{ order:99; position:static !important; display:block !important; align-self:flex-end !important; margin-top:8px !important; text-align:right !important; white-space:nowrap; font-weight:600; font-size:18px; color:#252531; } /* hide ONLY the “1 ×” bit; keep amount visible */ .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-price .product-quantity{ display:none !important; } .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-price .amount, .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-price .woocommerce-Price-amount{ display:inline !important; visibility:visible !important; opacity:1 !important; } /* --- ACTIONS: hide Edit, keep Remove, place below item --- */ .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-remove .uni-cpo-cart-action.uni-cpo-action-edit{ display:none !important; } .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-remove{ order:100; align-self:flex-start !important; margin-top:6px !important; position:static !important; display:flex !important; gap:10px !important; } /* unify remove button look */ .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-remove .remove_from_cart_button, .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-remove .elementor_remove_from_cart_button{ all:unset; display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border:1px solid #ccc; border-radius:50%; cursor:pointer; line-height:1; transition:background-color .25s ease, color .25s ease; } .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-remove .remove_from_cart_button::before, .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-remove .elementor_remove_from_cart_button::before{ content:"×"; color:#111; font-size:16px; } .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-remove .remove_from_cart_button:hover, .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-remove .elementor_remove_from_cart_button:hover{ background:#111; color:#fff; } /* --- Mobile: center panel and use full width minus padding --- */ @media (max-width: 767px){ .jet-blocks-cart--dropdown-layout .jet-blocks-cart__list{ right:50% !important; transform: translateX(50%) !important; /* center under icon row */ } .jet-blocks-cart--dropdown-layout:hover .jet-blocks-cart__list{ transform: translateX(50%) !important; } .jet-blocks-cart--dropdown-layout .jet-blocks-cart__list .widget_shopping_cart_content{ width: calc(100vw - 24px) !important; } } .jet-blocks-cart--dropdown-layout .elementor-menu-cart__product-price { align-self: center !important;} /* Disable mini-cart dropdown on Checkout and Cart pages */ body.woocommerce-checkout .jet-blocks-cart--dropdown-layout .jet-blocks-cart__list, body.woocommerce-cart .jet-blocks-cart--dropdown-layout .jet-blocks-cart__list { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: none !important; /* prevent animated shift */ } /* Also block the :hover reveal specifically on these pages */ body.woocommerce-checkout .jet-blocks-cart--dropdown-layout:hover .jet-blocks-cart__list, body.woocommerce-cart .jet-blocks-cart--dropdown-layout:hover .jet-blocks-cart__list { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } /* =========================================================== GLOBAL OVERRIDE: All tabs inside the header mega menu =========================================================== */ .elementor-2615 .elementor-element.elementor-element-5547234 .elementor-widget-n-tabs { /* TEXT COLORS */ --n-tabs-title-color: #000000; /* normal text: black */ --n-tabs-title-color-hover: #ffffff; /* hover text: white */ --n-tabs-title-color-active: #000000; /* active text: black */ /* BACKGROUND COLORS */ --n-tabs-title-background-color: #E5E5E5; /* normal background: grey */ --n-tabs-title-background-color-hover: var(--e-global-color-primary); /* hover background: blue accent */ --n-tabs-title-background-color-active: #ffffff; /* active background: white */ /* OPTIONAL: icon colors */ --n-tabs-icon-color: #000000; --n-tabs-icon-color-hover: #ffffff; --n-tabs-icon-color-active: #000000; } /* =========================================================== SAFETY OVERRIDE – Ensures Elementor's global rule can't beat us =========================================================== */ .elementor-2615 .elementor-element.elementor-element-5547234 .elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"], .elementor-2615 .elementor-element.elementor-element-5547234 .elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title:hover { background-color: var(--n-tabs-title-background-color-active) !important; color: var(--n-tabs-title-color-active) !important; } /* Special for hover (must override the safety rule for hover state) */ .elementor-2615 .elementor-element.elementor-element-5547234 .elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title:hover { background-color: var(--n-tabs-title-background-color-hover) !important; color: var(--n-tabs-title-color-hover) !important; } /* ========================================================= LABELSWIFT MEGA MENUS Custom Labels (8941) + By Use / Industry (8942) Fix jumping tab panels ========================================================= */ /* 1. Mega-menu containers: always full width of their row */ #e-n-menu-content-8941, #e-n-menu-content-8942 { width: 100%; max-width: 100%; box-sizing: border-box; } /* 2. Inside each mega menu: 2 columns LEFT = tabs block (tablist + tabpanels) RIGHT = promo card ("Fast, Fair, Online Pricing") */ #e-n-menu-content-8941 > .e-con-inner, #e-n-menu-content-8942 > .e-con-inner { display: flex; } /* LEFT mega column (tabs + tab panels) */ #e-n-menu-content-8941 .elementor-element-e728084, #e-n-menu-content-8942 .elementor-element-ed5e6c0 { flex: 1 1 auto; min-width: 0; box-sizing: border-box; } /* RIGHT mega column (promo card) */ #e-n-menu-content-8941 .elementor-element-70b9b99, #e-n-menu-content-8942 .elementor-element-0ba259f { flex: 0 0 240px; /* adjust card width here if needed */ width: 240px; max-width: 240px; box-sizing: border-box; } /* 3. Nested tabs block inside the LEFT column: turn into 2 columns: tablist (left) + tabpanels (right) */ #e-n-menu-content-8941 .e-n-tabs, #e-n-menu-content-8942 .e-n-tabs { display: flex; width: 100%; } /* LEFT: vertical tab list */ #e-n-menu-content-8941 .e-n-tabs-heading[role="tablist"], #e-n-menu-content-8942 .e-n-tabs-heading[role="tablist"] { flex: 0 0 260px; /* tweak 260px if you want wider/narrower tab column */ width: 260px; max-width: 260px; box-sizing: border-box; } /* RIGHT: tab panels container */ #e-n-menu-content-8941 .e-n-tabs-content, #e-n-menu-content-8942 .e-n-tabs-content { flex: 3 1 0; min-width: 0; /* critical: prevents content width from shrinking/growing the column */ box-sizing: border-box; } /* Each tabpanel always fills the tab content area */ #e-n-menu-content-8941 .e-n-tabs-content > [role="tabpanel"], #e-n-menu-content-8942 .e-n-tabs-content > [role="tabpanel"] { width: 100%; max-width: 100%; box-sizing: border-box; } /* Overall width of BOTH mega dropdowns (Custom Labels + By Use / Industry) */ /* Change 1400px to whatever overall width you want */ #e-n-menu-content-8941.e-con-boxed > .e-con-inner, #e-n-menu-content-8942.e-con-boxed > .e-con-inner { max-width: 1200px; /* <— bump this up to make everything wider */ width: 100%; box-sizing: border-box; } /* Dim the page BELOW the header when a mega menu is open */ body.megamenu-open::before { content: ""; position: fixed; left: 0; right: 0; bottom: 0; top: var(--header-offset, 0px); /* start below header */ background: rgba(0, 0, 0, 0.5); /* adjust darkness here */ z-index: 9990; pointer-events: none; /* set to auto if you want overlay to catch clicks */ } /* Keep header above everything */ #jet-theme-core-header { position: relative; z-index: 10000; }/* End custom CSS */