/* * custom-styles/css/head.css -- nattelyst.dk * Migrated from DB (Minimog custom CSS + Elementor head snippets). * Loaded in via custom-styles/main.php. Order preserved. Conditions noted * per block are NOT yet enforced -- everything loads site-wide for now. */ /* ============================================================ Minimog theme custom CSS -- was: minimog_options.custom_css (printed in ) ============================================================ */ .service-point-selector-error { margin-top: 10px; } a[href="#popup-premiere-sovngaranti"]::after, a[href="#popup-snore-guard-sovngaranti"]::after { content: "?"; display: inline-flex; align-items: center; justify-content: center; width: 0.9em; height: 0.9em; margin-left: 0.1em; font-size: 0.6em; padding: 6px; font-weight: 700; line-height: 1; color: inherit; background-color: transparent; border: 1px solid currentColor; border-radius: 50%; vertical-align: super; text-decoration: none; } /* Undo Minimog's column layout on shipping list items */ .woocommerce-shipping-methods li, #shipping_method li, ul#shipping_method li { flex-direction: row !important; align-items: center !important; min-height: 0 !important; padding: 6px 0 !important; line-height: 1.3 !important; } /* Keep the label on a single line with the radio */ .woocommerce-shipping-methods li label, #shipping_method li label { display: inline !important; line-height: 1.3 !important; margin: 0 !important; } /* Keep shipping name and delivery time together, no wrap between them */ .woocommerce-shipping-methods .shipping-name, #shipping_method .shipping-name { display: inline !important; } /* Delivery time styling */ .bc-delivery-time { font-size: 0.85em !important; color: #7a7a7a !important; font-weight: 400 !important; margin-left: 4px; white-space: nowrap; display: inline !important; } /* ============================================================ Checkout shipping methods -- carrier cards (added 27.08.2026) Markup: woocommerce/cart/cart-shipping.php -> ul#shipping_method.calio-shipcards Logo: per-method "Logo" setting, rendered by calio_shipcard_logo_html() in shipping.php Shipped to all traffic -- no split test. The plain-list rules ABOVE are the previous design; this block overrides them wherever the two overlap, so they are now dead weight and can be dropped in a later pass. !important below only mirrors the !important the old block already uses on the same properties (higher specificity decides the winner) -- it is not new stacking. ============================================================ */ /* The shipping row's value cell inherits the summary table's 5px cell padding (.wc-checkout-review-order-table td{padding:0 5px} in Minimog), which indents the cards away from the label above them. Only this row -- the other totals rows keep it. */ tr.cart-shipping > td.cart-totals-value { padding-left: 0; } ul#shipping_method.calio-shipcards { display: flex; flex-direction: column; gap: 10px; max-width: 480px; margin: 0 0 14px; padding: 0; list-style: none; } ul#shipping_method.calio-shipcards > li { display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 12px; max-width: none; padding: 12px 14px !important; line-height: 1.35 !important; border: 1px solid #DDE3EC; border-radius: 10px; background: #FFFFFF; cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease; } ul#shipping_method.calio-shipcards > li:hover { border-color: #C4CFDF; } /* Selected card. Decoration only -- the radio still carries the real state, and the coloured radio dot is what actually reads as "selected", so the border stays soft. */ ul#shipping_method.calio-shipcards > li:has(input.shipping_method:checked) { border-color: rgba(25, 52, 92, .35); background: #19345C0D; } ul#shipping_method.calio-shipcards > li > input[type="radio"] { width: 18px; height: 18px; margin: 0; accent-color: #5097FF; } ul#shipping_method.calio-shipcards > li > label { display: grid !important; grid-template-columns: auto auto 1fr auto; grid-template-areas: "logo name badge price" "logo time time price"; align-items: center; column-gap: 10px; margin: 0 !important; cursor: pointer; } /* Whatever the shipping plugins print after the rate (Shipmondo pakkeshop-vaelger, business message, errors) becomes a full-width section at the bottom of the card, separated by a hairline instead of by a box of its own. */ ul#shipping_method.calio-shipcards > li > *:not(input):not(label):not(br) { grid-column: 1 / -1; margin-top: 10px; padding-top: 10px; border-top: 1px solid #DDE3EC; } ul#shipping_method.calio-shipcards .calio-shipcard-logo { grid-area: logo; width: 46px; height: 30px; object-fit: contain; object-position: left center; } ul#shipping_method.calio-shipcards .shipping-name { grid-area: name; display: block !important; width: auto; min-width: 0; font-weight: 600; } ul#shipping_method.calio-shipcards .bc-delivery-time { grid-area: time; display: block !important; margin-left: 0; white-space: normal; } ul#shipping_method.calio-shipcards .woocommerce-Price-amount { grid-area: price; justify-self: end; font-weight: 600; white-space: nowrap; } /* "Gratis" badge next to the method name on 0 kr rates (calio_shipcard_free_html()). Brand button pair: peach fill, navy text. */ ul#shipping_method.calio-shipcards .calio-shipcard-badge { grid-area: badge; justify-self: start; padding: 2px 8px; border-radius: 999px; background: #FFC1A7; color: #19345C; font-size: .72em; font-weight: 700; line-height: 1.5; letter-spacing: .02em; white-space: nowrap; } /* --- Shipmondo pakkeshop-vaelger, seamless inside the card ------------------- Plugin markup (Shipmondo 5.x, verified live 27.08.2026 -- selector_type-modal): .shipmondo-original > .shipmondo_service_point_selection > .selected_service_point.service_point (.header .name + .location, chevron via :after) > .powered_by_shipmondo > .shipmondo-modal.service_points_modal (fixed overlay) > .hidden_chosen_shop (the posted shipmondo[0] inputs) Only the CHOSEN method renders a selector, so this only ever shows in the selected card. It keeps a border of its own so it reads as a control you can click -- the separator hairline the generic rule adds would be one line too many, so it goes. The .shipmondo-shipping-field-wrap selector is the pre-5.x wrapper, harmless if unused. */ ul#shipping_method.calio-shipcards > li > .shipmondo-original { border-top: 0; padding-top: 0; } ul#shipping_method.calio-shipcards .shipmondo_service_point_selection, ul#shipping_method.calio-shipcards .shipmondo-shipping-field-wrap { max-width: none; margin: 0; } ul#shipping_method.calio-shipcards .selected_service_point { border: 1px solid #C4CFDF; border-radius: 8px; padding: 8px 34px 8px 10px; background: #FFFFFF; } ul#shipping_method.calio-shipcards .selected_service_point:hover { border-color: #19345C; background: #F2F5FA; } /* The plugin's chevron is the only "click me" affordance -- give it more contrast. */ ul#shipping_method.calio-shipcards .selected_service_point:after { opacity: .85; } ul#shipping_method.calio-shipcards .selected_service_point .header { margin-bottom: 2px; } ul#shipping_method.calio-shipcards .selected_service_point .header .name { font-weight: 600; } /* Both copies -- the one under the picker and the one in the modal footer. Ungated: the store wanted it gone regardless of which arm a visitor is in. */ ul#shipping_method.calio-shipcards .powered_by_shipmondo { display: none; } /* "Indtast leveringsadressen ..." / "ingen pakkeshop tilgaengelig" */ ul#shipping_method.calio-shipcards > li > .service-point-selector-error { font-size: .85em; color: #7A7A7A; } /* NOT gated -- a bug fix, not part of the tested design, so it applies in both arms. free_shipping is a carrier-less trigger method; shipping.php drops it from the rate list whenever another 0 kr option is left, and this hides the leftover row in the one case where it can still appear (free-shipping coupon, no other free option). */ ul#shipping_method.calio-shipcards > li.calio-shipmethod-free_shipping6 { display: none !important; } @media only screen and (max-width: 600px) { ul#shipping_method.calio-shipcards > li { padding: 10px 12px !important; column-gap: 10px; } ul#shipping_method.calio-shipcards .calio-shipcard-logo { width: 38px; height: 26px; } } .sendtfradk { display: flex !important; } .backtocart { display: none !important; } .nl-highlight-1 { font-weight: 700; font-style: italic; } .nl-highlight-2 { color: #5097FF; } a.header-icon.header-login-link.hint--bounce.hint--bottom.style-icon.icon-display--icon.open-modal-login { display: none; } /*@media only screen and (max-width: 768px) { .swiper-thumbnail-wrap img { aspect-ratio: 1 / 1; object-fit: cover; } }*/ .single-product .woo-single-gallery.thumbs-slider-horizontal .minimog-thumbs-swiper img { height: 135.13px; } body.test-css-51622-2 .mundtape-garanti { display: none !important; } body.test-css-56765-1 .topbar-wrap .uden-link { display: none !important; } body.test-css-56765-2 .topbar-wrap .med-link { display: none !important; } body.test-css-56765-2 .topbar-wrap .uden-link { display: block !important; } /*@media (max-width: 767px) { .minimog-product .product-thumbnail .product-action { display: flex !important; } .minimog-product:not(.style-list).group-style-01 .product-thumbnail .product-action.woocommerce_loop_add_to_cart_wrap { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } .minimog-product:not(.style-list).group-style-01 .product-thumbnail .woocommerce_loop_add_to_cart_wrap a { padding: 0 5px; font-size: 80%; } }*/ /*body.test-css-66843-2 .tab-buttons { display: none !important; } body.test-css-66843-2 .tab-content { padding: 0 !important; } body.test-css-66843-2 .custom-purchase-tabs { border: none !important; margin-bottom: 0 !important; } body.test-css-66843-1 .tab-buttons { display: flex !important; }*/ body.has-subscription .cart-goal-wrap { display: none !important; } body.test-css-56704-1 .minimog-tabs__content { height: unset !important; } body.test-css-56704-1 .minimog-tabs__content .tab-content:not(.active) { pointer-events: unset; } body.test-css-56704-1 .minimog-tabs__content .tab-content:not(.active)>* { pointer-events: unset !important; } body.test-css-56704-1 .minimog-tabs__content .tab-content { position: unset; top: unset !important; left: unset !important; width: unset !important; opacity: unset !important; display: block; } body.test-css-56704-1 .tab-content-reviews .tab-content-wrapper { max-width: unset !important; } body.test-css-56704-1 .tab-content.tab-content-reviews { margin-top: 50px !important; } body.test-css-56704-1 .product-reviews-summary-bar .heading { font-size: 36px !important; } .custom-product-badge { background-color: #FFC23D; display: inline; padding: 0 10px; position: absolute; z-index: 10; top: 20px; left: 20px; border-radius: 5px; text-transform: uppercase; font-weight: 700; } .variations .row-isw-swatch.row-isw-swatch--isw_select { padding-top: 0 !important; margin-top: -10px; } .row-isw-swatch--isw_select .label { margin-bottom: 7px !important; } .woocommerce-checkout #billing_company_field, .woocommerce-checkout #billing_ean_nr_field, .woocommerce-checkout #billing_cvr_field { display: none; } .woocommerce .product-badges .hot { --p-badge-bg: var(--e-global-color-secondary) !important; border-radius: 4px; } .woocommerce .product-badges>div.hot>span { color: var(--minimog-color-heading); font-size: 13px; } .woocommerce .product-badges { top: 15px !important; left: 15px !important; } .entry-product-badges { display: none !important; } .cky-switch input[type="checkbox"]:before { top: unset !important; transform: unset !important; } .cky-notice-des { overflow: unset !important; } .cky-switch input[type="checkbox"]:checked:before { -webkit-transform: translateX(20px) !important; -ms-transform: translateX(20px) !important; transform: translateX(20px) !important; } .cky-prefrence-btn-wrapper .cky-btn { border-radius: 5px !important; } .swiper-thumbnail-wrap img { border-radius: 6px; } .woocommerce-checkout #page-mobile-tabs { display: none !important; } .single-product .woo-single-gallery .minimog-thumbs-swiper .swiper-slide .swiper-thumbnail-wrap::before { border-radius: 6px!important; } .product-reviews-summary-bar .tm-button-wrapper { display: none; } body.single-product .entry-price-wrap ins > span bdi { color: red; font-weight: 600; font-size: 26px; } .stock.available-on-backorder { background-color: #E9F1FB; display: inline-block; border-radius: 8px; padding: 7px 20px 7px 40px !important; } .stock.available-on-backorder::before { left: 15px; } #email-warning-container { display: flex; align-items: center; height: 0px; opacity: 0; width: 100%; background-color: #fee7ba; transition: height, opacity 1.5s, padding, margin-bottom, 0.5s; margin-bottom: 0px; border-radius: 5px; justify-content: space-between; } #warning-dismiss { background-color: transparent; border: 0; margin-right: 5px; padding: 0 !important; text-transform: lowercase; line-height: unset !important; font-size: 18px; height: unset !important; } #email-warning-container.view { height: 40px; opacity: 100%; margin: 5px 0 10px 0; padding: 0 15px 4px 15px; } #warning-dismiss { cursor: pointer; } #warning-dismiss:hover { box-shadow: none; color: inherit; } #warning { cursor: pointer; display: flex; gap: 3px; font-size: 90%; } #warning-email { text-decoration: underline; } .jul { text-align: center; margin: auto; color: red; } button#ov-onskeskyen-generated-wish-button { display: block; margin: 15px auto 0 auto !important; font-weight: 600; line-height: 1; } button#ov-onskeskyen-generated-wish-button:hover { box-shadow: 0 0 0 .2rem #cae8ee; } .wof-wheel .wof-title { font-size: 40px; text-transform: unset; line-height: 46px; } .woocommerce-checkout .wof-wheels, .woocommerce-cart .wof-wheels { display: none; } .wof-wheel .wof-slice { width: 41%; } .wof-form-fields>div { margin-top: 10px; } .wof-wheel .wof-form-wrapper button { margin-top: 10px; height: 48px; } .wof-wheel .wof-form-wrapper { margin-bottom: 10px; } .wof-wheel .wof-disclaimer { opacity: 0.8; text-align: center; } /*@media only screen and (max-width: 768px) { .wof-widget.wof-visible { bottom: 60px; } }*/ #kl_newsletter_checkbox_field, #kl_sms_consent_checkbox_field, .visually-hidden { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } @media only screen and (max-width:1400px) and (min-width:1023px){ body>.elementor>.elementor-section:not(.elementor-inner-section):not(.no-margin)>.elementor-container{ padding:0 1.5rem } } @media only screen and (max-width:1024px){ body>.elementor>.elementor-section:not(.elementor-inner-section):not(.no-margin)>.elementor-container{ padding:1rem } } .cwginstock-panel-heading h4,.cwginstock-subscribe-form .panel-body .form-group,.last-p-margin p:last-child,.mb-0{ margin-bottom:0 } .primary-color{ color:var(--e-global-color-primary) } .cart-totals-value,.modal-quick-view-popup .button.onskeskyen,.top-bar-text{ width:100% } .topbar-wrap{ display:flex; justify-content:space-between; width:100% } .topbar-item img{ vertical-align:middle; padding-left:3px; margin-bottom:3px; width:auto } .topbar-item a{ display:inline } .product>.product-wrapper .woocommerce-loop-product__title{ flex-basis:100%; margin-bottom:5px } .product>.product-wrapper .loop-product-variation-selector{ flex-basis:100% } .onskeskyen-wrap { display: flex; justify-content: center; margin-top: 10px; } @media only screen and (max-width: 768px) { .onskeskyen-wrap { display: none; } } .button.onskeskyen{ background-color:unset; border-width:0; color:#009bbf; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAmCAMAAABDGm2rAAAABlBMVEVHcEwAm79WQXmdAAAAAXRSTlMAQObYZgAAAFtJREFUeNrt1DEKwCAQAMHM/z+dLpUEcYVAcPsbLLy7Rnm6FgLrBBSCJtAEXgRYB+ZeY646TwZkQJ3nB4DheCCgEDSBJtAEqQ2A2AEOAJ9/5b6NTegXqQl7rvINH3QHV/GaEiMAAAAASUVORK5CYII='); background-repeat:no-repeat; background-size:auto 40%; min-width:56%; background-position:12px center; padding-top: 2px; } @media only screen and (max-width:1100px){ .button.onskeskyen{ width:100% } } .modal-quick-view-popup .inner-content{ display:flex; align-items:center; height:unset!important; padding:30px 0 } .button.onskeskyen:hover{ background-color:unset !important; /*color:#fff!important;*/ box-shadow:none!important; /*background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAmCAMAAABDGm2rAAAABlBMVEVHcEz///+flKJDAAAAAXRSTlMAQObYZgAAAFtJREFUeNrt1DEKwCAQAMHM/z+dLpUEcYVAcPsbLLy7Rnm6FgLrBBSCJtAEXgRYB+ZeY646TwZkQJ3nB4DheCCgEDSBJtAEqQ2A2AEOAJ9/5b6NTegXqQl7rvINH3QHV/GaEiMAAAAASUVORK5CYII=')*/ } .entry-product-quantity-wrapper .screen-reader-text,.payment_box,.woobt-products-wrap .viabill-pricetag,a#top-bar-collapsible-toggle{ display:none!important } .includes_tax{ display:block } .includes_tax .amount{ font-size:100%!important } /*@media only screen and (min-width:1100px){ .woocommerce-cart-form{ display:flex; justify-content:space-between; align-items:flex-start } body.woocommerce-checkout .form-row{ max-width:100%!important; flex:0 0 100%; margin-bottom:10px!important } div#cart-table-wrap{ flex-basis:60% } div#cart-collaterals{ margin:0 } }*/ .outofstock .nattelyst-order-before-wrap,.outofstock .product-meta-shipping-delivery-time,.outofstock .product-popup-links,.product.woobt-product.woobt-product-together.woobt-hide .woobt-quantity,.shipmondo-modal-footer,.shipping_pickup_cart,.widget_product_categories li.current-cat a:after,.woo-comment-author,.woobt-block-content .product-shipping,input#shipping_method_0_free_shipping6,#shipping_method li label[for=shipping_method_0_free_shipping6],p#billing_country_field,p#shipping_country_field{ display:none !important } ul.woocommerce-shipping-methods li{ text-align:left; line-height:35px } .panel-body.cwginstock-panel-body input[type=email],ul.woocommerce-shipping-methods{ margin-bottom:10px } body.woocommerce-cart tr.cart-totals-row.cart-subtotal{ border-top:none; display: inline-flex; } /*.shipmondo_stores{ display:flex; justify-content:space-between }*/ .shipmondo_stores>div:first-child{ flex-basis:65% } .shipmondo_stores>div:last-child{ flex-basis:33% } .shipmondo_zipcode_error_text{ border:none!important; margin:0; padding:0!important; margin-top:3px!important } .header-buttons>a{ border:none!important; padding:0!important } .header-buttons>a:hover{ background-color:#fff!important; border-color:#fff!important; box-shadow:none!important; color:var(--header-link-hover-color)!important } .entry-product-stock{ margin-top:10px!important } .CybotCookiebotDialogBodyBottomWrapper,.tab-content-wrapper,.woobt-product .woobt-product-cart{ margin:0!important } :focus-visible{ outline:0 } button.CybotCookiebotDialogBodyButton{ height:unset!important; line-height:unset!important } button#CybotCookiebotDialogBodyButtonAccept{ background-color:var(--e-global-color-primary)!important; border-color:var(--e-global-color-primary)!important } button#CybotCookiebotDialogBodyButtonDecline{ border:unset!important; padding:5px!important } button#CybotCookiebotDialogBodyButtonDecline:hover{ border:unset!important; box-shadow:unset!important } #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a{ color:var(--e-global-color-primary)!important } .form-row.place-order{ border-top:0!important; margin-top:0!important; padding-top:0!important } button#place_order{ margin-top:0 } body .woocommerce-terms-and-conditions-wrapper>.form-row{ margin-bottom:5px!important; margin-top:25px!important } .payment-title-icon{ display:flex } .order-total td.cart-totals-value strong .amount{ font-size:26px!important } .single-post .page-content{ margin-top:50px } #page-top-bar{ padding-right:0 } .category-description{ background:#f7f7f7; padding:40px; margin-top:30px } .category-description h2{ font-size:28px; margin:20px 0 10px } .category-description h2:first-child{ margin-top:0; font-size:32px } .title-bar-none .page-content{ margin-top:60px } @media only screen and (min-width:769px){ .checkout-kundeservice-mobile{ display:none } } .fly-cart-footer,button.shipmondo-modal-close:hover{ box-shadow:none } ul#shipping_method>li{ max-width:400px } ul#shipping_method .shipping-name{ width:75%; display:inline-block } @media only screen and (max-width:600px){ ul#shipping_method .shipping-name{ width:65% } } @media only screen and (max-width:910px) and (max-width:380px){ ul#shipping_method .shipping-name{ width:65% } } .shipmondo-shipping-field-wrap{ max-width:380px; margin:0!important } tr.cart-totals-row.cart-shipping.woocommerce-shipping-totals.shipping{ flex-direction:column } .cart-shipping th.cart-totals-label{ width:100%; max-width:100%!important; margin-top:10px; margin-bottom:5px; font-weight:600 } .minimog-product .reviews-wrap{ margin-bottom:2px } .status-pulse{ margin-left:25px } .status-pulse::before{ content:''; width:10px; height:10px; border-radius:100%; position:absolute; background:var(--color); top:50%; left:-16px; animation:2s infinite pulse-red; transform:translateY(-40%) } .status-pulse.online::before{ --color:#13c58a; --pulse_color:19,197,138 } .status-pulse.offline::before{ --color:red; --pulse_color:255,82,82 } @keyframes pulse-red{ 0%{ box-shadow:0 0 0 0 rgba(var(--pulse_color),.7) } 70%{ box-shadow:0 0 0 10px rgba(var(--pulse_color),0) } 100%{ box-shadow:0 0 0 0 rgba(var(--pulse_color),0) } } .wpclv-attributes .wpclv-attribute{ margin-top:10px; margin-bottom:0 } .wpclv-attributes .wpclv-attribute-label{ font-weight:600 } .wpclv-attributes .wpclv-terms .wpclv-term.active,.wpclv-attributes .wpclv-terms .wpclv-term:hover{ border-color:var(--e-global-color-primary) } .woocommerce-cart .page-content .cart-goal-wrap{ margin:-20px 0 40px!important } .woocommerce-review-link{ margin-left:0!important } .entry-product-star-rating{ margin-right:5px } .woocommerce-product-details__short-description{ margin-top:10px } .woocommerce-product-details__short-description li, .checkmark-list li{ margin-top:0; list-style:none } .woocommerce-product-details__short-description li::before, .checkmark-list li::before{ content:'✓'; padding-right:8px } .woocommerce-product-details__short-description li.mark::before{ content:'\21'; width:20px; display:inline-block; text-align:center } .woocommerce-product-details__short-description ul, .checkmark-list{ padding-left:0; margin:0 } span.nattelyst-order-before{ display:inline-block; color:var(--e-global-color-secondary) } @media only screen and (max-width:380px){ .entry-product-meta-shipping{ font-size:.9rem } } .shipmondo_select_button:hover{ background-color:var(--e-global-color-primary)!important; color:#fff!important } .entry-content a,.external-label:hover,button.shipmondo-modal-close:hover{ color:var(--e-global-color-secondary) } button.shipmondo-modal-close{ background:0 0; border:none } .checkout-secure{ color:#2b9922; margin-top:12px; font-size:.8rem; text-align:center; line-height:1.5 } .checkout-secure i{ font-size:90%; padding-right:2px; transform:translateY(-1px) } .checkout-secure svg { height: 10px; } .checkout-secure path { fill: #2b9922; } .narrow-page .container{ max-width:900px } .tab-content-reviews .tab-content-wrapper{ margin:auto!important } h6.woocommerce-review__author:not(.external)::after{ content:' · verificeret'; font-size:80%; vertical-align:revert } .external-label{ font-size:80%; vertical-align:revert; cursor:pointer; margin-right:5px } .review-rating-template-wrapper path,.reviews-wrap path,.woocommerce-product-rating path{ fill:orange!important } .minimog-product .loop-product-availability.out-of-stock,.stock.out-of-stock.entry-product-stock,.stock.out-of-stock.entry-product-stock:before{ color:#dc0000 } img.product-pricerunner{ position:absolute; z-index:2; bottom:25px; right:25px; width:110px } .product-badge-1{ position:absolute; z-index:2; top:20px; left:20px; width:170px } .product-badge-2{ position:absolute; z-index:2; top:20px; right:20px; width:170px; } .product-shipping{ color:#ababab; font-size:60%; flex-basis:100%; line-height:1.2 } .cwginstock-subscribe-form .panel-primary{ border-color:#eee!important; padding:30px!important; box-shadow:none!important; margin-top:10px!important; margin-bottom:-10px!important } .cwginstock-subscribe-form .panel-primary>.panel-heading{ background:0 0!important; border:none!important; padding:0!important } .cwginstock-panel-heading h4{ color:var(--minimog-color-heading)!important } .panel-heading.cwginstock-panel-heading{ padding:0 } .cwginstock-subscribe-form .panel-body .col-md-12{ padding:0!important } .cwginstock-subscribe-form .panel-body{ padding-bottom:0 } .panel-heading.cwginstock-panel-heading:after{ content:'Du får en mail, når varen kommer på lager.'; color:var(--minimog-color-text); display:block; text-align:center } .entry-price-wrap .price del{ font-size:14px!important; margin-right:2px } .insight-core-bmw li.current-cat>a,.widget_archive li.current-cat>a,.widget_categories li.current-cat>a,.widget_nav_menu li.current-cat>a,.widget_pages li.current-cat>a,.widget_product_categories li.current-cat>a{ color:var(--minimog-color-link-hover) } .entry-post-feature.post-thumbnail img{ width:100%; max-height:550px; object-fit:cover } .page-title-bar-fill-01 .page-title-bar-bg,.page-title-bar-fill-01 .page-title-bar-bg:before{ background-color:rgba(25,52,92,.8)!important } .page-title-bar-fill-01 .page-breadcrumb{ position:unset; order:2 } body .page-header a{ color:var(--header-link-color) } p#kl_newsletter_checkbox_field label{ margin-bottom:0!important } #ship-to-different-address{ font-size:1rem!important } div#page-title-bar{ max-width:1410px; margin-left:auto; margin-right:auto; overflow:hidden; border-radius:12px } @media only screen and (max-width:1410px){ div#page-title-bar{ border-radius:0 } } @media only screen and (max-width:767px){ body.single-product div#page-title-bar{ display:none } } .woocommerce-product-details__short-description p{ margin-bottom:.5em } .wp-block-heading{ margin-top:40px } .single-post.page-has-no-sidebar .entry-wrapper { max-width: 700px; } body.single-post .entry-content a:not(:has(img)):not(.elementor-button) { color: var(--minimog-color-link) !important; border-bottom: 3px solid var(--e-global-color-secondary); } div#ez-toc-container{ border:none; border-radius:8px; padding: 15px 30px !important; box-shadow:none; width: 100%; } #ez-toc-container .ez-toc-js-icon-con { border: none; } @media only screen and (max-width:768px){ .checkout-kundeservice-desktop,.hide-mobile{ display:none } .branding__logo img{ max-height:45px; width:auto } .page-header-inner{ padding:12px 0 } .category-description{ padding:40px 15px } .checkout-kundeservice-mobile{ margin-top:30px } .cart_totals,.woocommerce-order-details{ width:100%!important; box-shadow:none!important; padding:0!important } .title-bar-none .page-content{ margin-top:10px } .page-title-bar-fill-01 .page-title-bar-content{ min-height:unset!important } div#ez-toc-container{ padding:30px!important } } .ez-toc-title{ font-weight:700!important; font-size:18px!important } ul.ez-toc-list{ margin-top:5px!important } ul.ez-toc-list>li{ margin-bottom:3px!important } .ez-toc-counter nav ul li a::before{ opacity:.6; width:20px } #ez-toc-container a,#ez-toc-container a:visited{ color:#19345c !important } .entry-price-wrap{ margin-bottom:7px!important } @media only screen and (min-width:768px){ .hide-desktop{ display:none } .entry-price-wrap .price{ flex-wrap:nowrap!important } .blog-side-image{ margin:0!important } } .entry-post-meta .post-date{ color:unset } .entry-post-feature.post-thumbnail{ max-width:700px; margin-left:auto; margin-right:auto } /* .wpg-linkify::after { content: "\f059"; font-family: 'Font Awesome 6 Free'; margin-left: 2px; font-size: 75%; vertical-align: bottom; }*/ .woocommerce-cart .viabill-pricetag { display: none !important; } /*.elementor-widget-container:has(table) { overflow-x: auto; } */ .single-product .entry-summary form.cart .variations td, .single-product .entry-summary form.cart .variations td.label { padding: 0 !important; } .payment_method_lunar span.payment-title-icon img { padding: 4px; } span.awdr_free_product_text { background-color: unset; padding: 0; color: var(--minimog-color-link); } .awdr_free_product_text .fly-cart-content .cart-goal-text { text-align: center; } .reset_variations { display: none !important; } /*.fly-cart-footer { padding-top: 20px !important; }*/ @media only screen and (max-width: 768px) { .topbar-wrap { justify-content: center; } } /*.fly-cart-body { height: unset !important; } */ .cart-totals-table tr.cart-totals-row.cart-shipping.woocommerce-shipping-totals.shipping .cart-totals-label { display: none; } .cart-totals-table .shipping_method { margin-top: 10px !important; } @-webkit-keyframes nat_bounce { 0%, 5%, 12.5%, 20%, 25% { -webkit-transform: translateY(0); } 10% { -webkit-transform: translateY(-16px); } 15% { -webkit-transform: translateY(-3px); } } @keyframes nat_bounce { 0%, 5%, 12.5%, 20%, 25% { transform: translateY(0); } 10% { transform: translateY(-16px); } 15% { transform: translateY(-3px); } } .fly-cart-header .cart-goal:not(.shakeY) .cart-goal-text { -webkit-animation-name: nat_bounce; animation-name: nat_bounce; -webkit-animation-duration: 3s; animation-duration: 3s; animation-delay: 0s; animation-iteration-count: infinite; } .woocommerce-mini-cart__buttons.buttons { display: flex; } a.button.checkout.wc-forward.wp-element-button { order: 2; flex-basis: 80%; } .fly-cart-footer a.view-cart { flex-basis: 40%; margin: 0; background-color: transparent; border-color: var(--minimog-color-button-text); padding: 0; } .fly-cart-footer a.view-cart:hover { background-color: var(--minimog-color-button-text); color: #fff; } .fly-cart-footer .button.checkout { flex-basis: 60%; margin-left: 10px; } @media only screen and (max-width: 768px) { .fly-cart-footer a.view-cart, .fly-cart-footer .button.checkout { flex-basis: 100%; } .fly-cart-footer .button.checkout { flex-basis: 100%; margin: 0 } .fly-cart-footer .buttons { flex-wrap: wrap; } } li[item-id="7842"] .quantity { display: none; } .slik { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .slik-left { flex-basis: 60%; } .slik-right { flex-basis: 25%; margin-right: 5%; } .slik-left, .slik-right { margin-bottom: 30px; } .xlwcty_textBox { padding: 30px 50px !important; } @media only screen and (max-width: 768px) { .xlwcty_textBox { padding: 30px !important; } } .status-hide { display: none; } .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout { position: relative; width: 100%; border: 0; color: var(--minimog-color-heading); background: #f7f7f7; margin-bottom: 30px!important; padding: 1em 2em 1em 2em; list-style: none outside; word-wrap: break-word; border-left: 5px solid #19345C; } [data-elementor-type="product-post"] { margin: -15px; } .tab-content-wrapper [data-elementor-type="product-post"] { margin: -15px -15px 0 -15px; } @media only screen and (max-width: 768px) { .summary .price { flex-basis: 55%; margin-right: 0; } .cwginstock-subscribe-form .panel { margin: 0 -0.9375rem; border-right: none; border-left: none; border-radius: 0px; padding: 25px 15px 15px 15px !important; } .entry-price-wrap { --price-font-size: 22px !important; } .page-scroll-up { display: none !important; } /*.woocommerce-product-gallery__image img { aspect-ratio: 1 / 1; object-fit: cover; }*/ } .entry-price-wrap > .price > .price { flex-basis: 100%; } .cky-consent-container { bottom: 50% !important; left: 50% !important; transform: translate(-50%, 50%); } .cky-consent-container .cky-consent-bar { box-shadow: 0 32px 68px rgba(0,0,0,.3) !important; padding: 27px !important; } button.cky-btn.cky-btn-accept, button.cky-btn.cky-btn-reject { border-radius: 8px; } .cky-notice .cky-title { font-size: 28px !important; margin-bottom: 15px !important; } .cky-consent-container { width: 500px !important; } .cky-btn { max-width: 200px !important; } .cky-notice-btn-wrapper { justify-content: space-between !important; } .wpclv-term { padding: 0 !important; border: none !important; margin: 10px 10px 0 0 !important; height: unset !important; } .wpclv-attributes .wpclv-terms .wpclv-term span, .wpclv-attributes .wpclv-terms .wpclv-term a { background: none; border: 1px solid #eee; text-transform: uppercase; font-size: 13px !important; font-weight: 660; } .wpclv-term-image.wpclv-term.hint--top.active span, .wpclv-term-image.wpclv-term.hint--top.active img { border-radius: 4px; } .wpclv-term.hint--top.active span { border-color: #19345C; } .wpclv-term a:hover { color: inherit !important; border-color: #19345C !important; } .wpclv-term.outofstock a { color: #989898 !important; } .wpclv-term.outofstock a:hover { border: 1px solid #eee !important; } .woocommerce-checkout .woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol { display: none; } .woocommerce-checkout .woocommerce-Price-amount.amount:after { content: 'DKK'; } .blog-oss { background-color: #f9f9f9; padding: 0 40px 40px 40px; } @media only screen and (max-width: 768px) { .blog-oss { padding: 0 20px 20px 20px; } } @media only screen and (min-width: 769px) { .blog-image figure { margin: 0 0 0 45px !important; } } @media only screen and (max-width: 768px) { .blog-image figure { margin: 1em 0; } } .wpclv-term.long:after { width: 200px; white-space: normal; line-height: 1.15; } @media (max-width: 550px) { .cky-custom-brand-logo-wrapper, .cky-notice .cky-title, .cky-notice-des, .cky-notice-btn-wrapper { padding: 0 !important; } body .cky-btn { max-width: unset !important; } body .cky-consent-container { width: 93% !important; } body .cky-consent-container .cky-consent-bar { padding: 35px 28px 20px 28px !important; text-align: center !important; } .cky-notice .cky-title { line-height: 26px !important; } } /* Woocommerce Bundles Styling by Jonathan */ /*.woosb-products::before { content: "Inkluderet:"; display: block; font-size: 1em; font-weight: bold; color: #1a3d6f; padding-top: 3px; padding-left: 5px; padding-bottom: 1px; } .woosb-products.woosb-products-layout-list { padding: 5px 5px 8px 5px; border: 1.5px solid #e3e3e3; border-radius: 8px; } .woosb-products .woosb-product { border-bottom: none!important; padding: 5px 0!important; } .woosb-products .woosb-product .woosb-thumb { width: 70px; flex: 0 0 70px; }*/ img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail { border-radius: 6px; } /* Woocommerce Bundles Styling by Jonathan */ /*.woocommerce form .form-row { margin-bottom: 15px !important; } .woocommerce form .form-row label { margin-bottom: 5px !important; } .form-coupon .form-row { margin-bottom: 10px !important; } .woosb-product-info { display: flex; align-items: center; }*/ .woocommerce-cart .wt_coupon_wrapper { display: none; } .woocommerce-cart #page-breadcrumb { display: none; } .woocommerce-cart .page-title-bar-content { padding: 10px 0 20px 0; } .woocommerce-cart .cart thead { display: none; } .woocommerce-cart .shop_table tr:first-child { border-top: 1px solid #eee; } .woocommerce-cart .shop_table .product-thumbnail { width: 80px !important; } .woocommerce-cart .shop_table td { padding: 10px 0 !important; } .cart_totals { box-shadow: none !important; width: 100% !important; padding: 0 !important; } .woocommerce-cart tr.cart-totals-row.order-total { display: none; } tr.cart-totals-row.cart-subtotal .amount { font-size: 26px; } .cart-footer-actions { display: block !important; margin: 25px 0 25px 5% !important; } .woocommerce-cart form.form-coupon { display: flex; flex-wrap: wrap; max-width: 400px; } .cart-collaterals { margin-top: 0 !important } .wc-proceed-to-checkout { margin-top: 0 !important; padding: 10px 20px 20px 20px; background-color: #f6f6f6; border-radius: 0 0 8px 8px; } /*form.form-coupon > .form-row { margin-right: 10px; }*/ input#coupon_code { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; font-size: 14px; height: unset !important; min-height: unset !important; padding: 1.5px 20px; width: 180px; } .woocommerce-cart button[name="apply_coupon"] { background-color: transparent; color: var( --e-global-color-primary ); border-color: var( --e-global-color-primary ); border-top-left-radius: 0; border-bottom-left-radius: 0px; font-size: 12px; padding: 20px; line-height: 0; height: unset; } .cart-totals-table { background-color: #f6f6f6; padding: 0 0 15px 0; border-radius: 8px 8px 0 0; } .woocommerce-cart .cart-totals-table { padding: 15px 20px 5px 20px; } .cart-totals-table tfoot { text-align: right; } th.cart-totals-label { padding: 0 8px 3px 0 !important; } .cart-footer-actions .modal-title { margin-bottom: 20px 0 0 0 !important; } .wc-proceed-to-checkout { display: flex; justify-content: space-between; } .woocommerce-cart .checkout-button { max-width: 300px !important; } .shop-videre { background-color: transparent !important; color: var( --e-global-color-primary ) !important; border-color: var( --e-global-color-primary ) !important; } .shop-videre:hover { color: #fff !important; background-color: var( --e-global-color-primary ) !important; } @media only screen and (max-width: 768px) { .shop-videre { flex-basis: 100%; order: 1; margin-top: 10px; } body.woocommerce-cart .checkout-button { max-width: unset !important; flex-basis: 100%; } .wc-proceed-to-checkout { flex-wrap: wrap; } } .product-wrapper.quick-view-btn { cursor: pointer; } .offer-products .product-thumbnail { border-radius: 4px; overflow: hidden; } .remove-product .product-wrapper .product-thumbnail, .product-wrapper.quick-view-btn.loading, .remove-product .product-wrapper .product-info > *:not(button) { opacity: 0.6 !important } /*.remove-product .product-thumbnail:before { content: ''; background-color: #000000c2; position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: grid; place-items: center; color: #fff; font-size: 50px; z-index: 1; }*/ /*body .popup-fly-cart>.inner { left: 50%; transform: translate(-50%, -50%) !important; height: unset; min-height: unset; top: 25%; float: unset; border-radius: 4px; overflow: hidden; } .fly-cart-footer { margin-top: 0px !important; } .fly-cart-body { height: unset !important; max-height: 320px; } .fly-cart-content .product-thumbnail img { aspect-ratio: 1 / 1.1; object-fit: cover; } .fly-cart-footer tr.cart-totals-row.cart-subtotal .cart-totals-label { padding-bottom: 0 !important; }*/ .offer-products .product-wrapper .woocommerce-loop-product__title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block !important; } .upsell-image-percentage { position: absolute; top: 10px; right: 10px; background-color: var(--e-global-color-secondary); border-radius: 100%; line-height: 1.1; font-size: 15px; font-weight: bold; height: 45px; width: 45px; display: grid; place-items: center; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } body:not(.test-css-13383-2) .offer-products:not(.hasUpsells) .product-wrapper { opacity: 0; animation: fadeIn 0.35s ease-in forwards; animation-delay: var(--delay, 0s); } .woocommerce-checkout tr.cart-footer-actions-row { display: none; } .woocommerce-checkout .cart-discount a { display: none; } .cart-item-label-mobile { display: none !important; } @media only screen and (max-width: 768px) { tr.woocommerce-cart-form__cart-item.cart_item { display: flex !important; flex-wrap: wrap; } .woocommerce-cart .col-product-info, .woocommerce-cart .product-quantity, .woocommerce-cart .quantity-button-wrapper { flex-basis: 80%; } .woocommerce-cart .product-price { display: none; } /*.woocommerce-cart .product-subtotal { flex-basis: 20%; margin-top: -50px !important; text-align: right !important; }*/ .fly-cart-footer a.view-cart { order: 1; margin: 10px 0 0 0; } } @media only screen and (max-width: 1000px) { .offer-products { grid-template-columns: repeat(2, 1fr) !important; grid-column-gap: 20px; grid-row-gap: 20px; } } @media only screen and (max-width: 768px) { .entry-product-quantity-wrapper { flex-direction: column; } .entry-product-quantity-wrapper .quantity-button-wrapper { margin: 10px 0 5px 0 !important; order: 2; width: 100%; } .entry-product-quantity-wrapper .quantity-button-wrapper .quantity { width: 100%; } .entry-product-quantity-wrapper .button { width: 100% !important; margin: 0; height: 55px; } .woobt-block-content { padding-top: 10px !important; } } .custom-error { color: #d9534f; } .woocommerce-terms-and-conditions-checkbox-text { font-size: 16px !important; } .custom-error.terms { margin-top: -20px; margin-bottom: 20px; } .custom-error.shop { margin-top: -5px; margin-bottom: 5px; } .autocomplete-container { /* relative position for at de absolut positionerede forslag får korrekt placering.*/ position: relative; width: 100%; max-width: 30em; } .autocomplete-container input { /* Både input og forslag får samme bredde som omkringliggende DIV */ width: 100%; box-sizing: border-box; } .dawa-autocomplete-suggestions { margin: 0.3em 0 0 0; padding: 0; text-align: left; border-radius: 0.3125em; background: #fcfcfc; box-shadow: 0 0.0625em 0.15625em rgba(0,0,0,.15); position: absolute; left: 0; right: 0; z-index: 9999; overflow-y: auto; box-sizing: border-box; } .dawa-autocomplete-suggestions .dawa-autocomplete-suggestion { margin: 0; list-style: none; cursor: pointer; padding: 0.4em 0.6em; color: #333; border: 0.0625em solid #ddd; border-bottom-width: 0; } .dawa-autocomplete-suggestions .dawa-autocomplete-suggestion:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .dawa-autocomplete-suggestions .dawa-autocomplete-suggestion:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; border-bottom-width: 0.0625em; } .dawa-autocomplete-suggestions .dawa-autocomplete-suggestion.dawa-selected, .dawa-autocomplete-suggestions .dawa-autocomplete-suggestion:hover { background: #f0f0f0; } .single-product .entry-summary form.cart .variations td.label { min-width: 150px!important; } .woocommerce-cart-form__cart-item[product-id="36838"] .product-quantity:after { content: ' stk.'; } /*.woocommerce-cart-form__cart-item[product-id="36838"] .increase, .woocommerce-cart-form__cart-item[product-id="36838"] .decrease { display: none; } .woocommerce-cart-form__cart-item[product-id="36838"] .quantity input { border: none; }*/ .cl-usp-box .elementor-icon-box-wrapper { align-content: center !important; align-items: center !important; } .hidecheckmark *::before { display: none !important; } .bundlebadgemenu .menu-item-wrap { position: relative; /* Ensure the badge is positioned relative to the menu item */ } .bundlebadgemenu .menu-item-wrap::before { content: "Ny"; position: absolute; top: -12px; right: -26px; background-color: green; color: white; font-weight: bold; padding: 0px 5px; border-radius: 8px; font-size: 11px; } .sticky-product-bar-showing .wof-widget { bottom: 110px !important; } @media only screen and (max-width: 768px) { .sticky-product-bar-showing .wof-widget { bottom: 83px !important; } .sticky-product-bar-showing .emaerket-widget-hide-print { bottom: 85px !important; } .wof-widget.wof-widget-right.wof-visible { bottom: 5px; right: 5px; } .emaerket-widget-hide-print { transition: all .25s; } } .woocommerce-cart .product-price, .woocommerce-cart .subscription-price { white-space: nowrap !important; } .tab-buttons { display: flex; } .custom-purchase-tabs { border: 1px solid #19345c5c; border-radius: 8px; margin-bottom: 20px; overflow: hidden; } .tab-button { flex-basis: 50%; text-align: center; padding: 15px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-weight: 600; border-bottom: 1px solid #fff; } .tab-content { padding: 20px; } @media only screen and (max-width: 768px) { .tab-content { padding: 20px 10px; } } .tab-button.active[data-tab="single"] { border-right: 1px solid #19345c5c; } .tab-button.active[data-tab="subscription"] { border-left: 1px solid #19345c5c; } .tab-button:not(.active) { border-bottom: 1px solid #19345c5c; background-color: #f9f9f9; } .subscription-content { display: flex; } span.subscription-price .amount { margin-right: 5px; } .subscription-image { flex-basis: 25%; margin-right: 30px; } @media (max-width: 767px) { body.woocommerce-account table.shop_table td { padding: 10px !important; } .woocommerce-account table.shop_table tr > *:first-child { text-align: left; font-weight: 700; } table.shop_table.subscription_details tr > td:last-child { padding-bottom: 20px; border-top: unset; } table.shop_table.subscription_details .woocommerce-button { max-width: unset; } } @media only screen and (max-width: 375px) { .tab-best-value, .wpcpq-item-text { display: none !important; } } .woocommerce-account section.woocommerce-order-details header > h2 { font-size: 24px; margin-top: 30px; margin-bottom: 0; } .woocommerce-view-subscription.woocommerce-account .minimog-wc-account-content h2 { font-size: 24px; margin-top: 30px; margin-bottom: 10px; } .woocommerce-cart .cart-totals-label { flex-basis: 80%; text-align: right; max-width: unset; padding-right: 0 !important; font-weight: 600; } @media (max-width: 980px) { .woocommerce-cart .cart-totals-label { flex-basis: 50%; text-align: left; max-width: 100%; padding-right: 10px !important; font-weight: 600; } } body.woocommerce-cart tr.cart-totals-row.cart-subtotal { width: 100%; } .tab-button span.tab-marker { padding: 2px; border: 1px solid #ccd2e3; height: 21px; width: 21px; border-radius: 20px; display: flex; justify-content: center; align-items: center; background: #fff; margin-right: 8px; } .tab-button span.tab-marker:before { content: ""; display: block; height: 13px; width: 13px; background: #fff; border-radius: 20px; } .tab-button.active span.tab-marker:before { background: var( --e-global-color-secondary ); } .tab-title-outer-wrap { display: flex; } .tab-top { display: flex; align-items: center; } .tab-best-value { max-width: 85px; display: flex; background: linear-gradient(90deg, #80A0CF 0%, #0A6DFF 100%); border-radius: 4px; color: #fff; padding: 5px 10px; align-items: center; margin-left: 10px; } .tab-free-shipping { display: flex; color: #2F7DF0; font-size: 12px; margin-left: 24px; margin-top: -8px; } span.tab-free-shipping-title { font-size: 0.7rem; } .tab-free-shipping img { margin-right: 3px; } .best-value-title { font-size: 0.6rem; line-height: 1.2; text-align: left; } .tab-best-value img { height: 20px !important; width: 20px !important; margin-right: 6px; } @media only screen and (max-width: 1120px) and (min-width: 769px) { .tab-best-value img { display: none; } } /*.tab-button.active .custom-tab-title { border-bottom: 2px solid; }*/ .custom-tab-title { line-height: 1.3; } .woobt-body { border: none!important; padding-top: 0 !important; border-bottom: 1px solid #eee !important; padding-bottom: 15px !important; margin-top: 0 !important; } .woobt-layout-default .woobt-products>.woobt-product { border: none!important; } .entry-summary .woobt-products { border: none!important; } h6.woobt-block-heading { display: none; } .woobt-summary { display: none; } .woobt-thumb img { aspect-ratio: 1 / 1; object-fit: cover; } .woobt-product { /*padding-top: 0 !important; padding-bottom: 0 !important;*/ min-height: 0 !important; } .woobt-total .amount{ color:var(--minimog-color-heading) } .woobt-wrap{ margin-top:0 !important } .woobt-product .woobt-product-info{ display:flex; flex-direction:column; justify-content:center } .woobt-product select { width: auto; border: 0; box-shadow: none !important; min-height: 26px; line-height: 28px; padding: 0 15px 0 0; background-position: 100% 50%; color: var(--minimog-color-text); } .woobt-product .woobt-title .variation .label { display: none; } /*Smart bundle css styling*/ .woosb-wrap.woosb-bundled { border: none; border-top: 1px solid #eee !important; border-bottom: 1px solid #eee !important; border-radius: 0px; padding: 0; } .woosb-product-main-info { flex-direction: column; } .woosb-price .product-shipping { display: none; } .woosb-products>.woosb-item-text, .woosb-products>.woosb-product { margin: 10px 0 0 !important; padding: 10px 0 0 !important; } @media only screen and (min-width: 768px) { .woosb-products>.woosb-item-text, .woosb-products>.woosb-product { flex-basis: 50%; } } .woosb-products .woosb-thumb { width: 45px; } .woosb-price { margin-left: 0 !important; margin-top: -5px !important; } .woosb-price .price bdi { font-size: 16px; } /*.woosb-products { margin: 0 0 10px !important; display: flex !important; flex-wrap: wrap !important; }*/ .woosb-item-product:first-child { margin-top: 0 !important; } .woocommerce form .form-row { margin-bottom: 15px !important; } .woocommerce form .form-row label { margin-bottom: 5px !important; } .form-coupon .form-row { margin-bottom: 10px !important; } .woosb-product-info { display: flex; align-items: center; } .woosb-total { display: none !important; } @media only screen and (max-width: 768px) { .woocommerce-cart table.shop_table .product-subtotal { display: none !important; } } #place_order.loading:before { -webkit-animation: rotating 1s linear infinite !important; animation: rotating 1s linear infinite !important; content: "" !important; margin-right: 10px; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 5 Pro"; font-weight: 400; } /* category pages */ .page-title-bar-fill-01 .page-title-bar-bg:before { background-color: rgb(0 0 0 / 40%) !important; } .page-title-bar-fill-01 .page-title-bar-bg { background-color: #285695 !important; } .search-page-search-form.above { max-width: 300px; margin: auto; } .nl-clipon-box { margin: 18px 0 20px; } .nl-clipon-title { line-height: 1.15; font-weight: 700; color: inherit; margin-bottom: 5px; } .nl-clipon-link { display: inline-flex; align-items: center; gap: 10px; line-height: 1.2; color: inherit; text-decoration: underline; text-underline-offset: 6px; } .nl-clipon-link:hover { opacity: 0.85; } .nl-clipon-icon { line-height: 1; } .product-popup-links { display: none !important; } .product-byline { font-weight: 500; font-size: 18px; } .product-byline .high { font-style: italic; font-weight: 700; } .calio-shipping-badge { background-color: #5097FF; color: #fff; font-size: 0.7rem; font-weight: 600; border-radius: 8px; padding: 2px 6px; } /* Split-test 100854 won — now shown to everyone (test-css gate removed). */ .calio-shipping-badge { display: block; } /* ============================================================ Quantity -> free-gift ribbon (calio) Ribbon hanging under every price-by-quantity box that guarantees the gift. Output and rules live in calio-gift-rules.php. The wpcpq hook fires INSIDE the tier box, so the ribbon is taken out of flow and pinned to the outside of the box instead. Three things this has to work around: - NO CHILD COMBINATOR on the ribbon. In the default layout the plugin wraps the quantity in an unclassed flex div and fires the hook inside it, so the ribbon's parent is that wrapper, not .wpcpq-row. Keying on the class alone also survives the next plugin markup change. Same reason .calio-shipping-badge above is a bare class selector. - the ribbon is out of flow, so its row has to reserve the room itself. .wpcpq-table is a plain BLOCK and the tier boxes stack vertically, so the reserve is a bigger margin-bottom on the row carrying the ribbon -- NOT padding on the table, which only ever lands under the last box and lets a middle ribbon fall on the box below. - the wrapper is position:static, so the ribbon still resolves against .wpcpq-row. left/right -2px cancels the box's 2px border so the ribbon is exactly as wide as the box. The box's own bottom radius is removed so box + ribbon read as one card. The ribbon keeps a palette of its own (see the custom properties below); only its border tracks the box, turning the active colour when the tier is selected, where a tick also appears at the end of the row. The box's bottom border is painted in the ribbon's fill, so no line ever separates the two. Nothing is animated and nothing changes size -- selection only recolours the border and reveals the tick. The ribbon is ONE fixed size in both states, so nothing below it ever moves and one reserve value serves both. A tier carrying two rules is clipped to that height; raise it if that is ever used. 'body ' prefix for the same reason as the badge above: the base wpcpq rules load later, in body-start.css. ============================================================ */ /* Reserve, on the row itself: the ribbon is 36px tall and starts 2px up at the box's padding edge, so it reaches 34px below the box; + the 10px gap the rows normally carry = 44px. Every qualifying tier gets a ribbon, so a middle box needs this just as much as the last one -- a table-level padding-bottom only ever reserved room under the LAST box, which dropped a middle ribbon on top of the box below it and left dead space at the bottom. Tuned against a pane that zeroes .wpcpq-wrap's bottom margin; nudge it if this store leaves more cushion under the table. */ body .wpcpq-table .wpcpq-row:has(.calio-giftrule-strip) { margin-bottom: 44px; position: relative; /* .wpcpq-click-yes .wpcpq-item sets overflow:hidden, which clips the ribbon away. */ overflow: visible; border-bottom-left-radius: 0; border-bottom-right-radius: 0; /* The ribbon's palette, declared here so the box's own border can match it and so there is a single place to retune it. #E9F1FB is free for the ribbon because the active box no longer fills with it (see body-start.css), so the ribbon can use the store's normal light blue and still stand clear of the #f6f6f6 box in both states. */ --calio-giftrule-fill: #E9F1FB; --calio-giftrule-ink: #19345C; --calio-giftrule-tick: #1F7A18; /* Paint the 2px between box and ribbon in the ribbon's own fill so no line separates them -- including when selection turns the rest of the border navy. Zeroing the width instead would move the padding box, and with it the ribbon's top anchor. */ border-bottom-color: var(--calio-giftrule-fill); } body .calio-giftrule-strip { position: absolute; top: calc(100% - 2px); left: -2px; right: -2px; margin-top: 2px; height: 36px; display: flex; flex-direction: column; justify-content: center; padding: 0 8px; border: 2px solid var(--calio-giftrule-fill); border-top: 0; border-radius: 0 0 10px 10px; background-color: var(--calio-giftrule-fill); color: var(--calio-giftrule-ink); font-size: 0.7rem; font-weight: 700; line-height: 1.2; letter-spacing: 0.02em; text-transform: uppercase; overflow: hidden; } /* Selected tier: same fill and same size -- only the border colour is taken over from the box, so the outline runs unbroken around box + ribbon. */ body .wpcpq-item-active .calio-giftrule-strip { border-color: var(--minimog-color-heading, #19345C); } /* Selected tier: a green tick closing the row, after the value. It is an ordinary flex item, so the row's 6px gap spaces it and it stays inside the centred group instead of being pushed to the edge. */ body .wpcpq-item-active .calio-giftrule-row::after { content: '\2713'; flex: 0 0 auto; margin-bottom: 4px; color: var(--calio-giftrule-tick); font-size: 1rem; line-height: 1; } body .calio-giftrule-row { display: flex; align-items: center; justify-content: center; gap: 6px; } body img.calio-giftrule-img { flex: 0 0 auto; width: 26px; height: 26px; object-fit: cover; border-radius: 4px; background-color: #fff; } /* Separator dot between the gift text and its value. Its own flex item, so the row's align-items:center centres it and the row's 6px gap spaces it evenly on both sides. */ body .calio-giftrule-sep { flex: 0 0 auto; width: 4px; height: 4px; border-radius: 50%; background-color: currentColor; } /* The value is emitted as plain text, not wc_price() markup -- see calio-gift-rules.php. Nothing here has to fight the theme's .woocommerce-Price-amount styling as a result. */ body .calio-giftrule-value { flex: 0 0 auto; white-space: nowrap; } @media only screen and (max-width: 768px) { body .wpcpq-item-price { flex-direction: column !important; align-items: start !important; } body span.wpcpq-item-text { background-image: none !important; color: inherit !important; width: unset !important; height: unset !important; margin: unset !important; padding: 0px !important; font-size: 10px !important; } body .wpcpq-table .wpcpq-row { padding: 15px !important; } } #ez-toc-container a:hover { text-decoration: unset !important; } /* ============================================================ Snippet #55280 "KURV" -- was: elementor_head, conditions: include/singular/page/7 -- now site-wide ============================================================ */ .cart-gift__wrapper { margin: 30px 0; padding: 40px; background-color: #f8f8f8; border-radius: 8px; } a.cart-gift__product.product-item:hover { color: inherit; } .cart-gift__product.product-item path { fill: orange !important; } .cart-gift__badge { background-color: #FFBC11; font-weight: bold; border-radius: 4px; display: inline-block; padding: 2px 10px 0 10px; font-size: 0.8rem; line-height: 2; text-transform: uppercase; margin-bottom: 5px; position: absolute; top: -14px; right: 20px; } span.amount-left { background: var(--minimog-color-button-border); padding: 2px 10px; border-radius: 8px; font-size: 0.9rem; text-transform: uppercase; font-weight: 600; } .cart-gift__goal-desc { font-size: 18px; } .cart-gift__main { display: flex; justify-content: space-between; } .cart-gift__amount-left { display: flex; align-items: center; flex-basis: 48%; } .cart-gift__main h6 { font-size: 16px; margin-top: 5px; margin-bottom: 5px; } /*.cart-gift__amount-left { font-size: 16px; color: #333; margin-bottom: 15px; }*/ .cart-gift__recommendations { padding-top: 20px; } .cart-gift__product { display: flex; align-items: center; background: #fff; border: 3px solid #FFD8C8; border-radius: 13px; padding: 15px; position: relative; flex-basis: 48%; } .cart-gift__product img { max-width: 80px; margin-right: 15px; } .cart-gift__recommendations-title { margin-top: 20px; margin-bottom: 15px; text-align: center; } .cart-gift__product-list { display: flex; flex-wrap: wrap; justify-content: space-between; } .cart-gift__item { display: flex; justify-content: space-between; flex-wrap: wrap; text-align: left; flex-basis: 32%; padding: 15px; background-color: #fff; border-radius: 8px; } .cart-gift__item-image { flex-basis: 40%; } .cart-gift__item-details { flex-basis: 60%; } .cart-gift__item-title { font-size: 1rem; margin-bottom: 5px; } .cart-gift__item img { padding-right: 15px; } .cart-gift__item p { margin-bottom: 10px; font-size: 14px; color: #333; } .cart-gift__item.product-item a.button { width: 100%; margin-top: 10px; } .cart-gift__recommendations, .cart-gift__goal-reached, .cart-gift__goal-unreached { display: none; } .cart-gift__wrapper.unreached .cart-gift__recommendations { display: block; } .cart-gift__wrapper.unreached .cart-gift__goal-unreached { display: block; } .cart-gift__wrapper.reached .cart-gift__goal-reached { display: block; } @media only screen and (min-width: 981px) { .cart-gift__product-list > div:nth-child(4) { display: none; } } @media only screen and (max-width: 890px) { .cart-gift__main { flex-direction: column; } .cart-gift__wrapper { padding: 40px 20px; } .cart-gift__product { margin-top: 25px; } .cart-gift__amount-left { text-align: center; } .cart-gift__item.product-item a.button { padding: 0px; } .cart-gift__item-image { flex-basis: 100%; } .cart-gift__item-image img { padding: 0; } .cart-gift__item { flex-basis: 47%; margin-bottom: 4%; } .cart-gift__item-details { flex-basis: 100%; margin-top: 12px; } .cart-gift__item-title { margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 2; /* Limit to 2 lines */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .cart-gift__amount-left h4 { font-size: 25px; } .cart-gift__item p { margin-bottom: 0; } .cart-gift__item-image img { aspect-ratio: 1 / 1; object-fit: cover; } } .cart_item[gave] .quantity { display: none; } /* ============================================================ Snippet #73389 "Flyout Cart CSS" -- was: elementor_head, conditions: general (all pages) ============================================================ */ .fly-cart-footer,button.shipmondo-modal-close:hover{ box-shadow:none } .cart_list.product_list_widget .product-thumbnail { width: 82px!important; } .awdr_free_product_text .fly-cart-content .cart-goal-text { text-align: center; } .fly-cart-header .cart-goal:not(.shakeY) .cart-goal-text { -webkit-animation-name: nat_bounce; animation-name: nat_bounce; -webkit-animation-duration: 3s; animation-duration: 3s; animation-delay: 0s; animation-iteration-count: infinite; } .fly-cart-footer a.view-cart { flex-basis: 40%; margin: 0; background-color: transparent; border-color: var(--minimog-color-button-text); padding: 0; } .fly-cart-footer a.view-cart:hover { background-color: var(--minimog-color-button-text); color: #fff; } .fly-cart-footer .button.checkout { flex-basis: 60%; margin-left: 10px; } @media only screen and (max-width: 768px) { .fly-cart-footer a.view-cart, .fly-cart-footer .button.checkout { flex-basis: 100%; } .fly-cart-footer .button.checkout { flex-basis: 100%; margin: 0 } .fly-cart-footer .buttons { flex-wrap: wrap; } } .fly-cart-header { padding: 10px 20px 20px 20px; } .fly-cart-body .subscription-usps { margin-left: -10px; } .fly-cart-body .subscription-usp { font-size: 90%; margin: 0; } .fly-cart-header .cart-goal-wrap { margin: 10px 0 0!important; } /* from the theme*/ /* Progress bar */ .cart-progress-message { padding-bottom: 0px!important; margin-bottom: 0 !important; font-weight: 600 !important; -webkit-animation-name: nat_bounce; animation-name: nat_bounce; -webkit-animation-duration: 3s; animation-duration: 3s; animation-delay: 0s; animation-iteration-count: infinite; } .cart-progress-message { color: var(--minimog-color-heading)!important; } .cart-progress-message b { font-weight: 600; } .milestone-icon span { color: var(--minimog-color-heading)!important; } .cart-progress-bar { height: 10px; max-width: 600px; } .cart-progress-bar-wrapper, .cart-sidebar-progress-bar-wrapper { margin: 15px 48px 5px 30px !important; } .milestone-icon img { width: 30px; } .circle-icon { width: 35px !important; height: 35px !important; } .milestone-icon.milestone-gift { max-width: 40px; } /* Progress bar */ /* payment icons at bottom */ .woocommerce-mini-cart__buttons img.payment-icons { display: block; margin: 12px auto 0; height: auto; text-align: center; width: 350px; } /* footer spacing */ .fly-cart-footer { margin-top: 0; padding-top: 10px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background: transparent; border-top: 5px solid #e9f1fb85 !important; } /* Hide the Note/Shipping/Coupon action row in the fly-cart. */ .popup-fly-cart .cart-footer-actions { display: none !important; } /* tighten header padding to match your look */ .fly-cart-header { padding: 0; border-bottom: 5px solid #e9f1fb85 !important; } /* title */ h3.fly-cart-title { padding: 15px 50px 0 26px; font-size: 18px; font-weight: 600; text-align: left; } .bc-cart-header { display: flex; align-items: center; padding: 7px 15px !important; column-gap: 6px !important; } /* Title sits flush inside the flex header; the wrapper provides the padding. */ .bc-cart-header .fly-cart-title { padding: 0; margin: 0; line-height: 1.2; } /* Live cart-count pill (refreshed via the span.js-fly-cart-count WC fragment). */ .bc-cart-header .fly-cart-count { display: block; padding: 5px 8px; min-width: 24px; background: #19345C; color: #fff; border-radius: 25px; font-weight: 700; font-size: 12px; line-height: 1; text-align: center; } /* free shipping goal text */ .cart-goal-text { padding: 0 26px 0 26px; text-align: center; font-size: 16px; } /* progress bar spacing */ .cart-goal-progress.minimog-progress { padding: 0 26px 20px 26px; } .fly-out-cart-payment-icons-div { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 6px; } /* Only spread apart when a shipping icon is present too (nattelyst.dk); otherwise centre the lone payment icon. */ .fly-out-cart-payment-icons-div:has(.shipping-icons) { justify-content: space-between; } .fly-out-cart-payment-icons-div .payment-icons { height: 25px; width: auto; } .fly-out-cart-payment-icons-div .shipping-icons { height: 25px; width: auto; } .popup-fly-cart .cart-totals-table { padding: 0 !important; background-color: #fff; } /* Fly-cart totals only: label column takes 60%, amount takes the rest. */ .popup-fly-cart .cart-totals-table .cart-totals-label { flex: 0 0 60%; max-width: 60%; } /* Total row: trim the CCAP total's top padding (8px source in class-ccap-freegift.php). */ .popup-fly-cart .ccap-cart-total .cart-totals-label, .popup-fly-cart .ccap-cart-total .cart-totals-value { padding-top: 4px !important; } /* Coupon row: prefix + code + remove link in a centred flex row so the smaller "Fjern" lines up with the code; label keeps its column width, amount stays right. */ .popup-fly-cart .cart-totals-row.cart-discount .cart-totals-label { display: flex; align-items: center; gap: 5px; } .popup-fly-cart .cart-totals-row.cart-discount .remove-coupon-link { font-size: 12px; color: #d81f2a; white-space: nowrap; } .popup-fly-cart .cart-totals-row.cart-discount .remove-coupon-link .coupon-icon { font-size: 12px; } /* Compact fly-cart totals + buttons on mobile; hide only the "Rabatkode:" prefix. */ @media only screen and (max-width: 768px) { .popup-fly-cart .cart-totals-row.cart-discount .coupon-label-prefix { display: none; } .popup-fly-cart .cart-totals-row { min-height: 22px; } .popup-fly-cart .cart-subtotal .cart-totals-value .amount { font-size: 22px; } .popup-fly-cart .fly-cart-footer .buttons { margin-top: 8px; } .popup-fly-cart .fly-cart-footer a.view-cart { margin-top: 4px; height: 38px; min-height: 0; line-height: 36px; align-self: center; } } @media (max-width: 768px) { a.button.checkout.wc-forward { margin-bottom: 0; } } .fly-cart-body { height: 10px !important; } body .cart_list.product_list_widget li+li { margin-top: 10px !important; } .cart_list.product_list_widget .product-thumbnail { width: 70px !important; border-radius: 8px !important; } /* --- Fly-cart tweaks (nattelyst) --------------------------------------- */ /* Drawer body: light-blue backdrop with white item cards. */ .popup-fly-cart .fly-cart-body { background: #e9f1fb85 !important; padding: 10px; padding-top: 5px; padding-bottom: 5px !important; } /* White cards for real cart items only — the .special-product-item offer keeps its own .special-product box (no white li background or padding). */ .popup-fly-cart .cart_list.product_list_widget .woocommerce-mini-cart-item:not(.special-product-item) { background: #fff; border-radius: 8px; padding: 10px; align-items: center; } /* Keep the progress-bar milestone icons behind the cart-updating overlay (the overlay is .inner:before at z-index 2); cap the icon stack below it. */ .popup-fly-cart .milestone-icons { z-index: 1 !important; } .popup-fly-cart .milestone-icon { z-index: 2 !important; transform: translate(-66%, -50%); } /* Compact cart line items: smaller product title + price, tighter quantity stepper. Scoped to .popup-fly-cart so only the drawer is affected. */ .popup-fly-cart .cart_list.product_list_widget .product-name { font-size: 14px; line-height: 1.3; margin-bottom: 2px; } .popup-fly-cart .cart_list.product_list_widget .product-price, .popup-fly-cart .cart_list.product_list_widget .product-price .amount { font-size: 14px; line-height: 1.3; } /* The stepper size is driven by the --size token; shrinking it compacts the input and both buttons together. */ .popup-fly-cart .cart_list.product_list_widget div.quantity { --size: 30px; --icon-size: 13px; width: 90px; } .popup-fly-cart .cart_list.product_list_widget div.quantity input.qty { font-size: 14px; } /* Free-gift lines: quantity is locked to 1, so hide the "1" indicator. Covers both gift systems: Calio Capture (.ccap-gift-qty) and free-gift.php (.nattelyst-free-gift-qty). */ .popup-fly-cart .ccap-gift-qty, .popup-fly-cart .nattelyst-free-gift-qty { display: none; } /* Free-gift lines: smaller thumbnail. The
  • has no marker class, so match the item that contains a gift-qty span via :has(). */ .popup-fly-cart .cart_list.product_list_widget .woocommerce-mini-cart-item:has(.ccap-gift-qty) .product-thumbnail, .popup-fly-cart .cart_list.product_list_widget .woocommerce-mini-cart-item:has(.nattelyst-free-gift-qty) .product-thumbnail { width: 55px !important; } /* Remove link + quantity row: tighten vertical rhythm inside the item. */ .popup-fly-cart .cart_list.product_list_widget .remove.js-remove-from-cart { line-height: 1; padding-top: 0; padding-bottom: 0; } .popup-fly-cart .cart_list.product_list_widget .product-quantity-wrap { margin-top: 5px; } /* Quantity-discount nudge under the price (flycart-quantity-discount.php). */ .popup-fly-cart .calio-qty-discount-hint { display: inline-block; margin-top: 6px; padding: 4px 10px; font-size: 12px; line-height: 1.35; color: #19345C; background: #e9f1fb; border-radius: 999px; } /* Close button vertically centred on the header row (matches buddyschoice). */ .popup-fly-cart .btn-close-fly-cart { top: 0; right: 0; color: #d81f2a; } /* Logged-in drawer height: the parent theme's .admin-bar rules replace the top/bottom anchor with a vh/% height, which lets the footer slip behind the mobile browser's bottom bar. Re-anchor top + bottom like the logged-out drawer (which works) and only offset the top by the admin-bar height. */ body.admin-bar .popup-fly-cart { top: 32px; bottom: 0; height: auto; } @media screen and (max-width: 782px) { body.admin-bar .popup-fly-cart { top: 46px; } } @media screen and (max-width: 600px) { body.admin-bar .popup-fly-cart { top: 0; } } /* Fly-cart free-gift notice (CCAP_FreeGift::flycart_notice_html) — the inner .woocommerce-message is the visible box, so the frame goes on that. */ .ccap-flycart-notice .woocommerce-message { border-radius: 8px; margin-bottom: 10px !important; border: 1px solid #f3c7a6 !important; background: #fff3e8 !important; } /* ============================================================ Snippet #74319 "Black Friday" -- was: elementor_head, conditions: general (all pages) ============================================================ */ .hot.hot-sale span { color: white!important; } .hot.hot-sale { background: black!important; } .black-friday-menu-item span.menu-item-title { background-color: black!important; color: white; padding: 4px 10px 4px 10px; border-radius: 6px; margin: -4px -10px -4px -10px; } @media (min-width: 768px) { div#page-title-bar { margin-top: 20px; } } /* ============================================================ Snippet #77969 "Sales CSS [Christmas, Black Friday ETC. ]" -- was: elementor_head, conditions: general (all pages) ============================================================ */ /* .christmas-gift-badge { background: #ab001b !important; border-radius: 4px!important; } .christmas-gift-badge span { font-size: 13px!important; } .christmas-menu-item span.menu-item-title { background-color: var(--e-global-color-81d4ae5); color: white; padding: 4px 10px 4px 10px; border-radius: 6px; margin: -4px -10px -4px -10px; } .christmas-gift-badge { padding-left: 26px !important; } .christmas-gift-badge:before { content: url('/wp-content/uploads/2025/12/christmas-badge.svg'); top: 5px !important; left: 5px !important; } .january-sale-badge { background: var(--e-global-color-c9ea37d) !important; border-radius: 4px!important; } .january-sale-badge span { font-size: 13px!important; } .january-sale span.menu-item-title { background-color: var(--e-global-color-c9ea37d); color: white; padding: 4px 10px 4px 10px; border-radius: 6px; margin: -4px -10px -4px -10px; } .valentines-sale-badge { background: var(--e-global-color-9acc42e) !important; border-radius: 4px!important; } .valentines-sale-badge span { font-size: 13px!important; } .valentines-sale span.menu-item-title { background-color: var(--e-global-color-9acc42e); color: white; padding: 4px 10px 4px 10px; border-radius: 6px; margin: -4px -10px -4px -10px; } */ .regular-sale-badge { background: var(--e-global-color-c9ea37d) !important; border-radius: 4px!important; } .regular-sale-badge span { font-size: 13px!important; } .regular-sale span.menu-item-title { background-color: var(--e-global-color-c9ea37d); color: white; padding: 4px 10px 4px 10px; border-radius: 6px; margin: -4px -10px -4px -10px; } /* ============================================================ Snippet #114516 "Active Campaign [CSS]" -- was: elementor_head, conditions: general (all pages) ============================================================ */ /* Campaign badge — uses CSS vars with fallback values */ .campaign-badge { background: var(--campaign-badge-bg, var(--e-global-color-c9ea37d)) !important; color: var(--campaign-badge-fg, #ffffff) !important; border-radius: 4px !important; } .campaign-badge span { font-size: 13px !important; } .campaign-badge-menu span.menu-item-title { background: var(--campaign-badge-bg, var(--e-global-color-c9ea37d)) !important; color: var(--campaign-badge-fg, #ffffff) !important; padding: 4px 10px 4px 10px !important; border-radius: 6px !important; margin: -4px -10px -4px -10px; } /* ============================================================ A/B test: skip the cart page -- gate for the elements added to fly-cart.php ("Gå til kassen" + lock) and form-checkout.php (the "Har du en rabatkode?" block). Test 133224. Variation 1 = skip the cart page, variation 2 = today's site. Both new elements sit in the markup on every page with an inline display:none, so until the -1 class lands the site is exactly the control even if this cached file lags — which is also why the reveal rules below need !important to beat that inline style. Coexists with the MobilePay-express test: both fly-cart buttons carry `button checkout wc-forward`, so that test's layout rules apply to whichever one is showing. When the test concludes: delete this whole block, then the elements in fly-cart.php and form-checkout.php (or keep the winner and drop the loser's markup + its inline display:none). ============================================================ */ body.test-css-133224-1 .calio-cartskip-checkout { display: flex !important; align-items: center; justify-content: center; } body.test-css-133224-1 .calio-cartskip-cart { display: none !important; } body.test-css-133224-1 .calio-cartskip-coupon { display: block !important; } /* Discrete coupon block: a small toggle line, one tight field row once clicked. Field and button are pinned to the same 46px so the row reads as one control; !important because this stylesheet resets input heights with it elsewhere. */ /* Collapsed, the toggle line is all there is, so the block keeps only a small margin. The open state's extra room is padding on the form — padding, not margin, so it neither collapses into the margin below nor applies while the form is display:none. */ .calio-cartskip-coupon { margin: 0 0 10px; } .calio-cartskip-coupon .woocommerce-form-coupon-toggle { margin: 0; font-size: 14px; } .calio-cartskip-coupon form.checkout_coupon { margin: 4px 0 0; padding-bottom: 18px; max-width: 380px; } .calio-cartskip-coupon form.checkout_coupon .form-group { display: flex; gap: 8px; margin: 0; } /* margin:0 on both — the theme gives the button a top margin, which knocks it out of line with the field and pushes the whole row away from the toggle. */ .calio-cartskip-coupon form.checkout_coupon input.input-text { flex: 1 1 auto; width: auto; min-width: 0; height: 46px !important; min-height: 46px !important; margin: 0; padding: 0 14px; border-radius: 5px; } .calio-cartskip-coupon form.checkout_coupon .btn-apply-coupon { flex: 0 0 auto; height: 46px; min-height: 46px; margin: 0; padding: 0 22px; border-radius: 5px; line-height: 1; }