/* KanonCon Design – grunnlag: variabler (farger, tekst, avstander, radius), grunnstil for tekst og lenker, fokus og laster-tilstand. Lastes på alle sider. */
/* ==== kc-redesign-css (snip8.php) ==== */
/* ===== KanonCon redesign – felles stil (dev) ===== */
:root{--kc-ink:#274477;--kc-navy:var(--kc-ink);--kc-navy-lys:#305392;--kc-navy-mork:#182a49;--kc-muted:#5b6a8a;--kc-muted-mork:#c3cde0;--kc-line-control:#7f8ca3;--kc-line:#e3e8f0;--kc-blue:#2694cc;--kc-green:#74af73;--kc-red:#e23c4e;--kc-orange:#f9a73f;--kc-white:#fff;--kc-orange-flate:#fde7ba;--kc-red-flate:#f5b9bf;--kc-blue-flate:#b1d8ed;--kc-green-flate:#cde2cd;--kc-orange-dempet:#fbeedd;--kc-red-dempet:#f8e8eb;--kc-blue-dempet:#e3f0f8;--kc-green-dempet:#e6f2e8;--kc-orange-tekst:#8a5212;--kc-red-tekst:#a3283a;--kc-blue-tekst:#1c6a93;--kc-green-tekst:#2f6b2e;--kc-green-ikon:#4f9a4e;--kc-green-merke:#4b824a;--kc-kontroll:48px;--kc-luft-1:4px;--kc-luft-2:8px;--kc-luft-4:16px;--kc-luft-6:24px;--kc-luft-8:32px;--kc-ikon-innrykk:calc(var(--kc-luft-4) + 20px + var(--kc-luft-1));--kc-pil-plass:var(--kc-luft-8);--kc-kontroll-sm:40px;--kc-knapp-luft:var(--kc-luft-6);--kc-r-sm:4px;--kc-r-md:8px;--kc-r-lg:16px;--kc-r-pill:999px;--kc-flate:#f2f5fa;--kc-kort-luft:var(--kc-luft-4);--kc-font-display:"Peace Sans","Arial Black",sans-serif;--kc-tekst-h1:28px;--kc-lh-h1:32px;--kc-tekst-h2:22px;--kc-lh-h2:26px;--kc-tekst-h3:18px;--kc-lh-h3:22px;--kc-tekst-body:16px;--kc-lh-body:24px;--kc-tekst-liten:14px;--kc-lh-liten:20px;--kc-tekst-mini:12px;--kc-lh-mini:16px;--fs-color-primary:var(--kc-ink);--primary-color:var(--kc-ink)}
@media (min-width:850px){
:root{--kc-kort-luft:var(--kc-luft-6);--kc-tekst-h1:40px;--kc-lh-h1:44px;--kc-tekst-h2:28px;--kc-lh-h2:32px;--kc-tekst-h3:20px;--kc-lh-h3:24px}
}
/* Tekst og overskrifter */
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--kc-ink);-webkit-font-smoothing:antialiased}
html body h1,html body h2,html body h3,html body .section-title-main,html body .page-title-inner h1{font-family:var(--kc-font-display);font-weight:400;color:var(--kc-ink);letter-spacing:0;text-transform:none}
a{color:var(--kc-ink)}
h1,h2,h3,.section-title-main{font-synthesis:none}
body a:hover{color:var(--kc-ink)}
/* Bunnlinjen på mobil: hvit stripe med to piller */
/* Sortering: tilbakemelding med en gang mens neste side lastes */
/* ==== kc-fokus (snip9.php) ==== */
/* !important: Flatsome sine input:focus-regler (grå skygge, outline:0) har høyere spesifisitet; 18 og 20 må følge 17 */
body a:where(:not(.kc-univ a,.kc-flis .box a)):focus-visible,body button:focus-visible,body input:focus-visible,body select:focus-visible,body textarea:focus-visible,body [tabindex]:focus-visible,body .button:where(:not(.kc-univ a,.kc-flis .box a)):focus-visible,body .kc-univ .box-image:has(a:focus-visible),body .kc-flis .box:has(a:focus-visible),body .kc-univ .kc-univ__alle:focus-visible::before{outline:2px solid var(--kc-ink)!important;outline-offset:2px!important;box-shadow:none!important}
/* Merkesirkler og kategorifliser: lenken ligger inni en ramme med overflow:hidden, så ringen tegnes på rammen (over) i stedet for på lenken */
.kc-univ a:focus-visible,.kc-flis .box a:focus-visible{outline:0}
body .dark :focus-visible,body .header-top :focus-visible,body .kc-band :focus-visible,body .kc-kathero--navy :focus-visible,body .footer-wrapper :focus-visible,body .kc-ks-hero :focus-visible{outline-color:var(--kc-white)!important}
body input[type=radio]:focus-visible,body .header-cart-link:focus-visible,body .account-item>a:focus-visible,body .header-nav .icon-search:focus-visible,body .nav-icon>a:focus-visible{border-radius:50%}
body .searchform input.search-field:focus-visible{outline:0!important}
body .searchform .flex-row:focus-within{outline:2px solid var(--kc-ink);outline-offset:2px}
body .header .logo a:focus-visible,body #logo a:focus-visible{border-radius:var(--kc-r-md)}
body .skip-link:focus{background:var(--kc-white);color:var(--kc-ink);border-radius:var(--kc-r-pill);box-shadow:none;outline:2px solid var(--kc-ink);outline-offset:2px;padding:var(--kc-luft-2) var(--kc-luft-4);font-weight:700}
/* Laster-tilstand – «vent litt»-laget over skjema og handlekurv (WooCommerce og plugins): alltid hvitt, 60 % */
/* !important: blockUI setter bakgrunn og opasitet som inline-stil */
.blockUI.blockOverlay{background:var(--kc-white)!important;opacity:.6!important}