/* * custom-styles/css/head.css -- nattelyst.de * Migrated from DB (Minimog custom CSS + Customizer + 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 ) ============================================================ */ 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; } .sendtfradk { display: none !important; } body.test-css-97667-1 .sendtfradk { display: flex !important; } .nl-clipon-box { display: none !important; } body.test-css-99317-1 .nl-clipon-box { display: block !important; } #page-breadcrumb { display: none !important; } body.test-css-98356-1 #page-breadcrumb { display: block !important; } .backtocart { display: none !important; } body.test-css-98361-1 .backtocart { display: block !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; } /* emærket */ body.test-css-62704-2 .emaerket, body.test-css-62704-2 #emaerket-widget-container { display: none !important; } body.test-css-64432-1 .cart-checkout-top { display: flex !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; } .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,.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,label[for=shipping_method_0_free_shipping6],p#billing_country_field,p#shipping_country_field{ display:none } 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 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 } /* PayPal hides the native #place_order (.ppcp-hidden) and appends its own button at the end of #order_review, OUTSIDE .form-row.place-order -- so the badge, which sits inside that row, ends up above the button and cannot be reordered next to it. Hide it while a ppcp gateway is selected. The prefix match also covers the plugin's Apple Pay and Google Pay buttons, whose containers are already printed on this page. */ #payment:has(input[id^="payment_method_ppcp-"]:checked) .checkout-secure{ display:none } .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:' · verifiziert'; 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:'Sie erhalten eine E-Mail, sobald das Produkt wieder auf Lager ist.'; 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 } /* PayPal appends .ppc-button-wrapper at the END of #order_review, after this block, so the customer-service template ends up ABOVE the pay button. woocommerce_review_order_after_payment is already the last hook inside #order_review, so there is no later hook to move it to -- reorder it instead. Scoped to a selected ppcp gateway: flexing #order_review stops margin collapsing, and that should not happen on every mobile checkout. The prefix match also covers the plugin's Apple Pay and Google Pay buttons. */ #order_review:has(#payment input[id^="payment_method_ppcp-"]:checked){ display:flex; flex-direction:column } #order_review:has(#payment input[id^="payment_method_ppcp-"]:checked) .checkout-kundeservice-mobile{ order:100 } .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%; } .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: 'EUR'; } .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; } /* 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: "NEU"; position: absolute; top: -12px; right: -26px; background-color: green; color: white; font-weight: bold; padding: 2px 4px; border-radius: 4px; font-size: 10.5px; line-height: 12px; } .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; } @media only screen and (max-width: 768px) { .subscription-image { flex-basis: 15%; margin-right: 15px; } } span.subscription-price-inner, span.subscription-price-inner .amount { color: #0A6DFF; font-weight: 600; margin-left: 3px; } .subscription-price { display: flex; align-items: center; } .subscription-usp { display: flex; align-items: center; margin: 4px 0; } .fly-cart-body .subscription-usps { margin-left: -10px; } .fly-cart-body .subscription-usp { font-size: 90%; margin: 0; } @media only screen and (max-width: 768px) { .woocommerce-cart tr.cart-subtotal.recurring-total th { max-width: 50% !important; } } .subscription-usp-text { margin-left: 5px; } @media only screen and (max-width: 768px) { .subscription-usps { margin: 5px 0; } .subscription-usp-text { font-size: 90%; } .subscription-usp { margin: 0; } .subscription-right h6 { font-size: 18px !important; } } .subscription-lowest-price { color: #fff; background-color: var(--minimog-color-heading); border-radius: 4px; text-transform: uppercase; font-weight: 600; padding: 4px 5px; font-size: 60%; margin-left: 10px; line-height: 1.25; } span.subscription-price-inner .amount { font-size: 120%; } .subscription-right h6 { margin-bottom: 5px; font-size: 20px; } .subscription-image img { border-radius: 4px; } [aria-label*="Abonnement"] ~ .quantity { display: none; } .fly-cart-wrap .shipping.recurring-total, .woocommerce-cart .shipping.recurring-total { display: none; } .fly-cart-wrap tr.order-total.recurring-total, .woocommerce-cart tr.order-total.recurring-total { display: none; } .fly-cart-wrap tr.recurring-totals, .woocommerce-cart tr.recurring-totals { display: none; } .woocommerce-checkout tr.cart-subtotal.recurring-total, .woocommerce-checkout .recurring-totals { display: none; } .woocommerce-checkout tr.order-total.recurring-total .includes_tax { display: none; } .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-subtotal.recurring-total > th { text-align: right; flex-basis: 80%; max-width: unset; 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-price { display: block !important; text-align: right; width: 100%; } .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; } /* ============================================================ 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; } .calio-shipping-badge { display: none; } body.test-css-100854-1 .calio-shipping-badge { display: block; } @media only screen and (max-width: 768px) { body.test-css-100854-1 .wpcpq-item-price { flex-direction: column !important; align-items: start !important; } body.test-css-100854-1 span.wpcpq-item-text { background-image: none !important; color: inherit !important; width: unset !important; height: unset !important; margin: unset !important; padding: 3px 0 0 0 !important; font-size: 10px !important; } body.test-css-100854-1 .wpcpq-table .wpcpq-row { padding: 20px 15px !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; } .milestone-icon span { color: var(--minimog-color-heading)!important; } .cart-progress-message b { font-weight: 600; } @media only screen and (max-width: 768px) { .cart-progress-message { width: 110%; } } .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; } /* 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; } } /* ============================================================ 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; } /* ============================================================ WP Customizer Additional CSS -- was: wp_get_custom_css() (printed in , loads late) ============================================================ */ .bundlebadgemenu .menu-item-wrap::before { content: "NEU" !important; } /* ===== Nattelyst: shipping method row - keep name, delivery time and price on one line ===== */ .woocommerce-shipping-methods .shipping-name, #shipping_method .shipping-name { display: inline !important; width: auto !important; } .nl-delivery-time { margin-left: 4px; white-space: nowrap; font-size: 0.85em !important; color: #7a7a7a !important; font-weight: 400 !important; display: inline !important; } /* ===== end Nattelyst shipping method row ===== */ /* Helper line under a checkout field (cart-checkout.php, calio_checkout_phone_hint). Muted and smaller on purpose -- it has to read as secondary to the field label, and matches the .nl-delivery-time treatment used elsewhere on this checkout. */ .calio-field-hint { display: block; font-size: 0.85em; color: #7a7a7a; } /* ============================================================ Checkout shipping methods -- carrier cards (ported from .dk 06.09.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-cards.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 blocks already use 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 picker, 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 !important; min-width: 0; font-weight: 600; } /* .de's delivery-time span is .nl-delivery-time (shipping-delivery-time.php); the .dk block calls the same thing .bc-delivery-time. */ ul#shipping_method.calio-shipcards .nl-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 EUR 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 picker, seamless inside the card -------------------- Only rendered for the CHOSEN method, 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. */ 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; } ul#shipping_method.calio-shipcards .powered_by_shipmondo { display: none; } ul#shipping_method.calio-shipcards > li > .service-point-selector-error { font-size: .85em; color: #7A7A7A; } /* free_shipping6's input and label are already hidden further up this file (input#shipping_method_0_free_shipping6, label[for=...]); as a card that left an empty bordered box, so hide the whole row. */ 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; } } /* ============================================================ CookieYes consent banner + preference modal The one and only .cky-* block in this file -- keep it that way. Layout (unchanged from what has been live): the notice is pulled out of CookieYes' bottom bar into a centred 500px modal with a shadow, 27px padding, a 28px title and buttons capped at 200px spread space-between. Under 550px it goes near-full-width and centres its text. Colour: CookieYes writes its palette as INLINE style attributes on these elements, so every colour declaration below needs !important to win -- an author !important beats a normal inline declaration. Brand palette is #19345C (text) on #FFC1A7 (accent). ============================================================ */ /* --- Layout ------------------------------------------------------------ */ .cky-consent-container { bottom: 50% !important; left: 50% !important; transform: translate(-50%, 50%); width: 500px !important; } .cky-consent-container .cky-consent-bar { box-shadow: 0 32px 68px rgba(0, 0, 0, .3) !important; padding: 27px !important; } /* CookieYes' inner wrapper adds 24px of its own on top of the bar's 27px. Zero it so the bar's padding is the only thing setting the gutter. */ .cky-consent-bar .cky-notice-content-wrapper { padding: 0 !important; } /* "Powered by CookieYes" is hidden further down, but its wrapper div keeps a 12px padding-bottom that leaves a gap under the buttons -- drop the wrapper as well. :has() is unsupported on Firefox below 121, where the whole selector is simply ignored and the old gap stays; nothing else breaks. */ .cky-consent-bar > div:has(> [data-cky-tag="powered-by"]) { display: none !important; } .cky-notice .cky-title { font-size: 28px !important; margin-bottom: 15px !important; } /* Never scroll the description. CookieYes caps it with max-height:40vh plus overflow-y:scroll at (max-width:440px) and at (min-width:576px) and (max-height:660px). Its own @media (max-height:480px) rule, which scrolls .cky-consent-container as a whole on very short screens, is left alone. */ .cky-notice-des { max-height: none !important; overflow: visible !important; } .cky-btn { max-width: 200px !important; } .cky-notice-btn-wrapper { justify-content: space-between !important; } /* Notice buttons are 8px; the preference modal's are 5px (CookieYes' own class name carries the "prefrence" typo -- do not correct it). */ button.cky-btn.cky-btn-accept, button.cky-btn.cky-btn-reject { border-radius: 8px; } .cky-prefrence-btn-wrapper .cky-btn { border-radius: 5px !important; } /* The toggle knob ships mis-centred; unset the theme's transform and drive the checked position ourselves. */ .cky-switch input[type="checkbox"]:before { top: unset !important; transform: unset !important; } .cky-switch input[type="checkbox"]:checked:before { -webkit-transform: translateX(20px) !important; -ms-transform: translateX(20px) !important; transform: translateX(20px) !important; } /* --- Colour ------------------------------------------------------------ */ /* Title, body copy and category headings, banner and modal alike. The wildcards cover the rich-text description, whose spans carry their own inline colour. */ .cky-title, .cky-preference-title, .cky-notice-des, .cky-notice-des *, .cky-preference-content-wrapper, .cky-preference-content-wrapper *, .cky-accordion-header .cky-accordion-btn, .cky-accordion-header-des, .cky-accordion-header-des *, .cky-always-active, .cky-gpc-wrapper .cky-gpc-desc, .cky-gpc-wrapper .cky-gpc-desc * { color: #19345C !important; } /* Accept -- the one filled button, in both the notice and the modal. */ button.cky-btn.cky-btn-accept { background-color: #FFC1A7 !important; border-color: #FFC1A7 !important; color: #19345C !important; } /* Customize -- text only, no frame. */ .cky-notice .cky-btn-customize, button.cky-btn.cky-btn-customize { background-color: transparent !important; border-color: transparent !important; color: #19345C !important; } /* Save preferences and reject -- outlined. Reject is never hidden: .se shows it in the banner and it has to stay clickable. */ button.cky-btn.cky-btn-preferences, button.cky-btn.cky-btn-reject { background-color: transparent !important; border-color: #FFC1A7 !important; color: #19345C !important; } .cky-switch input[type="checkbox"]:checked { background-color: #FFC1A7 !important; } /* "Show more" and any link inside the banner or the modal. */ .cky-show-desc-btn, .cky-notice-des a, .cky-preference-content-wrapper a, .cky-accordion-header-des a, .cky-gpc-wrapper .cky-gpc-desc a { color: #19345C !important; } /* CookieYes' own branding, in the banner footer and in the modal footer. */ [data-cky-tag="powered-by"], [data-cky-tag="detail-powered-by"] { display: none !important; } /* --- Mobile ------------------------------------------------------------ */ @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; } } /* Checkout fields at 16px: iOS Safari zooms the page when a focused field is under 16px. */ .woocommerce-checkout .input-text, .woocommerce-checkout input[type="text"], .woocommerce-checkout input[type="email"], .woocommerce-checkout input[type="tel"], .woocommerce-checkout input[type="number"], .woocommerce-checkout input[type="password"], .woocommerce-checkout select, .woocommerce-checkout textarea { font-size: 16px !important; } /* Hide floating reCAPTCHA v3 badge (Elementor forms). visibility, not display:none, keeps reCAPTCHA working. */ .grecaptcha-badge { visibility: hidden; }