/*
Theme Name: Klassekaos
Author: Klassekaos
Description: Klassekaos – et legende samarbejdsspil med farver, tern og holdånd.
Version: 2.0.2
Text Domain: teamspillet
*/
:root{--ink:#272730;--blue:#3e77d7;--orange:#e88a3d;--green:#2f975e;--red:#c5382d;--yellow:#ffda46;--paper:#fafbf6;--muted:#5c5c61;--line:#d4dbe0;--radius:19px;--shadow:5px 6px 0 #27273020}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;color:var(--ink);background-color:var(--paper);background-image:linear-gradient(#91b3dd20 1px,transparent 1px),linear-gradient(90deg,#91b3dd20 1px,transparent 1px);background-size:22px 22px;font-family:'Arial',Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:#2759a6;text-underline-offset:4px}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Arial Black','Arial',sans-serif;font-weight:900;line-height:1.08;letter-spacing:-.04em}h1{font-size:clamp(40px,5vw,70px)}h2{font-size:clamp(30px,3.8vw,48px)}h3{font-size:25px}p{margin-bottom:1.2em}.kk-wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.kk-demo-bar{padding:6px 18px;text-align:center;background:var(--ink);color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em}.kk-header{background:#fff;border-bottom:3px solid var(--ink);position:relative;z-index:20}.kk-header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:94px}.kk-logo{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0}.kk-logo img{width:252px;height:auto;display:block}.kk-nav{display:flex;gap:23px}.kk-nav a{font-size:13px;font-weight:800;color:var(--ink);text-decoration:none}.kk-nav a:hover{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--yellow)}.kk-menu{display:flex;gap:22px;list-style:none;padding:0;margin:0}.kk-header-cta{background:var(--yellow);color:var(--ink);padding:10px 18px;border:2px solid var(--ink);border-radius:10px;box-shadow:3px 3px 0 var(--ink);text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap}.kk-mobile-nav{display:none}.kk-skip{position:absolute;top:-100px;left:15px;z-index:99;background:#fff;padding:10px}.kk-skip:focus{top:10px}
.kk-eyebrow{font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;margin-bottom:18px;color:var(--ink)}.kk-eyebrow:before{content:'';display:inline-block;width:9px;height:9px;background:var(--yellow);border:2px solid var(--ink);margin-right:9px;transform:rotate(-10deg)}.kk-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:30px;align-items:center;padding-block:44px}.kk-hero-copy{padding:32px;background:#fff;border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.kk-hero h1{font-size:clamp(42px,4.4vw,61px);margin-bottom:22px}.kk-hero h1 em{font-style:normal;background:linear-gradient(transparent 65%,var(--yellow) 65%);padding-inline:3px}.kk-lead{font-size:18px;color:var(--muted);max-width:560px;line-height:1.65}.kk-actions{display:flex;gap:13px;flex-wrap:wrap;align-items:center;margin-top:28px}.kk-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:53px;padding:12px 22px;border-radius:11px;background:var(--yellow);color:var(--ink);text-decoration:none;font-weight:900;font-size:15px;border:2px solid var(--ink);box-shadow:3px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s}.kk-btn:hover{transform:translate(2px,2px);box-shadow:1px 2px 0 var(--ink)}.kk-btn.secondary{background:#fff;box-shadow:3px 4px 0 #27273028}.kk-hero .kk-actions{display:grid;grid-template-columns:1fr}.kk-hero .kk-btn{width:100%;font-size:17px}.kk-hero-note{font-size:12px;color:var(--muted);margin:20px 0 0;text-align:center}.kk-hero-visual{position:relative;margin:0;padding:12px 12px 9px;background:white;border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.kk-hero-visual img{display:block;width:100%}.kk-visual-caption{font-size:10px;color:var(--muted);text-align:center;margin-top:3px}.kk-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:8px}.kk-stats>div{display:flex;align-items:center;gap:16px;justify-content:center;border:2px solid var(--ink);border-radius:12px;background:#fff;padding:18px;box-shadow:3px 4px 0 #27273015}.kk-stats strong{font-size:34px;line-height:1;font-weight:900;letter-spacing:-1px}.kk-stats span{font-size:12px;line-height:1.45;color:var(--muted);text-transform:uppercase;font-weight:800;letter-spacing:.03em}
.kk-section{padding-block:76px}.kk-section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:34px}.kk-section-head h2{max-width:750px;margin-bottom:0}.kk-section-head>p{max-width:350px;color:var(--muted);margin:0;font-size:16px}.kk-grid-3{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.kk-card{padding:26px 22px;border:3px solid var(--ink);border-radius:var(--radius);background-color:var(--blue);background-image:linear-gradient(#ffffff13 1px,transparent 1px),linear-gradient(90deg,#ffffff13 1px,transparent 1px);background-size:16px 16px;color:#fff;min-height:310px;box-shadow:var(--shadow)}.kk-card:nth-child(2){background-color:var(--orange);color:var(--ink)}.kk-card:nth-child(3){background-color:#278151}.kk-card:nth-child(4){background-color:var(--red)}.kk-card h3{font-size:22px;letter-spacing:-.04em}.kk-card p{font-size:14px;line-height:1.65;margin-bottom:0}.kk-card-icon{display:block;width:45px;height:45px;margin-bottom:27px}.kk-card-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.kk-card .kk-tag{color:inherit;display:block;text-transform:uppercase;font-size:10px;letter-spacing:.06em;font-weight:800;margin-bottom:22px}.kk-band{background:var(--yellow);color:var(--ink);padding:54px 60px;border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}.kk-band .kk-eyebrow:before{background:#fff}.kk-band h2{max-width:990px;font-size:clamp(32px,4.5vw,56px);margin-bottom:24px}.kk-band p{max-width:700px}.kk-band .kk-btn{background:#fff}.kk-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:23px;margin:35px 0 0}.kk-steps article{padding:24px;background:#fff;border:2px solid var(--ink);border-radius:15px;box-shadow:var(--shadow)}.kk-step-number{display:inline-flex;background:var(--yellow);border:2px solid var(--ink);border-radius:9px;width:42px;height:42px;align-items:center;justify-content:center;font-weight:900;font-size:23px;transform:rotate(-5deg);margin-bottom:23px;box-shadow:2px 3px 0 #27273025}.kk-steps h3{font-size:21px}.kk-steps p{font-size:14px;color:var(--muted);margin-bottom:0}.kk-shop-section{background:#fff9df;border-block:2px solid var(--ink)}.kk-product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.kk-product-card{border-radius:var(--radius);background:#fff;border:3px solid var(--ink);overflow:hidden;box-shadow:var(--shadow)}.kk-product-image{background:#eef3fc;height:348px;min-height:290px;display:flex;align-items:center;justify-content:center;padding:22px;border-bottom:3px solid var(--ink);background-image:linear-gradient(#91b3dd25 1px,transparent 1px),linear-gradient(90deg,#91b3dd25 1px,transparent 1px);background-size:20px 20px}.kk-product-image img{max-height:300px;width:auto}.kk-class-visual{background-color:#eaf4ed;text-align:center}.kk-class-visual .kk-class-symbols{display:flex;justify-content:center;gap:12px;margin:10px 0 25px}.kk-class-symbols span{display:flex;align-items:center;justify-content:center;width:72px;height:76px;border:3px solid var(--ink);border-radius:12px;background:var(--yellow);font-size:39px;font-weight:900;box-shadow:3px 4px 0 #27273025;transform:rotate(-7deg)}.kk-class-symbols span:nth-child(2){background:var(--blue);color:#fff;transform:rotate(6deg)}.kk-class-symbols span:nth-child(3){background:var(--orange);transform:rotate(-3deg)}.kk-class-visual h3{font-size:31px;margin:0}.kk-product-body{padding:30px}.kk-product-body p{color:var(--muted)}.kk-tag{font-size:11px;font-weight:800;color:#24663e;letter-spacing:.04em;display:inline-block;margin-bottom:12px}.kk-price{font-size:28px;font-weight:900;color:var(--ink)!important}.kk-faq{max-width:850px;margin-inline:auto}.kk-faq details{background:#fff;border:2px solid var(--ink);border-radius:13px;padding:21px 23px;margin:14px 0;box-shadow:3px 4px 0 #27273014}.kk-faq summary{cursor:pointer;font-size:18px;font-weight:800;padding-right:10px}.kk-faq details p{margin:17px 0 0;color:var(--muted);font-size:16px}.kk-product-body details{padding-block:15px;border-top:1px dashed var(--line)}.kk-product-body details summary{font-size:15px}.kk-product-body details p{font-size:14px}.kk-text-link{font-weight:800;text-decoration:none;border-bottom:3px solid var(--yellow);color:var(--ink);padding-bottom:3px}.kk-muted{color:var(--muted)}
.kk-footer{background:#fff;border-top:3px solid var(--ink);padding:52px 0 0}.kk-footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:55px;padding-bottom:40px}.kk-footer-brand p{max-width:340px;color:var(--muted);margin-top:20px;font-size:15px}.kk-footer-note{font-size:12px;color:var(--muted)}.kk-footer-heading{font-size:14px;font-weight:900}.kk-footer nav{display:grid;gap:10px}.kk-footer nav a{color:var(--ink);text-decoration:none;font-size:13px}.kk-footer nav a:hover{text-decoration:underline}.kk-footer-bottom{border-top:1px dashed #aaa;padding-block:22px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.kk-page{max-width:940px;margin-inline:auto;padding:44px 52px;background:#fff;border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.kk-page-title{font-size:clamp(38px,5vw,61px);margin-bottom:35px}.kk-prose{max-width:760px}.kk-prose h2{font-size:30px;margin-top:40px}.kk-prose h3{font-size:22px;margin-top:28px}.kk-prose li{margin-bottom:12px}.kk-prose .notice,.kk-shop-note{background:#fff7d4;padding:20px 23px;border:2px solid var(--ink);border-radius:12px;font-size:14px}.kk-prose blockquote{margin:30px 0;padding:22px;border-left:6px solid var(--yellow);font-size:22px;font-weight:800;line-height:1.4}.kk-shop-note{margin-bottom:32px;max-width:840px;box-shadow:var(--shadow)}.kk-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.kk-list li{padding:14px 0;border-bottom:1px solid var(--line)}.kk-list li:before{content:'✓';margin-right:12px;color:var(--green);font-weight:900}.woocommerce{max-width:1240px;margin:auto}.woocommerce ul.products li.product{background:#fff;border-radius:15px;padding:20px;border:2px solid var(--ink)}.woocommerce a.button,.woocommerce button.button.alt,.woocommerce input.button{background:var(--yellow);color:var(--ink);border:2px solid var(--ink);border-radius:10px;padding:15px 24px}.woocommerce input,.woocommerce select,.woocommerce textarea{border:2px solid var(--ink);border-radius:8px;padding:12px}.woocommerce div.product .product_title{font-size:48px}.woocommerce span.onsale{background:var(--red)}.woocommerce-message,.woocommerce-info{border-top-color:var(--blue)}.woocommerce table.shop_table{background:#fff}.kk-empty{padding:30px;background:#fff;border:2px solid var(--ink);border-radius:15px}
@media(max-width:1100px){.kk-header-cta{display:none}.kk-nav{gap:20px}.kk-hero{gap:22px}.kk-hero-copy{padding:26px}.kk-hero h1{font-size:48px}.kk-hero .kk-lead{font-size:16px}.kk-grid-3{grid-template-columns:repeat(2,1fr)}.kk-card{min-height:270px}.kk-card h3{font-size:25px}.kk-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body{font-size:16px}.kk-wrap{width:calc(100% - 32px)}.kk-demo-bar{font-size:9px;letter-spacing:.025em}.kk-header-inner{min-height:78px;gap:12px}.kk-logo img{width:215px}.kk-nav{display:none}.kk-mobile-nav{display:block}.kk-mobile-nav summary{cursor:pointer;list-style:none;font-size:12px;font-weight:800;display:flex;gap:8px;border:2px solid var(--ink);padding:7px 10px;border-radius:8px;background:var(--yellow)}.kk-mobile-nav nav{position:absolute;top:78px;left:0;right:0;background:#fff;border-bottom:3px solid var(--ink);display:grid;padding:24px;gap:18px;box-shadow:0 7px 0 #27273018}.kk-mobile-nav nav a{text-decoration:none;color:var(--ink);font-weight:800;font-size:15px}.kk-hero{grid-template-columns:1fr;gap:23px;padding-block:27px}.kk-hero-copy{grid-row:1;padding:26px 24px}.kk-hero h1{font-size:47px;max-width:560px}.kk-hero .kk-lead{font-size:16px}.kk-hero-visual{max-width:570px;width:100%;margin:auto;padding:9px}.kk-hero .kk-actions{gap:13px;margin-top:24px}.kk-hero .kk-btn{font-size:15px}.kk-section{padding-block:54px}.kk-product-grid{grid-template-columns:1fr}.kk-section-head{display:block;margin-bottom:28px}.kk-section-head>p{margin-top:19px}.kk-section-head .kk-text-link{display:inline-block;margin-top:22px}.kk-stats{gap:8px}.kk-stats>div{flex-direction:column;gap:8px;text-align:center;padding:14px 6px}.kk-stats strong{font-size:29px}.kk-stats span{font-size:9px;line-height:1.4}.kk-card{padding:22px 18px;min-height:290px}.kk-card h3{font-size:21px}.kk-card p{font-size:13px}.kk-card-icon{margin-bottom:22px}.kk-card .kk-tag{font-size:9px;letter-spacing:0}.kk-grid-3{gap:12px}.kk-band{padding:30px 25px}.kk-band h2{font-size:33px}.kk-steps{gap:14px}.kk-steps article{padding:21px 17px}.kk-steps h3{font-size:20px}.kk-footer-top{grid-template-columns:1fr 1fr;gap:30px}.kk-footer-brand{grid-column:1/-1}.kk-footer-bottom{gap:20px;font-size:10px}.kk-list{grid-template-columns:1fr}.kk-product-image{min-height:255px}.kk-product-body{padding:25px}.kk-page{padding:28px 23px}.kk-prose h2{font-size:27px}.kk-page-title{font-size:39px}.kk-faq summary{font-size:16px}.kk-faq details{padding:19px}.kk-shop-note{font-size:13px}}
@media(max-width:420px){.kk-logo img{width:193px}.kk-hero h1{font-size:42px}.kk-grid-3{grid-template-columns:1fr}.kk-card{min-height:240px}.kk-card h3{font-size:26px}.kk-card p{font-size:15px}.kk-card-icon{margin-bottom:22px}.kk-card .kk-tag{font-size:10px}.kk-steps{grid-template-columns:1fr}.kk-steps article{display:grid;grid-template-columns:42px 1fr;gap:0 18px}.kk-step-number{grid-row:1/3;margin-bottom:0}.kk-steps h3{margin-bottom:12px}.kk-steps p{grid-column:2}.kk-demo-bar{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kk-btn{transition:none}}