/* KanonCon Design – komponenter: én definisjon per komponent (knapper, felt, kort, produktkort osv.). Lokale tilpasninger ligger i sidefilene. Lastes på alle sider. */
/* ===== Knapper ===== */
/* Knapper og felt */
html body .button:where(:not(.icon)),html body button.button:where(:not(.icon)),html body input[type=submit],html body #place_order,html body .my-account .account-nav>li>a,html body .kc-info__meny li a,html body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{padding:0 var(--kc-knapp-luft);border-radius:var(--kc-r-pill);font-size:var(--kc-tekst-body);font-weight:800;text-transform:none;letter-spacing:0;min-height:var(--kc-kontroll);line-height:calc(var(--kc-kontroll) - 2px)}
/* Primærknapp (mørkeblå pille) – én fargedefinisjon for alle primærknapper, også plugin-knapper. Form og høyde kommer fra knappregelen over. Flatsome sine omriss-knapper (is-outline) er ikke fylte primærknapper. */
html body .button.primary:where(:not(.is-outline)),html body .button.alt,html body .single_add_to_cart_button,html body .checkout-button,html body #place_order,html body .woocommerce-form-login__submit,html body .woocommerce-form-register__submit,html body .button.kc_spor,html body .kc-sporing .button,html body .kc-tomt__sok .button,html body .coupon .button,html body .cwginstock-subscribe-form .cwgstock_button,html body .my-account .account-nav>li.is-active>a,html body .kc-info__meny li.is-active a{background-color:var(--kc-ink)!important;border-color:var(--kc-ink)!important;color:var(--kc-white)!important}
.kc-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--kc-luft-2)}
.kc-chips .button{margin:0}
/* Hvit sekundærknapp – én klasse for alle sider (a.edit er WooCommerce sin «Rediger»-lenke under Adresser, som ikke kan få klassen) */
.kc-knapp-lys,.woocommerce-Address-title a.edit,.my-account .account-nav>li>a,.kc-info__meny li a{background:var(--kc-white)!important;color:var(--kc-ink)!important;border:1px solid var(--kc-line-control)!important}
/* Felles hover for alle hvite klikkbare elementer (knapper, kontaktkort, snarveier, chips) */
.kc-knapp-lys:hover,.woocommerce-Address-title a.edit:hover,.kc-kontaktkort__kort:hover,.kc-snarvei:hover,html body .ux-quantity .ux-quantity__button:hover,.my-account .account-nav>li>a:hover,.kc-info__meny li a:hover,.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:where(.cmplz-deny,.cmplz-view-preferences,.cmplz-save-preferences):hover{box-shadow:none!important;border-color:var(--kc-ink)!important;background:var(--kc-flate)!important}
/* Menyfanene i Min konto og på informasjonssidene er knapper på mobil (over). På PC er de en sidemeny: */
@media (min-width:850px){
html body .my-account .account-nav>li>a,html body .kc-info__meny li a{display:flex;align-items:center;gap:var(--kc-luft-4);min-height:0;line-height:1.4;padding:var(--kc-luft-2) var(--kc-luft-4)!important;border:0!important;border-radius:var(--kc-r-md);background:none!important;font-size:var(--kc-tekst-body);font-weight:600}
html body .my-account .account-nav>li.is-active>a,html body .kc-info__meny li.is-active a{background:var(--kc-flate)!important;color:var(--kc-ink)!important;font-weight:800}
}
/* ===== Skjemafelt ===== */
/* Skjemafelt – én definisjon for alle tekstfelt og nedtrekkslister, også i plugins (de treffes på felttypen, ingen egen klasse trengs). Tekstområde er varianten under. */
html body input:not([type]),html body input[type=text],html body input[type=search],html body input[type=email],html body input[type=tel],html body input[type=number],html body input[type=password],html body select,html body textarea{height:var(--kc-kontroll);padding:0 var(--kc-luft-4);border:1px solid var(--kc-line-control);border-radius:var(--kc-r-pill);background-color:var(--kc-white);box-shadow:none;font-size:var(--kc-tekst-body);color:var(--kc-ink)}
html body select{padding-right:var(--kc-pil-plass)}
html body textarea{height:auto;min-height:120px;padding:var(--kc-luft-4) var(--kc-luft-4);border-radius:var(--kc-r-lg)}
/* Øyet i passordfelt (Flatsome plasserer det for lavere felt): midt i feltet */
.show-password-input{top:calc(var(--kc-kontroll) / 2);right:8px;transform:translateY(-50%)}
/* Felles: kort, felt, knapper */
/* ---------- Handlekurv ---------- */
/* ---------- Kassen ---------- */
#billing_email_field{order:1}
#billing_phone_field{order:2}
#billing_first_name_field{order:4;width:48%}
#billing_last_name_field{order:5;width:48%}
#billing_country_field{order:6}
#billing_address_1_field{order:7}
#billing_postcode_field{order:8;width:30%}
#billing_city_field{order:9;width:66%}
#billing_company_field{order:11}
#billing_state_field{order:12}
#billing_country_field,#shipping_country_field,#billing_state_field,#shipping_state_field{display:none!important}
@media (max-width:849px){
#billing_first_name_field,#billing_last_name_field{width:48%}
#billing_postcode_field{width:38%}
#billing_city_field{width:58%}
}
.woocommerce-privacy-policy-text p{font-size:var(--kc-tekst-mini);color:var(--kc-muted)}
body input::placeholder,body textarea::placeholder{color:var(--kc-muted);opacity:1}
/* ===== Merker og priser ===== */
/* Salgsmerke */
html body .badge-container .badge{height:auto;width:auto}
html body .badge-container .badge-inner,html body .badge-inner.on-sale{width:auto}
html body .badge-container{margin:var(--kc-luft-2) 0 0 var(--kc-luft-2)}
html body .badge-container .badge.kc-nyhet-merke,html body .badge-container .badge.kc-bestilling-merke{margin:0 0 var(--kc-luft-1)}
html body .badge-container .badge-inner.kc-nyhet,html body .badge-container .badge-inner.kc-bestilling{background:var(--kc-green-merke)!important;color:var(--kc-white)!important;border-radius:var(--kc-r-sm);padding:0 var(--kc-luft-2)!important;height:24px;line-height:24px;font-size:var(--kc-tekst-mini);font-weight:800;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}
html body .badge-container .badge-inner.kc-bestilling{background:var(--kc-orange)!important;color:var(--kc-ink)!important}
body span.amount{color:var(--kc-ink)}
/* ===== Antallvelger ===== */
/* ==== kc-kurv-ikoner (snip9.php) ==== */
body .woocommerce-cart-form a.remove,body .woocommerce-mini-cart a.remove{font-size:0!important;line-height:0!important;display:inline-flex;align-items:center;justify-content:center;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%235b6a8a%22 stroke-width=%222.6%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M7 7l10 10M17 7L7 17%22/%3E%3C/svg%3E") center/14px 14px no-repeat!important}
body .woocommerce-cart-form a.remove:hover,body .woocommerce-mini-cart a.remove:hover{border-color:var(--kc-ink)!important;background-color:transparent!important}
/* Antallvelger – én definisjon for produktsiden og handlekurven. !important fordi Flatsome sin is-form-stil og handlekurv-stil ellers vinner */
html body .ux-quantity{display:inline-flex;align-items:stretch;height:var(--kc-kontroll);margin:0;border:1px solid var(--kc-line-control);border-radius:var(--kc-r-pill);overflow:hidden;background:var(--kc-white)}
html body .ux-quantity .ux-quantity__button,html body .ux-quantity input.qty{height:100%;min-height:0;margin:0;padding:0;border:0!important;border-radius:0;background:var(--kc-white)!important;box-shadow:none!important;text-shadow:none;line-height:1;color:var(--kc-ink)!important;font-family:inherit;font-weight:700}
html body .ux-quantity .ux-quantity__button{width:44px;font-size:20px}
html body .ux-quantity input.qty{width:32px;font-size:var(--kc-tekst-body);text-align:center}
/* ===== Kort, infokort, nedtrekk og bilderamme ===== */
/* Filter: lukket seksjon skal ikke vise 14px av innholdet (padding under max-height:0) */
/* Ikonene i kontomenyen (brukes både i Min konto og i brukermenyen i headeren) */
.woocommerce-MyAccount-navigation-link--dashboard,.kc-ikon--dashboard{--kc-ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5V20a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--orders,.kc-ikon--orders{--kc-ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5z'/%3E%3Cpath d='M3 8l9 5 9-5M12 13v8'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--mine-varsler,.kc-ikon--mine-varsler{--kc-ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 1 1 12 0c0 7 3 9 3 9H3s3-2 3-9M10.3 21a1.9 1.9 0 0 0 3.4 0'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--edit-address,.kc-ikon--edit-address{--kc-ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--edit-account,.kc-ikon--edit-account{--kc-ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--customer-logout{--kc-ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--mine-reservasjoner,.kc-ikon--mine-reservasjoner{--kc-ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18M9 15l2 2 4-4'/%3E%3C/svg%3E")}
/* Infokort (lyseblått felt) – én definisjon. Felt fra innhold (UX Builder) og plugins som ikke har klassen kc-infokort står i samme liste. */
.kc-infokort,.kc-nyhetsbrev>.col>.col-inner,.kc-produkt__usp,.kc-info__merk,.woocommerce-MyAccount-content .woocommerce-info,.woocommerce-MyAccount-content .message-wrapper,.cwginstock-subscribe-form .panel{background:var(--kc-flate);border:0;border-radius:var(--kc-r-lg);box-shadow:none;padding:var(--kc-kort-luft)}
/* Hvitt kort – én definisjon (hvit bunn, kant i line, radius-lg, luft kort-luft). Varianter: meny (8px luft) og uten luft (bilde/tabell helt ut i kanten). */
.kc-takk-kort,.woocommerce-cart .cart-wrapper,.my-account #customer_login>.col>.col-inner,.my-account #customer_login .account-login-inner,.my-account #customer_login .account-register-inner,.my-account .woocommerce-form-login:not(#customer_login *),.woocommerce-cart .cart-sidebar,.woocommerce-checkout form.checkout #customer_details,.woocommerce-checkout form.checkout>.row>.col>.col-inner.has-border,.kc-snarvei,.kc-okort,.woocommerce-Addresses .woocommerce-Address,.woocommerce-EditAccountForm fieldset,.kc-kontaktkort__kort,.woocommerce-MyAccount-navigation,.kc-info__meny,.product-small.box .box-image,.kc-frakttabell,.kc-butikkfelt,.kc-ov-kort{background:var(--kc-white);border:1px solid var(--kc-line)!important;border-radius:var(--kc-r-lg);padding:var(--kc-kort-luft)!important}
.woocommerce-MyAccount-navigation,.kc-info__meny{padding:var(--kc-luft-2)!important}
.product-small.box .box-image,.kc-frakttabell,.kc-butikkfelt,.kc-ov-kort{padding:0!important;overflow:hidden}
/* Bilderamme – små produktbilder i lister (søk, minikurv, handlekurv, ordre) */
.autocomplete-suggestion .search-image,.woocommerce-mini-cart-item img,.kc-takk-varer img,.woocommerce-cart table.cart .product-thumbnail img,.kc-okort__bilde img{background:var(--kc-white);border:1px solid var(--kc-line);border-radius:var(--kc-r-md);padding:var(--kc-luft-1)}
/* ===== Sumtabell ===== */
/* ---------- Designsystemet «KanonCon» (låst 30.09.2026) ---------- */
/* Tekstområder radius-lg; kassens overskrifter som h3; Peace Sans aldri fet; priser, felt og lenker i ink; understreking ved hover */
.kc-steg-tittel,#order_review_heading,.woocommerce-checkout-review-order-table tr.order-total th,.woocommerce-cart .cart_totals tr.order-total th,.kc-takk-sum .kc-sum-order_total th{font-family:var(--kc-font-display);font-size:var(--kc-tekst-h3)!important;line-height:var(--kc-lh-h3);font-weight:400!important;font-synthesis:none;color:var(--kc-ink)!important}
/* Sumtabell – handlekurv, kasse og takkeside: én definisjon for radene, totalsummen og hjelpeteksten (mva, fraktmåte) */
table.woocommerce-checkout-review-order-table td,table.woocommerce-checkout-review-order-table th,table.kc-takk-sum th,table.kc-takk-sum td,.woocommerce-cart .cart_totals table th,.woocommerce-cart .cart_totals table td{border:0;padding:var(--kc-luft-2) 0!important;font-size:var(--kc-tekst-liten);color:var(--kc-ink);font-weight:400;text-transform:none;letter-spacing:0}
.kc-takk-sum .kc-sum-order_total th,.kc-takk-sum .kc-sum-order_total td,.woocommerce-cart .cart_totals tr.order-total th,.woocommerce-cart .cart_totals tr.order-total td,.woocommerce-checkout-review-order-table tr.order-total th,.woocommerce-checkout-review-order-table tr.order-total td{border-top:1px solid var(--kc-line)!important;padding-top:var(--kc-luft-4)!important;font-size:var(--kc-tekst-h3);line-height:var(--kc-lh-h3);font-weight:800;color:var(--kc-ink)}
.kc-takk-sum .shipped_via,.kc-takk-sum .includes_tax,.woocommerce-cart .kc-frakt-info small,.woocommerce-cart .cart_totals .includes_tax,.woocommerce-checkout-review-order-table .includes_tax{display:block;white-space:nowrap;font-size:var(--kc-tekst-mini);color:var(--kc-muted);font-weight:400}
/* ===== Produktkort ===== */
.product-small.box .box-image img{padding:var(--kc-luft-2);box-sizing:border-box;object-fit:contain}
.product-small .grid-tools{display:none!important}
/* Flatsome sin hover-knapp */
.product-small .box-text-products{position:relative;padding:var(--kc-luft-2) 0 0}
.product-small .product-title{margin:0 0 var(--kc-luft-2)}
.product-small .product-title a{color:var(--kc-ink);font-size:var(--kc-tekst-liten);line-height:20px;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:40px}
.product-small .price-wrapper{display:flex;align-items:center;padding-right:var(--kc-kontroll)}
.product-small .price-wrapper .price,.product-small .price-wrapper .price .amount{font-size:var(--kc-tekst-body);font-weight:700;color:var(--kc-ink)!important;margin:0}
.product-small .price del{font-size:var(--kc-tekst-liten);font-weight:400;color:var(--kc-muted);opacity:1}
.product-small .price ins{text-decoration:none}
.product-small .kc-atc{position:absolute}
.product-small .kc-atc a.add_to_cart_button{min-height:0;margin:0;background:var(--kc-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' stroke='%23fff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") center/18px 18px no-repeat!important;border:0;color:transparent;font-size:0;line-height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.product-small .kc-atc a.add_to_cart_button.added{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
.product-small .kc-atc .added_to_cart,.product-small .kc-atc .cart-icon{display:none!important}
.product-small .kc-atc a.add_to_cart_button:hover{background-color:var(--kc-navy)!important}
.product-small .kc-atc a.add_to_cart_button.loading{opacity:.7}
.product-small .kc-atc a.add_to_cart_button.loading::after,.product-small .kc-atc a.add_to_cart_button::before{display:none!important}
@media (max-width:549px){
.product-small .product-title a{font-size:var(--kc-tekst-liten);line-height:18px;height:36px}
.product-small .price-wrapper .price{font-size:var(--kc-tekst-body)}
}
.kc-band .product-small .product-title a{color:var(--kc-white)}
.kc-band .product-small .price-wrapper .price,.kc-band .product-small .price-wrapper .price .amount{font-size:var(--kc-tekst-body)}
.kc-band .product-small .box-image{border-color:transparent}
/* Utsolgt / Kommer snart-merke på alle produktkort */
.product-small .out-of-stock-label{top:8px;left:8px;right:auto;bottom:auto;width:auto;transform:none;background:var(--kc-flate)!important;color:var(--kc-muted)!important;border:1px solid var(--kc-line)!important;border-radius:var(--kc-r-sm);padding:0 var(--kc-luft-2)!important;height:24px;font-size:var(--kc-tekst-mini);font-weight:800;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;opacity:1!important;z-index:5;line-height:22px}
/* Avkrysningsbokser i filtrene – likt i alle filtre, uavhengig av WBW sin egen stil */
/* «Kommer snart»-kort: «Les mer →» og hele kortet klikkbart (tittellenken strekkes over kortet) */
.product-small.kc-kommer-snart>.col-inner{position:relative}
.product-small.kc-kommer-snart .price-wrapper{display:flex;align-items:baseline;padding-right:0}
/* «Les mer →» bare på PC – på mobil er kortene for smale, og hele kortet er klikkbart */
@media (min-width:850px){.product-small.kc-kommer-snart .price-wrapper::after{content:"Les mer →";margin-left:auto;font-size:var(--kc-tekst-liten);font-weight:700;color:var(--kc-ink);white-space:nowrap}
.kc-band .product-small.kc-kommer-snart .price-wrapper::after{color:var(--kc-white)}}
/* Merket på smale kort: «UKE 46» i stedet for «KOMMER UKE 46» */
@media (max-width:849px){.product-small .out-of-stock-label .kc-ks-ord{display:none}}
.product-small.kc-kommer-snart .price-wrapper .price,.product-small.kc-kommer-snart .price-wrapper .price .amount{color:var(--kc-muted)!important}
.product-small.kc-kommer-snart .title-wrapper a::after{content:"";position:absolute;inset:0;z-index:4}
.kc-band .product-small.kc-kommer-snart .price-wrapper .price,.kc-band .product-small.kc-kommer-snart .price-wrapper .price .amount{color:var(--kc-muted-mork)!important}
@media (max-width:849px){
.kc-fremdrift{position:relative;height:3px;margin:var(--kc-luft-4) 15px var(--kc-luft-1);border-radius:var(--kc-r-sm);background:var(--kc-line);overflow:hidden}
.kc-fremdrift span{position:absolute;left:0;top:0;bottom:0;border-radius:var(--kc-r-sm);background:var(--kc-ink);transition:transform .05s linear}
.kc-band .kc-fremdrift{background:rgb(from var(--kc-white) r g b / .2)}
.kc-band .kc-fremdrift span{background:var(--kc-white)}
}
/* Kategoribanner med kategoribildet (hovedkategorier utenom TCG) */
/* Luft til høyre og myk overgang på alle kanter */
/* Sortering øverst i filteret; resultattelling og sortering over listen skjules der filteret finnes */
/* Mobil: «Spiss utvalget» | «Sorter» side om side nederst, sorteringen er ikke i filterpanelet */
/* Bannerbildene har luft rundt produktene – forstørr så produktene fyller banneret */
/* Figurer i banneret: hver figur får maks en tredel av figurfeltet, så brede bilder ikke dekker teksten */
/* Handlekurvknappen i produktkortene: mindre synlig sirkel (32/30 px), men 44 × 44 px trykkflate */
body .product-small .kc-atc a.add_to_cart_button{width:44px;height:44px;box-sizing:border-box;border-radius:50%;background-clip:content-box!important;background-origin:content-box!important;padding:var(--kc-luft-2)!important;background-size:13px 13px!important}
body .product-small .price-wrapper{min-height:32px}
@media (max-width:549px){
body .product-small .price-wrapper{min-height:30px;padding-right:var(--kc-kontroll-sm)}
}
@media (max-width:849px){
.kc-fremdrift--faner{margin:2px 0 var(--kc-luft-4)!important}
}
.kc-ov-kort__topp:hover .kc-ov-kort__navn,.kc-ov-kort__topp:hover .kc-ov-kort__alle,.product-small .name a:hover,.product-small .woocommerce-loop-product__title a:hover,.product-small .title-wrapper a:hover,.kc-info__tekst a:hover,.kc-tittel a:hover,.section-title a:hover{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
body .product-small .kc-atc{right:-8px;bottom:-8px}
/* ==== kc-404 (snip24.php) ==== */
/* ==== kc-butikkfelt (snip24.php) ==== */
/* ==== kc-skjult (snip9, flatsome_after_header) ==== */
/* Merker på produktkort (designsystemet): «Utsolgt» har 1 px kant, så teksten sentreres i 22 px; «Kommer snart» er kanon-navy med hvit tekst og uten kant */
.product-small.kc-kommer-snart .out-of-stock-label{background:var(--kc-ink)!important;color:var(--kc-white)!important;border:0!important;line-height:24px}
/* ===== Seksjonstitler og rader ===== */
/* ==== kc-forside-css (snip9.php) ==== */
/* ===== Forside: stil på Flatsome-elementer via klasser (kc-…) ===== */
/* Seksjonstitler (Title-elementet med klassen kc-tittel) */
.kc-tittel{margin-bottom:var(--kc-luft-4);padding-top:var(--kc-luft-2)}
.kc-tittel .section-title{display:flex;flex-wrap:nowrap;align-items:baseline;justify-content:space-between;gap:var(--kc-luft-4);border:0;margin:0}
.kc-tittel .section-title b{display:none}
.kc-tittel .section-title-main{flex:1 1 auto;min-width:0;font-family:var(--kc-font-display);font-weight:400;font-size:var(--kc-tekst-h2);line-height:var(--kc-lh-h2);text-transform:none;letter-spacing:0;border:0!important;padding:0;margin:0;color:var(--kc-ink)}
.kc-tittel .section-title a{flex:0 0 auto;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:var(--kc-tekst-liten);font-weight:700;color:var(--kc-ink);text-transform:none;letter-spacing:0;margin:0;white-space:nowrap}
.kc-tittel .section-title a i{display:none}
.kc-tittel .section-title a::after{content:" →"}
.row.kc-rad>.col{padding-bottom:0}
.row.kc-rad{margin-top:var(--kc-luft-8)}
/* Butikken (Banner med klassen kc-butikk) */
/* ===== Kategori- og merkesider ===== */
.row.kc-rad.kc-rad--hero{margin-top:var(--kc-luft-6)}
.kc-sti{padding-top:var(--kc-luft-2);padding-bottom:var(--kc-luft-2)}
.kc-sti .woocommerce-breadcrumb{font-size:var(--kc-tekst-liten);line-height:18px;color:var(--kc-muted);text-transform:none;letter-spacing:0;font-weight:400}
.kc-sti .woocommerce-breadcrumb a{color:var(--kc-muted)}
.kc-sti .divider{margin:0 var(--kc-luft-2);color:var(--kc-muted);opacity:1}
.row.kc-rad.kc-rad--alle{margin-bottom:0}
.kc-anker{display:block;position:relative;top:-90px;visibility:hidden}
/* ===== Oversiktssider (Alle kategorier / Alle merker) ===== */
#merker-a-a{scroll-margin-top:90px}
/* ===== PC ===== */
@media (min-width:850px){
.kc-tittel{margin-bottom:var(--kc-luft-6)!important}
.kc-tittel .section-title a{font-size:var(--kc-tekst-body)}
}
.kc-rad--tomt,.kc-rad--tomt .section-title{text-align:left;justify-content:space-between}
/* ===== Kategorifliser ===== */
/* Kategorifliser */
.row.kc-fliser{margin-left:auto;margin-right:auto;padding:0 var(--kc-luft-2)}
.row.kc-fliser>.col{padding:0 var(--kc-luft-1) var(--kc-luft-2)!important}
.kc-flis .col-inner{height:100%}
.kc-flis .box-image img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.kc-flis .box-image::after{content:"";position:absolute;box-shadow:0 2px 6px rgb(from var(--kc-navy-mork) r g b / .18);background:var(--kc-flis-pil) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/13px no-repeat;z-index:4;pointer-events:none}
.kc-flis .box-text{padding:0 var(--kc-luft-2) var(--kc-luft-2)!important}
.kc-flis .box-text h3{font-size:var(--kc-tekst-liten);line-height:var(--kc-lh-liten);margin:0;color:var(--kc-ink)}
/* Hele flisen klikkbar (Image Box lenker bare bildet som standard) */
.kc-flis .box{border-radius:var(--kc-r-lg);overflow:hidden;height:100%;position:relative;background:var(--kc-flis-bg,var(--kc-flate))}
.kc-flis .box-image{position:static}
.kc-flis .box-image a{position:static}
.kc-flis .box-image a::before{content:"";position:absolute;inset:0;z-index:3}
.kc-flis .box:hover h3{text-decoration:underline;text-underline-offset:3px}
.kc-flis--oransje{--kc-flis-bg:var(--kc-orange-flate);--kc-flis-pil:var(--kc-orange)}
.kc-flis--rod{--kc-flis-bg:var(--kc-red-flate);--kc-flis-pil:var(--kc-red)}
.kc-flis--blaa{--kc-flis-bg:var(--kc-blue-flate);--kc-flis-pil:var(--kc-blue)}
.kc-flis--gronn{--kc-flis-bg:var(--kc-green-flate);--kc-flis-pil:var(--kc-green)}
/* Myk overgang mellom bildet og tekstfeltet, så det ikke blir en synlig kant */
.kc-flis .box-image .image-cover,.kc-flis .box-image>a>div{position:relative}
.kc-flis .box-image>a>div::after{content:"";position:absolute;left:0;right:0;bottom:0;height:28%;background:linear-gradient(to bottom,transparent,var(--kc-flis-bg,var(--kc-flate)));pointer-events:none}
.kc-flis--alle .col-inner{display:flex}
.kc-flis--alle .kc-flis__alle{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--kc-luft-2);margin:0;min-height:100px;padding:var(--kc-luft-2);border-radius:var(--kc-r-lg)!important;background:var(--kc-ink)!important;border:0;font-family:var(--kc-font-display);font-weight:400;font-size:var(--kc-tekst-liten);line-height:var(--kc-lh-liten);text-transform:none;letter-spacing:0;white-space:normal;text-align:center}
.kc-flis--alle .kc-flis__alle::before{content:"";width:30px;height:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6' height='6' rx='1.5'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1.5'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1.5'/%3E%3Crect x='14' y='14' width='6' height='6' rx='1.5'/%3E%3C/svg%3E") center/30px no-repeat}
@media (max-width:849px){
.kc-flis--skjul-mobil{display:none!important}
}
@media (min-width:850px){
.row.kc-fliser{padding:0}
.row.kc-fliser>.col{flex-basis:12.5%;max-width:12.5%;padding:0 var(--kc-luft-2) var(--kc-luft-4)!important}
.kc-flis .box-text{padding:2px var(--kc-luft-2) var(--kc-luft-4)!important}
.kc-flis .box-text h3{font-size:var(--kc-tekst-h3);line-height:var(--kc-lh-h3)}
.row.kc-fliser--6>.col{flex-basis:16.666%;max-width:16.666%}
.kc-flis--skjul-pc{display:none}
.kc-flis--alle .kc-flis__alle{font-size:var(--kc-tekst-h3);line-height:var(--kc-lh-h3)}
.row.kc-fliser--7>.col{flex-basis:14.285%;max-width:14.285%}
}
body .kc-flis .box-image::after{width:28px;height:28px;border-radius:50%;background-size:14px;right:8px;top:8px}
/* ===== Kommer snart-båndet ===== */
/* Univers-raden */
/* Toppen: hovedbanner + småbannere */
/* Produktslidere (Nytt / Kommer snart) */
/* Pilene er usynlige til musen er over slideren – vis dem også når de får fokus med Tab */
.slider .flickity-prev-next-button:focus-visible{opacity:1}
@media (max-width:849px){
.kc-rad .flickity-prev-next-button,.kc-band .flickity-prev-next-button{display:none}
}
.kc-rad .row-slider .flickity-slider>.col,.kc-band .row-slider .flickity-slider>.col{padding-bottom:0}
/* Kommer snart-båndet (Section med klassen kc-band) */
/* Flatsome gir .section.dark grå bunn – derfor samme spesifisitet her */
.section.kc-band{background-color:var(--kc-navy)}
.kc-band .row.kc-rad{margin-top:0}
.kc-band .kc-tittel{margin-bottom:var(--kc-luft-1)!important}
.kc-band .kc-tittel .section-title-main,.kc-band .kc-tittel .section-title a{color:var(--kc-white)}
.kc-band .kc-band__tekst{margin:0 0 var(--kc-luft-4);font-size:var(--kc-tekst-liten);line-height:20px;color:var(--kc-muted-mork)}
.kc-band .flickity-prev-next-button{color:var(--kc-white)}
@media (min-width:850px){
.kc-band{margin-top:var(--kc-luft-8)}
.kc-band .kc-band__tekst{font-size:var(--kc-tekst-body);margin-bottom:var(--kc-luft-6)}
}
/* ===== Filteret i KanonCon-stil (overstyrer WBW og prod-stilen over) ===== */
/* Pris */
/* Valgte filtre (chips) */
/* Knappen på PC */
/* Mobil: overskriften i filterpanelet */
/* Småbanner med eget bilde */
/* Alle kategorier: underkategori-boksene i fast rutenett (leses fra venstre mot høyre) */
:root{--kc-radkort:43%}
@media (min-width:550px){:root{--kc-radkort:30%}}
@media (min-width:700px){:root{--kc-radkort:23%}}
/* Produktrader på mobil og nettbrett: kortbredden følger skjermen så kortet holder omtrent samme størrelse – 2,3 kort under 550 px, 3,3 kort 550–699 px, 4,3 kort 700–849 px. Fremdriftslinje under */
@media (max-width:849px){
.kc-rad .row-slider .flickity-slider>.col,.kc-band .row-slider .flickity-slider>.col,.kc-rad .row-slider>.col,.kc-band .row-slider>.col{width:var(--kc-radkort);max-width:var(--kc-radkort);flex-basis:var(--kc-radkort)}
section.kc-band{margin:var(--kc-luft-8) var(--kc-luft-2) 0!important;border-radius:var(--kc-r-lg);overflow:hidden;padding-top:var(--kc-luft-6)!important;padding-bottom:var(--kc-luft-4)!important}
section.kc-band .section-bg{border-radius:var(--kc-r-lg)}
section.kc-band .row.kc-rad{padding:0 var(--kc-luft-1)}
section.kc-band{width:auto;max-width:calc(100% - 20px)}
}
/* ===== Nyhetsbrev ===== */
/* ===== Kommer snart-siden ===== */
.row.kc-nyhetsbrev{margin-top:var(--kc-luft-8)}
.kc-nyhetsbrev .row{margin:0!important;align-items:center}
.kc-nyhetsbrev .row>.col{padding:0}
.kc-nyhetsbrev h2{font-size:var(--kc-tekst-h2);line-height:var(--kc-lh-h2);color:var(--kc-ink);margin:0 0 var(--kc-luft-2)}
.kc-nyhetsbrev p{font-size:var(--kc-tekst-body);line-height:21px;color:var(--kc-muted);margin:0 0 var(--kc-luft-4)}
@media (min-width:850px){
.kc-nyhetsbrev p{margin:0}
}
/* ===== Varsel-skjema ===== */
/* Varsel-skjemaet (Back In Stock Notifier) på varesiden */
.cwginstock-subscribe-form{margin:var(--kc-luft-1) 0 var(--kc-luft-4)}
.cwginstock-subscribe-form .panel{margin:0}
.cwginstock-subscribe-form .panel-heading{background:none!important;border:0!important;padding:0!important;margin:0 0 var(--kc-luft-2)!important;color:var(--kc-ink)!important}
.cwginstock-subscribe-form .panel-heading h4{text-align:left!important;margin:0!important;padding:0!important;font-size:var(--kc-tekst-body)!important;line-height:21px!important;font-weight:800!important;color:var(--kc-ink)!important;text-transform:none!important;letter-spacing:0!important}
.cwginstock-subscribe-form .panel-body{padding:0!important}
.cwginstock-subscribe-form .row,.cwginstock-subscribe-form [class*="col-md"]{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;float:none!important}
.cwginstock-subscribe-form__form{display:flex;gap:var(--kc-luft-2);flex-wrap:wrap}
.cwginstock-subscribe-form .form-group{margin:0!important;flex:1 1 200px}
.cwginstock-subscribe-form .form-group:has(.cwgstock_button){flex:0 0 auto}
.cwginstock-subscribe-form input.cwgstock_email{margin:0;text-align:left!important}
.cwginstock-subscribe-form .cwgstock_button{margin:0!important;padding:0 var(--kc-knapp-luft)!important;border-radius:var(--kc-r-pill)!important;font-size:var(--kc-tekst-body)!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important;line-height:46px!important;width:100%}
.cwginstock-subscribe-form .cwgstock_output{flex:1 1 100%;font-size:var(--kc-tekst-liten);line-height:19px}
.cwginstock-subscribe-form .cwgstock_output:empty{display:none}
.cwginstock-subscribe-form .cwgstock_output div{margin:var(--kc-luft-1) 0 0!important;padding:0!important;background:none!important;border:0!important;color:var(--kc-ink)!important}
@media (max-width:549px){
.cwginstock-subscribe-form .form-group:has(.cwgstock_button){flex:1 1 100%}
}
/* Filterknapper: «Nullstill» og «Se resultatet» side om side i samme stil */
/* Brikkene for valgte filtre: lange navn kuttes med … */
/* Brikkene: lys brikke med diskret × til høyre */
/* WBW sin beholder for mobilfilteret tok 100px nederst på siden (hvitt felt under footeren) – innholdet er fast plassert */
/* Reserveknapp for filteret når WBW ikke lager sin mobilknapp (iPad, smale PC-vinduer) */
/* Forklaring i varsel-skjemaet på Kommer snart-varer */
.cwginstock-subscribe-form .kc-varsel-tekst{margin:var(--kc-luft-1) 0 0!important;padding:0!important;font-size:var(--kc-tekst-liten);line-height:20px;color:var(--kc-muted);text-align:left}
/* ===== Tom tilstand ===== */
.kc-tomt{max-width:640px;margin:var(--kc-luft-2) auto var(--kc-luft-6);text-align:center}
.kc-tomt__ikon{display:inline-block;width:64px;height:64px;border-radius:50%;background:var(--kc-flate);position:relative;margin-bottom:var(--kc-luft-4)}
.kc-tomt__ikon::after{content:"";position:absolute;inset:18px;background:var(--kc-ink);mask:var(--kc-ikon) center/contain no-repeat}
.kc-tomt__ikon--sok{--kc-ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E")}
.kc-tomt__ikon--kurv{--kc-ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11.2a1 1 0 0 0 1 .8h9.4a1 1 0 0 0 1-.8L21 8H6.2'/%3E%3Ccircle cx='9' cy='20' r='1.3'/%3E%3Ccircle cx='18' cy='20' r='1.3'/%3E%3C/svg%3E")}
.kc-tomt h1{font-size:var(--kc-tekst-h1);color:var(--kc-ink);margin:0 0 var(--kc-luft-2);line-height:var(--kc-lh-h1)}
.kc-tomt p{color:var(--kc-ink);font-size:var(--kc-tekst-body);margin:0 0 var(--kc-luft-4)}
.kc-tomt__sok{display:flex;gap:var(--kc-luft-2);max-width:460px;margin:0 auto var(--kc-luft-6)}
.kc-tomt__sok input[type=search]{flex:1;margin:0}
.kc-tomt__sok .button{margin:0}
.kc-tomt__under{font-size:var(--kc-tekst-liten)!important;font-weight:700;color:var(--kc-muted)!important;margin-bottom:var(--kc-luft-2)!important}
.kc-tomt__knapper{display:flex;gap:var(--kc-luft-2);justify-content:center;margin-bottom:var(--kc-luft-6);flex-wrap:wrap}
.kc-tomt__knapper .button{margin:0}
.kc-mk-frakt{font-size:var(--kc-tekst-mini);color:var(--kc-muted);margin:0 0 var(--kc-luft-2)}
@media (max-width:549px){
.kc-tomt__sok{margin-bottom:var(--kc-luft-4)}
}
body .kc-mk-frakt{margin:0 0 var(--kc-luft-4)!important}
/* ===== Ordrevisning og sporing ===== */
/* ===================== Handlekurv og kasse ===================== */
/* Stegene øverst */
.checkout-page-title{padding:var(--kc-luft-4) 0 0}
/* Betaling som kort */
.kc-takk-kort h2{font-size:var(--kc-tekst-h3);color:var(--kc-ink);margin:0 0 var(--kc-luft-4);line-height:var(--kc-lh-h3)}
.kc-takk-info dl{margin:0;display:grid;grid-template-columns:120px 1fr;gap:var(--kc-luft-2) var(--kc-luft-4);font-size:var(--kc-tekst-liten)}
.kc-takk-info dt{text-transform:none;letter-spacing:0;color:var(--kc-muted);font-weight:700;margin:0}
.kc-takk-info dd{text-transform:none;letter-spacing:0;margin:0;color:var(--kc-ink);line-height:1.5}
@media (max-width:849px){
.kc-takk-kort{padding:var(--kc-luft-4)}
.kc-takk-info dl{grid-template-columns:100px 1fr}
}
/* Sporing i Min konto */
.kc-sporing{display:flex;align-items:center;justify-content:space-between;gap:var(--kc-luft-4);flex-wrap:wrap;margin:0 0 var(--kc-luft-6)}
.kc-sporing b{display:block;color:var(--kc-ink);font-size:var(--kc-tekst-body)}
.kc-sporing span{display:block;color:var(--kc-ink);font-size:var(--kc-tekst-liten)}
.kc-okort__knapper .button,.kc-sider .button,.kc-ingen-ordre .button,.kc-sporing .button,.kc-ordre__igjen .button{margin:0}
/* Ordrevisning: brukes både på takkesiden og i Min konto > Ordre */
.kc-takk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--kc-luft-6);align-items:start;max-width:1000px;margin:0 auto}
.kc-takk-v,.kc-takk-h{display:flex;flex-direction:column;gap:var(--kc-luft-6)}
.kc-takk-varer{list-style:none;margin:0;padding:0}
.kc-takk-varer li{display:flex;align-items:center;gap:var(--kc-luft-4);padding:var(--kc-luft-2) 0;border-bottom:1px solid var(--kc-line);margin:0}
.kc-takk-varer img{width:56px;height:56px;object-fit:contain;flex:none}
.kc-takk-varenavn{flex:1;min-width:0;font-size:var(--kc-tekst-liten);line-height:1.35}
.kc-takk-varenavn a{color:var(--kc-ink);font-weight:600}
.kc-takk-varenavn small{display:block;color:var(--kc-muted);font-size:var(--kc-tekst-mini);margin-top:2px}
.kc-takk-varer b{color:var(--kc-ink);font-size:var(--kc-tekst-body);white-space:nowrap}
.kc-takk-sum{width:100%;margin:var(--kc-luft-2) 0 0;border:0}
.kc-takk-sum td{text-align:right}
.kc-takk-betaling{margin:var(--kc-luft-4) 0 0;padding-top:var(--kc-luft-4);border-top:1px solid var(--kc-line);font-size:var(--kc-tekst-liten);color:var(--kc-ink)}
.kc-takk-betaling span{display:block;font-weight:700;color:var(--kc-muted);font-size:var(--kc-tekst-mini);margin-bottom:2px}
.woocommerce-order:has(.kc-takk)>.large-7>p,.woocommerce-order:has(.kc-takk)>.large-7>section:not(.kc-takk-kort){max-width:1000px;margin-left:auto;margin-right:auto}
@media (max-width:849px){
.kc-takk-grid{grid-template-columns:minmax(0,1fr);gap:var(--kc-luft-4)}
.kc-takk-v,.kc-takk-h{gap:var(--kc-luft-4)}
}
/* ===== Innlogging ===== */
.page-wrapper.my-account{padding-top:var(--kc-luft-4)}
#login-form-popup h2,#login-form-popup h3,.my-account #customer_login h2{text-transform:none!important;letter-spacing:0;font-size:var(--kc-tekst-h2);color:var(--kc-ink);margin-bottom:var(--kc-luft-4);line-height:var(--kc-lh-h2)}
#login-form-popup .woocommerce-form-login__submit,#login-form-popup .woocommerce-form-register__submit,.my-account #customer_login .woocommerce-form-login__submit,.my-account #customer_login .woocommerce-form-register__submit{display:block;width:100%;margin:var(--kc-luft-4) 0 var(--kc-luft-2)!important}
#login-form-popup .lost_password a,.my-account .lost_password a{font-size:var(--kc-tekst-liten);font-weight:600;color:var(--kc-ink)}
/* ===== Paginering ===== */
/* ==== kc-trykk (snip9.php) ==== */
@media (max-width:849px){
body .woocommerce-pagination ul.page-numbers{display:flex;flex-wrap:nowrap;justify-content:center;gap:var(--kc-luft-2)}
body .woocommerce-pagination ul.page-numbers li{margin:0}
body .woocommerce-pagination .page-numbers a,body .woocommerce-pagination .page-numbers span.page-number,body .woocommerce-pagination .page-numbers .current{min-width:40px;height:40px;line-height:36px;display:inline-flex;align-items:center;justify-content:center}
}
/* ===== Sammenfoldbar ===== */
/* Overskrift som åpner og lukker innhold: «+» når lukket, «−» når åpen (rabattkoden i handlekurven, Kontakt og Adresse i kassen på mobil). Åpen tilstand = klassen kc-apen på overskriften eller på beholderen rundt. */
.kc-fold-tittel{cursor:pointer}
.kc-fold-tittel::after{content:"+";margin-left:auto;font-size:var(--kc-tekst-h3);line-height:1;font-weight:400;color:var(--kc-ink)}
.kc-fold-tittel.kc-apen::after,.kc-apen>.kc-fold-tittel::after{content:"−"}
.kc-fold-sammendrag{margin:0 0 var(--kc-luft-4);font-size:var(--kc-tekst-liten);line-height:var(--kc-lh-liten);color:var(--kc-ink)}

/* ===== Fast bunnlinje ===== */
/* Fast bunnlinje på mobil (kjøpelinjen på produktsiden, «Gå til kassen» i handlekurven, «Send ordre» i kassen): én definisjon. Hvit stripe med skygge som filterlinjen; vises (kc-bunnlinje--vis) når den vanlige knappen er ute av syne – se bunnlinje.php */
.kc-bunnlinje{display:none}
@media (max-width:849px){.kc-bunnlinje{display:flex;flex-direction:column;gap:var(--kc-luft-2);position:fixed;left:0;right:0;bottom:0;z-index:90;padding:var(--kc-luft-2) var(--kc-luft-4) calc(var(--kc-luft-2) + env(safe-area-inset-bottom,0px));background:var(--kc-white);box-shadow:0 -2px 12px rgb(from var(--kc-navy-mork) r g b / .14);transform:translateY(110%);transition:transform .25s ease}
.kc-bunnlinje.kc-bunnlinje--vis{transform:none}
.kc-bunnlinje__rad{display:flex;align-items:center;gap:var(--kc-luft-4)}
.kc-bunnlinje .button{flex:1 1 auto;width:auto;margin:0;touch-action:manipulation}
.kc-bunnlinje__pris{flex:none;font-weight:800;color:var(--kc-ink)}
.kc-bunnlinje__pris del{font-weight:400;color:var(--kc-muted);margin-right:var(--kc-luft-1)}
.kc-bunnlinje__pris ins{text-decoration:none}
.kc-bunnlinje__info{display:flex;justify-content:space-between;gap:var(--kc-luft-2);margin:0;font-size:var(--kc-tekst-mini);line-height:var(--kc-lh-mini);color:var(--kc-muted)}
.kc-bunnlinje__vilkar{display:flex;align-items:center;margin:0;font-size:var(--kc-tekst-liten);line-height:var(--kc-lh-liten);font-weight:700;color:var(--kc-ink)}
.kc-bunnlinje__vilkar input{flex:none;margin:0 var(--kc-luft-2) 0 0;vertical-align:middle}
body.kc-har-bunnlinje #wrapper{padding-bottom:var(--kc-bunnlinje-h)}}

/* Cookie-banner (Complianz) – se «Cookie-banner» og «Bryter» i designsystemet. Farger, kant, hjørner og skriftstørrelse settes i Complianz (Samtykkebanner → Utseende/Farger); her står bare det innstillingene ikke dekker. Knappene er med i de felles knappereglene øverst. Complianz bytter til mobiloppsett ved 768px, derfor det bruddpunktet her. */
html body .cmplz-cookiebanner{right:var(--kc-luft-6);bottom:var(--kc-luft-6);padding:var(--kc-luft-6);gap:var(--kc-luft-4);box-shadow:0 14px 40px rgb(from var(--kc-navy-mork) r g b / .16)}
html body .cmplz-cookiebanner .cmplz-header,html body .cmplz-cookiebanner .cmplz-divider-header{display:none}
html body .cmplz-cookiebanner .cmplz-message{margin:0;line-height:var(--kc-lh-body)}
html body .cmplz-cookiebanner .cmplz-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--kc-luft-2)}
html body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:where(.cmplz-view-preferences,.cmplz-save-preferences){grid-column:1/-1}
html body .cmplz-cookiebanner .cmplz-links .cmplz-link{font-size:var(--kc-tekst-liten);line-height:var(--kc-lh-liten)}
html body .cmplz-cookiebanner .cmplz-categories .cmplz-category{background:var(--kc-flate);border-radius:var(--kc-r-lg)}
html body .cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child){margin-bottom:var(--kc-luft-2)}
html body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header{min-height:var(--kc-kontroll);box-sizing:border-box;padding:var(--kc-luft-2) var(--kc-luft-4);gap:var(--kc-luft-2);grid-template-columns:1fr auto 20px}
html body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title{font-size:var(--kc-tekst-body);font-weight:700;color:var(--kc-ink)}
html body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active{background:var(--kc-green-dempet);color:var(--kc-green-tekst);font-size:var(--kc-tekst-mini);line-height:var(--kc-lh-mini);font-weight:700;border-radius:var(--kc-r-sm);padding:var(--kc-luft-1)}
html body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-icon.cmplz-open{width:20px;height:20px}
html body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-icon.cmplz-open svg{fill:var(--kc-ink)}
html body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description{font-size:var(--kc-tekst-liten);line-height:var(--kc-lh-liten);padding:0 var(--kc-luft-4) var(--kc-luft-4)}
html body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label{padding-left:44px;height:24px}
html body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox{width:44px;height:24px;margin:0}
html body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label::before{width:44px;height:24px;top:0;padding:0;border-radius:var(--kc-r-pill);background:var(--kc-white);border:1px solid var(--kc-line-control)}
html body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label::after{width:16px;height:16px;top:4px;left:4px;border-radius:50%;background:var(--kc-line-control)}
html body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked+.cmplz-label::before{background:var(--kc-ink);border-color:var(--kc-ink)}
html body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked+.cmplz-label::after{left:24px;background:var(--kc-white)}
html body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus-visible+.cmplz-label::before{box-shadow:none;outline:2px solid var(--kc-ink);outline-offset:2px}
@media (max-width:768px){
html body .cmplz-cookiebanner{left:var(--kc-luft-4);right:var(--kc-luft-4);bottom:var(--kc-luft-4);width:auto;padding:var(--kc-luft-6) var(--kc-luft-4) var(--kc-luft-4)}
html body .cmplz-cookiebanner .cmplz-buttons{grid-template-columns:minmax(0,1fr)}}