/* klan.dk design preview – dark gaming theme. Loaded only for opted-in previewers (body.kx). */
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:600;font-display:swap;src:url(chakra-petch-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:700;font-display:swap;src:url(chakra-petch-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

body.kx{
  --kx-bg:#0a0d18;--kx-bg2:#0f1322;--kx-card:#141a2e;--kx-card2:#1a2140;--kx-line:#252e52;
  --kx-text:#e8ecff;--kx-muted:#9aa3c7;--kx-cyan:#2de2ff;--kx-pink:#ff3fb4;--kx-lime:#c6ff3d;
  --kx-display:"Chakra Petch",ui-sans-serif,system-ui,sans-serif;
  --kx-cut:12px;
  /* Kadence palette remapped to dark */
  --global-palette1:#2de2ff;--global-palette2:#ff3fb4;--global-palette3:#f2f4ff;--global-palette4:#dfe3f7;
  --global-palette5:#aab1d0;--global-palette6:#7d86a8;--global-palette7:#1a2140;--global-palette8:#141a2e;--global-palette9:#0a0d18;
  --global-palette-highlight:#2de2ff;--global-palette-highlight-alt:#c6ff3d;
  --global-palette-btn-bg:#c6ff3d;--global-palette-btn-bg-hover:#2de2ff;--global-palette-btn:#0a0d18;--global-palette-btn-hover:#0a0d18;
  background:var(--kx-bg)!important;color:var(--kx-text);
}
body.kx #wrapper,body.kx .site,body.kx .content-bg,body.kx .entry.single-entry,body.kx .entry-content-wrap,body.kx .site-main,body.kx .content-container,body.kx .woocommerce-tabs .panel{background:transparent!important;box-shadow:none!important}
body.kx ::selection{background:var(--kx-pink);color:#fff}
body.kx a{color:var(--kx-cyan)}
body.kx a:hover{color:var(--kx-lime)}
body.kx h1,body.kx h2,body.kx h3,body.kx h4,body.kx .product_title,body.kx .woocommerce-loop-product__title,body.kx .widget-title{font-family:var(--kx-display)!important;letter-spacing:.01em;color:var(--kx-text)}
body.kx :focus-visible{outline:2px solid var(--kx-lime);outline-offset:2px}
.kx-wrap{max-width:var(--global-content-width,1290px);margin:0 auto;padding:0 var(--global-content-edge-padding,1.5rem)}

/* ---------- Header ---------- */
body.kx #masthead,body.kx #masthead .site-header-row-container-inner,body.kx #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start)>.site-header-row-container-inner{background:rgba(10,13,24,.92)!important}
body.kx .site-main-header-wrap .site-header-row-container-inner{border-bottom:1px solid var(--kx-line)!important}
body.kx .main-navigation .primary-menu-container>ul>li.menu-item>a{color:var(--kx-text)!important;font-family:var(--kx-display);font-weight:600;text-transform:uppercase;font-size:.88rem;letter-spacing:.06em}
body.kx .main-navigation .primary-menu-container>ul>li.menu-item>a:hover,body.kx .main-navigation .primary-menu-container>ul>li.current-menu-item>a{color:var(--kx-lime)!important}
body.kx .header-navigation .header-menu-container ul ul.sub-menu{background:var(--kx-card)!important}
body.kx .search-toggle-open,body.kx .menu-toggle-open,body.kx .mobile-toggle-open-container .menu-toggle-open{color:var(--kx-text)!important}
body.kx #mobile-drawer .drawer-inner{background:var(--kx-bg2)!important}

/* ---------- Category chips ---------- */
.kx-catnav{background:var(--kx-bg2);border-bottom:1px solid var(--kx-line);position:relative;z-index:5}
.kx-catnav ul{display:flex;gap:.5rem;list-style:none;margin:0;padding:.6rem 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.kx-catnav ul::-webkit-scrollbar{display:none}
.kx-catnav li{flex:0 0 auto;scroll-snap-align:start}
.kx-catnav a{display:inline-flex;align-items:center;min-height:36px;padding:0 .95rem;border:1px solid var(--kx-line);background:var(--kx-card);color:var(--kx-text)!important;text-decoration:none;font-family:var(--kx-display);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:background .15s,color .15s,border-color .15s}
.kx-catnav a:hover{border-color:var(--kx-cyan);color:var(--kx-cyan)!important}
.kx-catnav a[aria-current]{background:var(--kx-lime);border-color:var(--kx-lime);color:var(--kx-bg)!important}

/* ---------- Buttons ---------- */
.kx-btn,body.kx .button,body.kx a.button,body.kx button.button,body.kx .single_add_to_cart_button,body.kx .wp-block-button__link,body.kx input[type=submit]{
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.55rem 1.3rem!important;border:0!important;border-radius:0!important;
  background:var(--kx-lime)!important;color:var(--kx-bg)!important;font-family:var(--kx-display);font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;
  clip-path:polygon(var(--kx-cut) 0,100% 0,100% calc(100% - var(--kx-cut)),calc(100% - var(--kx-cut)) 100%,0 100%,0 var(--kx-cut));
  transition:background .15s,transform .15s;box-shadow:none!important}
.kx-btn:hover,body.kx .button:hover,body.kx .single_add_to_cart_button:hover,body.kx .wp-block-button__link:hover{background:var(--kx-cyan)!important;color:var(--kx-bg)!important;transform:translateY(-1px)}
body.kx .button.product_type_external::after,body.kx .single_add_to_cart_button::after{content:"\2192";font-weight:700}
.kx-btn-ghost{background:transparent!important;color:var(--kx-text)!important;box-shadow:inset 0 0 0 1px var(--kx-cyan)!important}
.kx-btn-ghost:hover{background:var(--kx-cyan)!important;color:var(--kx-bg)!important}

/* ---------- Hero ---------- */
body.kx.home .content-area{margin-top:0}
body.kx.home .entry-content-wrap{padding-top:0}
.kx-hero{position:relative;overflow:hidden;isolation:isolate;margin:0 calc(50% - 50vw) 0;width:100vw;min-height:520px;display:flex;align-items:center;background:#05070f;border-bottom:1px solid var(--kx-line)}
.kx-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.75}
.kx-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,7,15,.96) 0%,rgba(5,7,15,.8) 42%,rgba(5,7,15,.25) 100%),linear-gradient(0deg,var(--kx-bg) 0%,transparent 35%)}
.kx-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}
.kx-hero-inner{width:100%;padding-top:4.5rem;padding-bottom:4.5rem}
.kx-kicker{display:inline-block;margin:0 0 1rem;padding:.25rem .6rem;border-left:3px solid var(--kx-pink);background:rgba(255,63,180,.12);color:#ffc3e6;font-family:var(--kx-display);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.14em}
body.kx .kx-h1{margin:0 0 1rem;max-width:14ch;font-size:clamp(2.4rem,6vw,4.4rem);line-height:1;font-weight:700;text-transform:uppercase;color:#fff;text-shadow:0 0 28px rgba(45,226,255,.35)}
.kx-lead{max-width:46ch;margin:0 0 1.6rem;font-size:1.1rem;line-height:1.55;color:#cfd5f2}
.kx-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin:0 0 2rem}
.kx-stats{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:0;padding:0}
.kx-stats li{padding:.45rem .8rem;border:1px solid var(--kx-line);background:rgba(20,26,46,.75);color:var(--kx-muted);font-size:.85rem}
.kx-stats b{color:var(--kx-cyan);font-family:var(--kx-display);font-size:1.05rem;margin-right:.25rem}

/* ---------- Section headings ---------- */
.kx-h2,body.kx .entry-content h2.wp-block-kadence-advancedheading,body.kx .related>h2,body.kx .up-sells>h2{font-size:clamp(1.5rem,3vw,2.1rem)!important;text-transform:uppercase;font-weight:700!important;color:var(--kx-text)!important}
.kx-h2 span,body.kx .entry-content h2.wp-block-kadence-advancedheading{display:inline-block;padding-bottom:.35rem;background:linear-gradient(90deg,var(--kx-cyan),var(--kx-pink)) left bottom/64px 3px no-repeat}
body.kx .entry-content h3.wp-block-kadence-advancedheading{color:var(--kx-pink)!important;font-size:.85rem!important;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.2rem}
body.kx .entry-content .wp-block-kadence-column{background:transparent!important}
body.kx .entry-content p,body.kx .entry-content li{color:#c9cfea}
body.kx .entry-content h2.wp-block-heading{font-size:1.35rem;color:var(--kx-text)}

/* ---------- Tiles ---------- */
.kx-tiles-wrap{margin:3rem auto 3.5rem}
.kx-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;list-style:none;margin:1.25rem 0 0;padding:0}
.kx-tile a{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--kx-card);text-decoration:none;border:1px solid var(--kx-line);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);transition:border-color .2s}
.kx-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s;filter:saturate(1.05) brightness(.85)}
.kx-tile a::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,15,.92) 0%,rgba(5,7,15,.15) 60%)}
.kx-tile-noimg a{background:radial-gradient(circle at 75% 25%,rgba(255,63,180,.45),transparent 55%),radial-gradient(circle at 20% 80%,rgba(45,226,255,.35),transparent 55%),var(--kx-card2)}
.kx-tile-txt{position:absolute;left:1rem;right:1rem;bottom:.9rem;z-index:1;display:flex;flex-direction:column}
.kx-tile-name{font-family:var(--kx-display);font-weight:700;font-size:1.25rem;text-transform:uppercase;color:#fff;line-height:1.1}
.kx-tile-count{font-size:.82rem;color:var(--kx-cyan)}
.kx-tile a:hover{border-color:var(--kx-lime)}
.kx-tile a:hover img{transform:scale(1.06);filter:saturate(1.2) brightness(1)}
.kx-tone-1 .kx-tile-count{color:var(--kx-lime)}
.kx-tone-2 .kx-tile-count{color:#ff8fd2}

/* ---------- Product cards ---------- */
body.kx ul.products{gap:1rem}
body.kx ul.products li.product{background:var(--kx-card)!important;border:1px solid var(--kx-line);padding:0!important;display:flex;flex-direction:column;overflow:hidden;transition:border-color .2s,transform .2s;box-shadow:none!important;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
body.kx ul.products li.product:hover{border-color:var(--kx-cyan);transform:translateY(-3px)}
body.kx ul.products li.product .woocommerce-loop-image-link,body.kx ul.products li.product a.woocommerce-LoopProduct-link{display:block;background:#f3f5fb;padding:.75rem}
body.kx ul.products li.product img{aspect-ratio:1/1;object-fit:contain;width:100%;height:auto;margin:0!important;mix-blend-mode:multiply}
body.kx ul.products li.product .product-details{flex:1;display:flex;flex-direction:column;padding:.85rem .95rem 1rem!important;background:transparent!important}
body.kx ul.products li.product .woocommerce-loop-product__title{font-size:.98rem!important;line-height:1.3;font-weight:600!important;color:var(--kx-text)!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.9em}
body.kx ul.products li.product .woocommerce-loop-product__title a{color:inherit!important;text-decoration:none}
body.kx .price,body.kx ul.products li.product .price{color:var(--kx-lime)!important;font-family:var(--kx-display);font-weight:700;font-size:1.2rem}
body.kx .price del,body.kx .price del .amount{color:var(--kx-muted)!important;font-size:.85em;font-weight:600;opacity:.85}
body.kx .price ins{text-decoration:none;background:none}
body.kx ul.products li.product .product-action-wrap{margin-top:auto}
body.kx ul.products li.product .button{width:100%;margin-top:.6rem}
body.kx span.onsale,body.kx .woocommerce span.onsale{background:var(--kx-pink)!important;color:#fff!important;border-radius:0!important;font-family:var(--kx-display);font-weight:700;letter-spacing:.04em;padding:.25rem .55rem!important;min-height:0!important;line-height:1.2!important;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}

/* ---------- Archive / shop ---------- */
body.kx .entry-hero .entry-header,body.kx .product-archive-hero-section .entry-header{background:transparent}
body.kx .entry-hero-container-inner{background:linear-gradient(120deg,var(--kx-bg2),#141a36)!important;border-bottom:1px solid var(--kx-line)}
body.kx .page-title,body.kx .archive-title,body.kx .entry-hero h1{color:#fff!important;text-transform:uppercase}
body.kx .kadence-breadcrumbs,body.kx .kadence-breadcrumbs a,body.kx .woocommerce-breadcrumb{color:var(--kx-muted)!important}
body.kx .woocommerce-result-count,body.kx .term-description{color:var(--kx-muted)}
body.kx select,body.kx input[type=text],body.kx input[type=search],body.kx input[type=email]{background:var(--kx-card)!important;color:var(--kx-text)!important;border:1px solid var(--kx-line)!important;border-radius:0!important}
body.kx .kadence-shop-top-row .kadence-product-toggle-container button{background:var(--kx-card)!important;color:var(--kx-text)!important;clip-path:none}
body.kx nav.woocommerce-pagination ul li a,body.kx nav.woocommerce-pagination ul li span{background:var(--kx-card)!important;color:var(--kx-text)!important;border-color:var(--kx-line)!important}
body.kx nav.woocommerce-pagination ul li span.current{background:var(--kx-lime)!important;color:var(--kx-bg)!important}

/* ---------- Single product ---------- */
body.kx.single-product .content-area{margin-top:2rem}
body.kx div.product div.images .woocommerce-product-gallery__wrapper,body.kx div.product div.images .woocommerce-product-gallery__image{background:#f3f5fb}
body.kx div.product div.images img{mix-blend-mode:multiply;padding:1rem}
body.kx div.product .summary{background:var(--kx-card);border:1px solid var(--kx-line);padding:1.5rem!important}
body.kx div.product .product_title{font-size:clamp(1.5rem,3vw,2.1rem)!important;line-height:1.15;color:#fff!important}
body.kx div.product .summary .price{font-size:1.9rem!important}
body.kx div.product .summary .single_add_to_cart_button{width:100%;min-height:52px;font-size:1.1rem}
body.kx div.product .summary .woocommerce-product-details__short-description,body.kx div.product .summary p{color:#c9cfea}
body.kx div.product .product_meta{color:var(--kx-muted);border-top:1px solid var(--kx-line);padding-top:.75rem}
body.kx .woocommerce-tabs ul.tabs li{background:var(--kx-card)!important;border-color:var(--kx-line)!important}
body.kx .woocommerce-tabs ul.tabs li a{color:var(--kx-text)!important}
body.kx .woocommerce-tabs ul.tabs li.active{background:var(--kx-card2)!important;border-bottom-color:var(--kx-lime)!important}
body.kx .woocommerce-tabs .panel{color:#c9cfea}

/* ---------- Widgets + footer ---------- */
body.kx .widget,body.kx .site-footer .widget-title{color:var(--kx-text)}
body.kx .site-footer,body.kx .site-footer .site-footer-row-container-inner,body.kx .site-bottom-footer-wrap .site-footer-row-container-inner,body.kx .site-middle-footer-wrap .site-footer-row-container-inner,body.kx .site-top-footer-wrap .site-footer-row-container-inner{background:var(--kx-bg2)!important;color:var(--kx-muted)!important;border-color:var(--kx-line)!important}
body.kx .site-footer a{color:#cfd5f2!important}
body.kx .site-footer a:hover{color:var(--kx-lime)!important}
body.kx .site-footer .product_list_widget li{border-color:var(--kx-line)!important}
body.kx .site-footer .product_list_widget img{background:#f3f5fb}
.kx-footer{background:#070a13;border-top:1px solid var(--kx-line);padding:2.75rem 0 1.25rem;color:var(--kx-muted);position:relative}
.kx-footer::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,var(--kx-cyan),var(--kx-pink),var(--kx-lime))}
.kx-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}
.kx-footer-logo{font-family:var(--kx-display);font-weight:700;font-size:1.7rem;color:#fff;margin:0 0 .5rem;text-transform:uppercase}
.kx-footer-logo span{color:var(--kx-lime)}
.kx-footer-h{font-family:var(--kx-display);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin:0 0 .6rem}
.kx-footer ul{list-style:none;margin:0;padding:0}
.kx-footer li{margin:.3rem 0}
.kx-footer a{color:#cfd5f2;text-decoration:none}
.kx-footer a:hover{color:var(--kx-lime)}
.kx-credits{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--kx-line);font-size:.78rem;color:var(--kx-muted)}
.kx-credits a{color:var(--kx-muted)!important;text-decoration:underline}

/* preview switch */
.kx-previewbar{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:9999;background:rgba(20,26,46,.95);border:1px solid var(--kx-pink);color:#fff;font-size:.8rem;padding:.35rem .8rem;white-space:nowrap}
.kx-previewbar a{color:var(--kx-lime)!important;margin-left:.3rem}

/* ---------- Responsive ---------- */
@media (max-width:1024px){.kx-tiles{grid-template-columns:repeat(3,1fr)}}
@media (max-width:767px){
  .kx-hero{min-height:0}
  .kx-hero-inner{padding-top:2.5rem;padding-bottom:2.25rem}
  .kx-hero::before{background:linear-gradient(0deg,rgba(5,7,15,.98) 10%,rgba(5,7,15,.7) 100%)}
  .kx-lead{font-size:1rem}
  .kx-cta .kx-btn{flex:1 1 100%}
  .kx-tiles{grid-template-columns:repeat(2,1fr);gap:.6rem}
  .kx-tile-name{font-size:1rem}
  body.kx ul.products{grid-template-columns:repeat(2,1fr)!important;gap:.6rem}
  body.kx ul.products li.product .product-details{padding:.6rem .65rem .75rem!important}
  body.kx ul.products li.product .woocommerce-loop-product__title{font-size:.86rem!important}
  body.kx ul.products li.product .price{font-size:1.02rem}
  body.kx ul.products li.product .button{font-size:.82rem;padding:.45rem .5rem!important;min-height:42px}
  .kx-footer-grid{grid-template-columns:1fr 1fr}
  .kx-footer-about{grid-column:1/-1}
  body.kx div.product .summary{padding:1rem!important}
  .kx-previewbar{bottom:8px;font-size:.72rem}
}
@media (prefers-reduced-motion:reduce){body.kx *{transition:none!important}}

/* ---- Mobile drawer (Kadence off-canvas) contrast fix 2026-10-28 ---- */
body.kx #mobile-drawer .drawer-inner{background:#0f1322;color:#f2f4f8}
body.kx #mobile-drawer .drawer-overlay{background:rgba(5,7,14,.7)}
body.kx #mobile-drawer .mobile-navigation ul li > a,
body.kx #mobile-drawer .mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap{color:#f2f4f8;font-size:1.05rem;font-weight:600;letter-spacing:.02em}
body.kx #mobile-drawer .mobile-navigation ul li > a{display:flex;align-items:center;min-height:48px;padding-top:.6em;padding-bottom:.6em}
body.kx #mobile-drawer .mobile-navigation ul li > a:hover,
body.kx #mobile-drawer .mobile-navigation ul li > a:focus-visible,
body.kx #mobile-drawer .mobile-navigation ul li.current-menu-item > a,
body.kx #mobile-drawer .mobile-navigation ul li.current-menu-ancestor > a,
body.kx #mobile-drawer .mobile-navigation ul li.current_page_item > a{color:#c6ff3d;box-shadow:inset 3px 0 0 #c6ff3d;padding-left:.75em;background:rgba(198,255,61,.06)}
body.kx #mobile-drawer .mobile-navigation ul li > a:focus-visible{outline:2px solid #2de2ff;outline-offset:-2px}
body.kx #mobile-drawer .mobile-navigation ul ul li > a{color:#cfd5f2;font-size:.98rem;font-weight:500}
body.kx #mobile-drawer .mobile-navigation ul li,
body.kx #mobile-drawer .mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap,
body.kx #mobile-drawer .mobile-navigation ul li:not(.menu-item-has-children) a{border-color:rgba(242,244,248,.14)}
body.kx #mobile-drawer .drawer-sub-toggle{color:#f2f4f8;min-width:48px;min-height:48px}
body.kx #mobile-drawer .drawer-sub-toggle:hover,body.kx #mobile-drawer .drawer-sub-toggle[aria-expanded=true]{color:#c6ff3d}
body.kx #mobile-drawer .menu-toggle-close{color:#f2f4f8;min-width:48px;min-height:48px}
body.kx #mobile-drawer .menu-toggle-close:hover,body.kx #mobile-drawer .menu-toggle-close:focus-visible{color:#c6ff3d}
body.kx #mobile-drawer .search-toggle-open,body.kx #mobile-drawer .header-search-bar input{color:#f2f4f8;min-width:48px;min-height:48px}
body.kx #mobile-drawer .search-toggle-open:hover{color:#c6ff3d}
body.kx .menu-toggle-open,body.kx #mobile-header .search-toggle-open{color:#f2f4f8;min-width:44px;min-height:44px}
body.kx .menu-toggle-open:hover,body.kx #mobile-header .search-toggle-open:hover{color:#c6ff3d}
body.kx #search-drawer .drawer-inner{background:#0f1322;color:#f2f4f8}
body.kx #search-drawer .drawer-inner input.search-field{color:#f2f4f8;border-color:rgba(242,244,248,.45);background:transparent}
body.kx #search-drawer .drawer-inner input.search-field::placeholder{color:#a9b1cf}
body.kx #search-drawer .drawer-inner .search-submit,body.kx #search-drawer .search-toggle-close{color:#f2f4f8}