/* * custom-styles/css/head.css -- buddyschoice.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 ) ============================================================ */ /* 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; } .btn-close-fly-cart { position: absolute !important; display: flex !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; } #page-open-mobile-menu .icon::after { content: 'MENU'; font-size: 17px; font-weight: 600; letter-spacing: 0.2px; text-transform: uppercase; padding-left: 4px } div#pwgc-redeem-gift-card-form { display: none; } /* Badge */ span.buddys-christmas-badge { position: absolute !important; z-index: 99; background: #AD1A36; border-radius: 5px; top: 12px; left: 12px; color: #fff; font-weight: 700; padding: 5px 6px; font-size: 14px; line-height: 1em; } body .woocommerce-mini-cart a, body #cart-table-wrap a, .minimog-product .woocommerce-loop-product__title a { color: var( --e-global-color-ec74859 ); } .blog-archive { background: #faf9f7; } .verified-badge { font-weight: 400; font-size: 14px; } .verified-badge:before { content: ""; display: inline-block; width: 12px; /* set width */ height: 12px; /* set height */ background: url(/wp-content/uploads/2025/09/checkmark.svg) no-repeat center center; background-size: contain; vertical-align: middle; margin: 0 2px 2px 8px; } .woocommerce-cart .wof-wheels, .woocommerce-cart .wof-overlay, .woocommerce-checkout .wof-wheels, .woocommerce-checkout .wof-overlay { display: none !important; } .desktop-menu .page-header .menu--primary .menu__container>li>a { padding: 12px !important; } strong.marque-tag-line { margin-right: 5px; } .row-isw-swatch, .woocommerce-variation-add-to-cart-enabled .wpcpq-wrap { padding: 20px; background-color: #fff; border: 1px solid #333; border-radius: 8px; } select.isw-dropdown-select { border: 2px solid; } .page-mobile-menu-content span.menu-item-title { color: var( --e-global-color-ec74859 ); font-weight: 500; } /* Hide subscription sub-options on product category archives */ body.tax-product_cat .wcsatt-sub-options { display: none !important; } .woocommerce.single-product .floating-wheel-calio { margin-bottom: 50px; } #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; } /* Checkout "place order" button — larger text/height + a lock icon before the label. Icon is a ::before (NOT an element): Minimog's checkout.js resets the button label with .text() on gateway change / updated_checkout, which would delete any child we inject. A pseudo-element survives that. */ #place_order { font-size: 20px !important; height: 55px !important; } #place_order:before { content: "\f023"; /* fa-lock, solid */ font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome"; font-weight: 900; font-size: 16px; margin-right: 8px; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; } .header-icon.header-login-link { display: block !important; } body .minimog-wc-account-wrap a { color: var(--e-global-color-ec74859); } .testimonial-product:hover * { text-decoration: underline; } .effect-2 { color: #56C600; font-style: italic; } /* === Clearer button loading spinner ====================================== * Targets Minimog's `.updating-icon:before` — the real spinner used by * single_add_to_cart_button, loop AJAX buttons, and other Minimog AJAX flows. * Also covers WooCommerce's default `.button.loading::after` as a fallback. */ /* The actual spinner: bigger, bolder stroke (FA Solid = 900 instead of Light = 300) */ .updating-icon:before { font-size: 28px !important; font-weight: 900 !important; } /* Don't dim the button while it's loading */ .button.loading, .single_add_to_cart_button.loading, .tm-button.loading, .add_to_cart_button.loading, .woosw-adding, .woosc-btn-adding { opacity: 1 !important; } /* Fallback: WooCommerce default spinner (used by buttons without `updating-icon`) */ .button.loading::after { font-size: 1.5em !important; top: 50% !important; right: 0.9em !important; margin-top: -0.55em !important; } /* === Loading state: white spinner + blue button tint ===================== */ /* White spinner */ .updating-icon:before { color: var(--e-global-color-ec74859) !important; } /* Blue tint while loading */ .button.loading, .single_add_to_cart_button.loading, .tm-button.loading, .add_to_cart_button.loading, .woosw-adding, .woosc-btn-adding { background-color: var(--e-global-color-02a30a4) !important; border-color: var(--e-global-color-02a30a4) !important; color: #fff !important; } /* White outline around spinner — keeps it visible on any button background */ .updating-icon:before { text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff, -2px 0 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, 0 2px 0 #fff !important; } .dk-flag::before { content: ""; display: inline-block; width: .9em; height: auto; background-image: url(https://buddyschoice.dk/wp-content/uploads/2026/05/flag-for-flag-denmark-svgrepo-com.svg); background-size: contain; background-repeat: no-repeat; background-position: center; vertical-align: -0.1em; margin: 0; aspect-ratio: 1; } /* ============================================================ Snippet #7240 "[CSS] Cart & Checkout" -- was: elementor_head, conditions: include/singular/page/92,include/singular/page/91 -- now site-wide ============================================================ */ div#pwgc-redeem-gift-card-form { } #pwgc-redeem-form input#pwgc-redeem-gift-card-number, .bc-pwgc-custom-form input#pwgc-redeem-gift-card-number { width: 65%; } #pwgc-redeem-error { width: 100%; } #pwgc-redeem-form label, .bc-pwgc-custom-form label { width: 100%; font-weight: 500 !important; } #pwgc-redeem-form input#pwgc-redeem-button, .bc-pwgc-custom-form input#pwgc-redeem-button { width: 33%; padding: 0 !important; text-align: center; vertical-align: middle; margin-bottom: 0 !important; font-size: 14px !important; color: #fff !important; border-radius: 4px !important; background: #333 !important; } form#pwgc-redeem-form, .bc-pwgc-custom-form { padding: 10px !important; border: 1px solid #eee !important; border-radius: 6px; justify-content: space-between; display: flex; flex-wrap: wrap; margin-bottom: 25px !important; background: #f0f0f0 !important; } @media only screen and (max-width: 600px) { #pwgc-redeem-form input#pwgc-redeem-button, .bc-pwgc-custom-form input#pwgc-redeem-button { font-size: 12px !important; } } .payment-title-icon { display: inline-flex; align-items: center; } 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; font-weight: 600; color: var(--minimog-color-heading) !important; font-size: 18px; } .wc-checkout-review-order-table tfoot td { width: 100%; text-align: end; } ul#shipping_method>li { max-width: 400px; text-align: left; line-height: 35px; } ul#shipping_method .shipping-name { width: 75%; display: inline-block; } .service-point-selector-error { font-size: 80%; opacity: 0.8; margin-top: 4px; } .cart-totals-value #shipping_method span.woocommerce-Price-amount.amount bdi { font-size: 16px; } .woocommerce-checkout .place-order button { margin-top: 0; } .form-row.place-order { border-top: none; padding-top: 0; } .woocommerce-checkout #order_review .cart-totals-row:last-child, tr.order-total.recurring-total { border-bottom: 1px solid #eee; padding-bottom: 15px; } .woocommerce-checkout .payment_box { padding: 0 } .first-payment-date small:not(:empty) { margin: 0 } tr.cart-totals-row.order-total { padding-bottom: 15px } .wc-checkout-review-order-table tfoot .order-total .amount { font-size: 20px; } .wc-checkout-review-order-table .cart-totals-label, tr.order-total.recurring-total th { color: var(--minimog-color-heading) !important; font-weight: 500 !important; } #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; color: #fff; } #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; } .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.2em 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; } .payment-title-wrap { border-radius: 5px!important; } @media only screen and (min-width:769px){ .checkout-kundeservice-mobile{ display:none } } @media only screen and (max-width:768px){ .checkout-kundeservice-desktop{ display:none } .checkout-kundeservice-mobile{ margin-top:30px } } #order_review_heading, .woocommerce-billing-fields > h3, .checkout-payment-info-heading { font-size: 24px !important; } span.wc-stripe-card-icons-container { display: flex; } .kl_newsletter_checkbox_field label.checkbox:after { content: 'Vi sender ikke for ofte og du kan altid let afmelde igen.'; display: block; color: grey; font-size: 0.8rem; margin-top: 2px; } p#kl_newsletter_checkbox_field { margin-bottom: 5px; } #ship-to-different-address { color: #000 !important; font-size: inherit !important; } input#shipping_method_0_free_shipping11, [for="shipping_method_0_free_shipping11"] { display: none; } .wc_payment_methods .payment-title-icon>img { max-height: 22px; } .powered_by_shipmondo { display: none; } /* ============================================================ Snippet #8862 "[CSS] Product Page" -- was: elementor_head, conditions: general (all pages) ============================================================ */ .quantity-indicator { padding: 2px; border: 1px solid #ccd2e3; height: 21px; width: 21px !important; border-radius: 20px; display: flex; justify-content: center; align-items: center; background: #fff; position: absolute; left: 20px; } .quantity-indicator:before { content: ""; display: block; height: 13px; width: 13px; background: var( --e-global-color-ec74859 ); border-radius: 20px; display: none; } @media only screen and (max-width: 768px) { .quantity-indicator { left: 15px; } } .wpcpq-item-active .quantity-indicator:before { display: unset; } .single_add_to_cart_button { height: 60px !important; } .custom-icon-list ul { list-style: none; padding-left: 0; margin-left: 0; } .custom-icon-list ul li { position: relative; padding-left: 28px; /* space for the icon */ margin-bottom: 0; } /* Use your SVG icon as the bullet */ .custom-icon-list ul li::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background: url('https://buddyschoice.dk/wp-content/uploads/2025/10/Buddys-Choice-Favicon.svg') no-repeat center center; background-size: contain; } span.wpcpq-item-text span { color: #19345C; text-transform: uppercase; font-size: 0.75rem; font-weight: bold; } span.wpcpq-item-price-val .amount:after { content: ' pr. bøtte'; font-size: 80%; font-weight: 500; margin-left: 1px; opacity: 0.75; } .wpcpq-table .wpcpq-row.wpcpq-foot { display: none; } .wpcpq-table .wpcpq-item-active { color: var(--minimog-color-heading); } span.wpcpq-item-price-val span { font-weight: bold !important; font-size: 1.2rem; } .wpcpq-item-price { display: flex; flex-direction: column; text-align: center; margin-top: 6px; text-align: left; } @media only screen and (max-width: 768px) { .wpcpq-item-price { min-width: 50%; text-align: right; } } .wpcpq-wrap { margin-bottom: 15px; } .single-pane > .wpcpq-wrap { margin-bottom: 0; } .wpcpq-item-default { min-height: 65px; } .wpcpq-row.wpcpq-item.wpcpq-item-active { /*border-color: #FFC1A7; border-width: 2px;*/ border: 2px solid; /*background-color: #E9F1FB;*/ box-shadow: 0 0 0 .2rem #c5fa5696; } .ingredients-table thead { background-color: #000; } .ingredients-table th { color: #fff; font-weight: 600; } .ingredients-table td { border: none; background: none !important; padding: 5px 0; } .ingredients-table td:last-child { text-align: right; } .ingredients-table td:first-child { text-align: left; } .ingredients-table tr { border-bottom: 1px solid #d8dadf; } .forskning-item { font-size: 80%; } .forskning-item a { display: flex; align-items: center; } .forskning-item span { text-decoration: underline; } .forskning-item a::before { content: url(https://buddyschoice.dk/wp-content/uploads/2025/10/clip.svg); height: 16px; display: block; width: 16px; margin-right: 5px; } img.attachment-woocommerce_gallery_thumbnail.size-woocommerce_gallery_thumbnail { border-radius: 8px; } .stock.entry-product-stock.available-on-backorder { padding: 10px 20px !important; border: 2px solid orange; border-radius: 8px; margin-bottom: 20px; background-color: #ffa5001c; font-weight: 500; } .stock.available-on-backorder:before { display: none; } /* ============================================================ Snippet #8863 "[CSS] Thank You Page" -- was: elementor_head, conditions: general (all pages) ============================================================ */ /* Desktop */ @media (min-width: 1024px) { .thankyou-video { margin-top: -250px; } } /* Mobile */ @media (max-width: 1023px) { .thankyou-video { margin-top: -200px; } } .video-hero { position: relative; width: 100%; overflow: hidden; border-radius: 14px; } /* Dark + blur overlay */ .video-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.35); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: opacity .3s ease; } /* Big play button */ .play-btn { width: 110px; height: 110px; background: rgba(255,255,255,0.9); border-radius: 50%; position: relative; box-shadow: 0 10px 40px rgba(0,0,0,.4); } /* Triangle */ .play-btn::after { content: ""; position: absolute; top: 50%; left: 54%; transform: translate(-50%, -50%); width: 0; height: 0; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 28px solid #000; } /* Hover polish */ .video-overlay:hover .play-btn { transform: scale(1.05); transition: transform .2s ease; } body.woocommerce-order-received #page { background-color: #f5f7f7; } /* ============================================================ Snippet #23165 "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: 100%; margin-left: 0; } @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: 5px; -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 { white-space: unset !important; 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 30px 30px; } .milestone-icon img { width: 30px; } .circle-icon { width: 35px !important; height: 35px !important; } .milestone-icon.milestone-delivery { margin-top: 10px; } .milestone-icon.milestone-gift { margin-top: 10px; } .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 { padding-top: 0px; padding-bottom: 10px; margin-top: 0; } /* tighten header padding to match your look */ .fly-cart-header { padding: 0; } /* title */ h3.fly-cart-title { padding: 15px 26px 0 26px; font-size: 24px; font-weight: 600; 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 { text-align: center; margin-top: 6px; } .fly-out-cart-payment-icons-div .payment-icons { width: 300px; max-width: 100%; height: auto; display: inline-block; } .popup-fly-cart .cart-totals-table { padding: 0 !important; } /* Fly-cart totals only: label column takes 60%, amount takes the rest (matches nattelyst). */ .popup-fly-cart .cart-totals-table .cart-totals-label { flex: 0 0 60%; max-width: 60%; } /* 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; } /* Hide only the "Rabatkode:" prefix on mobile. */ @media only screen and (max-width: 768px) { .popup-fly-cart .cart-totals-row.cart-discount .coupon-label-prefix { display: none; } } a.button.checkout.wc-forward { margin-bottom: 10px; } .fly-cart-body { height: 10px !important; padding: 5px 10px 10px 10px !important; } body .cart_list.product_list_widget li+li { margin-top: 10px !important; } .cart_list.product_list_widget .product-thumbnail { width: 70px !important; } .fly-cart-content .cart-totals-row.cart-shipping, .fly-cart-content .recurring-totals, .fly-cart-content .shipping.recurring-total, .fly-cart-content .cart-totals-row.order-total, .fly-cart-content tr.cart-subtotal.recurring-total, .fly-cart-content tr.order-total.recurring-total .includes_tax { display: none } /*th.cart-totals-label { font-size: 20px; }*/ .cart-totals-value span.woocommerce-Price-amount.amount bdi { font-size: 20px; } .special-product { border: 2px solid #eee; padding: 12px; margin-top: 18px; display: flex; border-radius: 10px; } .special-product-heading { font-weight: 600; font-size: 1.2rem; flex-basis: 100%; margin-bottom: 0px; } .special-product-left { border-radius: var(--minimog-large-rounded); border: 1px solid #eee; overflow: hidden; width: 75px; margin: 0; align-self: flex-start; } .special-product-right { flex-basis: calc(100% - 75px); padding-left: 20px; } /*body:not(.specialInCart):not(.cart-is-empty) .fly-cart-body-content { height: unset !important; max-height: 350px; overflow: auto; }*/ body.firstSpecialInCart .special-product[data-product-id=""] { display: none; } body.secondSpecialInCart .special-product[data-product-id=""] { display: none; } /*body.has-premiere-in-cart .special-product[data-product-id=""], body.has-second-special-in-cart .special-product[data-product-id=""] { display: none; }*/ .woocommerce-mini-cart__buttons .payment-icons { display: block; margin: 12px auto 0; /* top margin for spacing */ height: auto; text-align: center; width: 280px; } .woocommerce-mini-cart__buttons { margin-top: 4px !important } /*.fly-cart-body { padding: 0 0 200px 0 !important; }*/ .fly-cart-footer .button.checkout { width: 100%; height: 58px; line-height: 56px; font-size: 20px; } .btn-close-fly-cart { top: 0 !important; right: 0 !important; } .fly-cart-footer { box-shadow: none !important; /*border-top: 1px solid #ddd;*/ padding-top: 20px; padding-bottom: 10px; } .fly-cart-rating-bar { background:var( --e-global-color-ec74859 ); color:#fff; text-align:center; padding:8px 12px; margin-top:0; line-height:1.2; } .fly-cart-rating-bar .stars { font-size:16px; letter-spacing:2px; margin-right:4px;margin-top:1px;height: 18px; } .fly-cart-rating-bar .pipe { opacity:.8; } .fly-cart-rating-bar .score { opacity:.95; } .fly-cart-header { padding: 0px; } h3.fly-cart-title { padding: 15px 26px 0px 26px; font-size: 24px; font-weight: 600; } .cart-goal-text { padding: 0px 26px 0px 26px; text-align: center; font-size: 16px; } .cart-goal-progress.minimog-progress { padding: 0px 26px 20px 26px; } /* Progress bar */ .cart-progress-message { padding-bottom: 0px!important; margin-bottom: 5px; -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 { white-space: unset !important; 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 0 30px; } .milestone-icon img { width: 30px; } .circle-icon { width: 35px !important; height: 35px !important; } .milestone-icon.milestone-delivery { margin-top: 10px; } .milestone-icon.milestone-gift { margin-top: 10px; } .milestone-icon.milestone-gift { max-width: 40px; } /* Progress bar */ .bc-payment-badges { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; } .milestone-icon { width: 100px !important; max-width: unset !important; margin-top: 0 !important; } .cart-progress-bar-wrapper, .cart-sidebar-progress-bar-wrapper { margin: 15px 30px 30px 30px; } .cart-progress-bar { max-width: 95% !important; } .milestone-delivery { margin-left: -30px !important; } .cart-progress-bar-wrapper { padding: 15px 10px 12px 10px !important; /*box-shadow: 12px 12px 12px #f0f0f0;*/ border-bottom: 5px solid #EAEEE8 !important; margin: 0 !important; overflow: hidden !important; } /*.fly-cart-content { max-width: 100% !important; margin: 0; overflow: hidden; }*/ /*.fly-cart-body, .widget_shopping_cart_content { height: unset !important; }*/ /*.fly-cart-body-content { max-height: calc(100vh - 400px) !important }*/ /*.widget_shopping_cart_content { padding-bottom: 20px !important }*/ .bc-cart-header { display: flex; align-items: center; padding: 7px 15px !important; column-gap: 6px !important; } .fly-cart-count { display:block; padding: 6px 5px; background-color: #17554B !important; color: #fff !important; border-radius: 25px; font-weight: 700; font-size: 12px; line-height: 12px; min-width:25px; text-align: center; } .fly-cart-body { background: #EAEEE8 !important; } .fly-cart-body .woocommerce-mini-cart-item { padding: 8px !important; background: #fff !important; border: 1px solid #eee !important; border-radius: 10px !important; } .fly-cart-body .cart_list.product_list_widget .product-thumbnail { border-radius: 10px !important; } .fly-cart-body .cart_list.product_list_widget li+li { margin-top: 6px !important; } .fly-cart-body .cart_list.product_list_widget .remove { padding: 0 !important; } @media only screen and (max-width: 600px) { .cart-progress-bar-wrapper { padding: 5px 15px !important; } .milestone-delivery { margin-left: -20px !important; } } .milestone-icons { z-index: 1 !important; } .milestone-icon { z-index: 2 !important; } .bc-coupon-message { display: none; } tr.order-total.recurring-total small.includes_tax { display: none; } /*.fly-cart-content .woocommerce-mini-cart { padding-bottom: 60px; }*/ h3.fly-cart-title { font-size: 30px; } .cart_list.product_list_widget .product-quantity-wrap { margin-top: 0px !important; } .fly-cart-wrap .first-payment-date small { margin: 0 !important; } tr.order-total.recurring-total td { line-height: 1.6; } .fly-cart-content tr.order-total.recurring-total { border-bottom: none; padding-bottom: 10px; } /* ============================================================ Snippet #65 "[CSS] General" -- was elementor_body_end -- folded into head per decision (CSS cascades by order) ============================================================ */ :root { --box_shadow: rgba(61, 72, 83, 0.36) 0px 0px 1px, rgba(61, 72, 83, 0.06) 0px 2px 6px, rgba(243, 246, 248, 0.15) 0px 8px 48px } @media only screen and (max-width: 1400px) and (min-width: 1023px) { body > .elementor > .elementor-section:not(.elementor-inner-section):not(.no-margin) > .elementor-container, body > .elementor > [data-element_type="container"]:not(.no-margin) { padding-left: 1.5rem; padding-right: 1.5rem; } } @media only screen and (max-width: 1024px) { body > .elementor > .elementor-section:not(.elementor-inner-section):not(.no-margin) > .elementor-container, body > .elementor > [data-element_type="container"]:not(.no-margin) { padding-left: 1rem; padding-right: 1rem; } } @media only screen and (max-width: 768px) { .hide-mobile { display: none !important; } } @media only screen and (min-width: 768px) { .hide-desktop { display: none !important; } } .last-p-margin p:last-child { margin-bottom: 0; } .primary-color { color: var(--e-global-color-primary); } .secondary-color { color: var(--e-global-color-secondary); } .mb-0 { margin-bottom: 0; } :focus-visible { outline: none; } body a.button { color: var( --e-global-color-1c1bd98 ); } .button-text { word-break: break-word; text-wrap: auto !important; } input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus { border-color: #696969; } .button, button, input[type=button], input[type=reset], input[type=submit] { font-family: 'Buddy'; font-weight: 500 !important; } .button:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:active, button:active, input[type=button]:active, input[type=reset]:active, input[type=submit]:active, .button:focus, button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus { box-shadow: 0 !important; } small.includes_tax .amount { font-size: inherit !important; font-weight: inherit !important; } small.includes_tax { display: block; line-height: 1.1; } del::after { content: ""; position: absolute; left: 0; right: 0; top: 35%; height: 1px; background-color: currentColor; pointer-events: none; } del { text-decoration: unset; position: relative; } body .tm-button.style-bottom-line { color: var( --e-global-color-ec74859 ); } .header-buttons .tm-button { border: none !important; padding: 0 !important; color: var( --e-global-color-ec74859 ); font-weight: 500; font-family: var(--e-global-typography-9e72c06-font-family); } .header-buttons .tm-button:hover { background-color: #fff !important; padding: 0 !important; color: var(--header-nav-link-hover-color) !important; text-decoration: underline; box-shadow: none !important; } .elementor-image-box-wrapper { display: flex; gap: 10px; } .cl-highlight { color: #245A1E; } @media only screen and (max-width:600px) { .elementor-icon { margin-top: 4px; } } .entry-price-wrap > .price > .price { flex-basis: 100%; } /* SPIN THE WHEEL */ .wof-wheel .wof-title { text-transform: unset; font-size: 38px; } .wof-btn-submit { padding: 5px !important; height: unset !important; border-radius: 30px !important; font-weight: 600 !important; font-size: 18px !important; text-transform: unset !important; } .wof-form-fields input { border-radius: 30px !important; padding: 0 25px !important; } .wof-wheel .wof-disclaimer a { color: inherit !important; } .wof-title em { color: #b0ff73 !important; } .wof-close svg path { stroke: #fff; stroke-width: 5px !important; } .wof-close svg { width: 40px !important; right: 18px; } @media only screen and (max-width: 768px) { .wof-inner-wrapper { padding-top: 60px !important; } div.wof-wheel .wof-title { font-size: 38px !important; } } /* ============================================================ ccap floating tab ⟷ floating add-to-cart bar (product pages) ------------------------------------------------------------ The Calio Capture FAB (#ccap-floating-tab, bottom-left/right) overlaps the sticky "add to cart" bar. On product pages that bar slides in at the bottom whenever the main #buy button is scrolled out of view — at which point body LOSES the .buy-visible class (toggled in custom-styles/js/body-end.js). So while that bar is on screen we lift the FAB above it; when #buy scrolls back into view the FAB eases back down. Purely CSS — it rides the same body class the bar does, so the two move together. Kept OUT of the calio-capture/ folder on purpose (a plugin re-copy would wipe it). Tunable: --ccap-fab-lift = (bar height) - 20px base + gap. Bar ≈ 94px desktop / 74px mobile; nudge the two values if the gap above the bar looks off. ============================================================ */ body #ccap-floating-tab.ccap-fab-bottom-left, body #ccap-floating-tab.ccap-fab-bottom-right { /* Animate the lift in BOTH directions. Re-list `transform` so the plugin's hover-nudge animation keeps working (its own rule sets only `transition: transform`, which our higher specificity here would otherwise drop). */ transition: bottom 320ms cubic-bezier(.22, .61, .36, 1), transform 220ms ease; } body.single-product:not(.buy-visible) #ccap-floating-tab.ccap-fab-bottom-left, body.single-product:not(.buy-visible) #ccap-floating-tab.ccap-fab-bottom-right { --ccap-fab-lift: 88px; /* 94px bar + 14px gap, minus the 20px base offset → bottom 108px */ bottom: calc(20px + env(safe-area-inset-bottom, 0px) + var(--ccap-fab-lift)) !important; } @media only screen and (max-width: 768px) { body.single-product:not(.buy-visible) #ccap-floating-tab.ccap-fab-bottom-left, body.single-product:not(.buy-visible) #ccap-floating-tab.ccap-fab-bottom-right { --ccap-fab-lift: 68px; /* 74px bar + 14px gap, minus 20px base → bottom 88px (+ safe-area) */ } } /* ---- Search: header popup + search page (calio-search) ---- */ #popup-search a { color: var( --e-global-color-ec74859 ); } .popup-search-icon .icon-badge { background-color: var( --e-global-color-ec74859 ); } body .popup-search-form .search-field { border-color: #b5b5b5 !important; } h2.search-results-heading { display: none; } /* Hide WCATT subscription sub-options in the instant-search popup and on the search results page, so the loop shows only the base price (same as the category-archive rule above — WCATT otherwise appends "— or hver 2. måned"). */ #popup-search .wcsatt-sub-options, body.search .wcsatt-sub-options { display: none !important; } /* Search/loop product cards: lighter price weight, darker/smaller title */ .grid-item .price .amount { font-weight: 400 !important; } .grid-item h3 a { color: #333 !important; font-size: 19px; font-weight: 600; }