/*
Theme Name: Topcasinoonline tema
Theme URI: https://topcasinoonline.se/
Description: Eget tema för topcasinoonline.se. Formspråket "Kvällen": bäst casino avgörs under en vanlig kväll, från inloggning till uttag. Skymningshimmel, sol vid horisonten och en klocka som går medan man läser. Kvällsprovet och kvällsräknaren följer med som kortkoder. tco-designsystemet ligger i assets/css/tco.css.
Version: 1.0.1
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: topcasinoonline-tema
*/

@font-face{font-family:"Familjen Grotesk";src:url(assets/fonts/familjen-grotesk.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Public Sans";src:url(assets/fonts/public-sans.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Public Sans";src:url(assets/fonts/public-sans-italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:"Spline Sans Mono";src:url(assets/fonts/spline-sans-mono-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{
--natt:#23264f;--natt-djup:#171936;--skymning:#5a3a78;--ros:#c9566a;--korall:#f0553a;--korall-djup:#b8321c;
--persika:#ffd9b8;--mane:#ffd98a;--papper:#fff8f0;--sand:#fbeadb;--vit:#fff;
--text:#1c1d33;--dampad:#5d5f7a;--linje:#ead9c8;--ok:#1f7a54;--varning:#a12a1a;
--rubrik:"Familjen Grotesk","Public Sans",system-ui,sans-serif;
--brod:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
--mono:"Spline Sans Mono",ui-monospace,Menlo,Consolas,monospace;
--radie:14px;--ram:1180px;--skugga:0 10px 30px -18px rgba(23,25,54,.45);
}
/* tco-designsystemet i innehållet får temats färger */
html:root{
--tco-brand:#23264f;--tco-brand-dark:#171936;--tco-brand-soft:#fbeadb;--tco-on-brand:#fff;
--tco-text:#1c1d33;--tco-muted:#5d5f7a;--tco-border:#ead9c8;--tco-surface:#fff;--tco-surface-alt:#fff3e6;
--tco-head-font:"Familjen Grotesk","Public Sans",system-ui,sans-serif;--tco-body-font:"Public Sans",system-ui,sans-serif;
--tco-radius:14px;--tco-radius-sm:9px;--tco-maxw:760px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:92px}
html:has(body.admin-bar){scroll-padding-top:124px}
body{margin:0;background:var(--papper);color:var(--text);font-family:var(--brod);font-size:17px;line-height:1.68;overflow-wrap:break-word}
img,svg,video,iframe{max-width:100%}
img{height:auto}
a{color:var(--korall-djup);text-underline-offset:.18em;text-decoration-thickness:.08em}
a:hover{color:var(--natt)}
:focus-visible{outline:3px solid var(--korall);outline-offset:2px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--rubrik);line-height:1.15;color:var(--natt-djup);letter-spacing:-.01em;text-wrap:balance}
button,input,select,textarea{font:inherit;color:inherit}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.tct-ram{width:100%;max-width:var(--ram);margin-inline:auto;padding-inline:20px}
.tct-hoppa{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--mane);color:var(--natt-djup);padding:10px 16px;border-radius:8px;font-weight:700}
.tct-hoppa:focus{left:12px}
.tct-tid{font-family:var(--mono);font-size:.78rem;font-weight:500;letter-spacing:.02em}

/* Knappar */
.tct-knapp{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--korall);color:#fff;font-family:var(--rubrik);font-weight:700;font-size:1rem;line-height:1.2;padding:13px 22px;border-radius:999px;border:2px solid var(--korall);text-decoration:none;cursor:pointer;transition:transform .15s,background .15s,color .15s,border-color .15s}
.tct-knapp:hover{background:var(--mane);border-color:var(--mane);color:var(--natt-djup);transform:translateY(-1px)}
.tct-knapp-liten{padding:9px 16px;font-size:.92rem}
.tct-knapp-ljus{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}
.tct-knapp-kontur{background:transparent;color:var(--natt);border-color:var(--natt)}
.tct-knapp-kontur:hover{background:var(--natt);border-color:var(--natt);color:#fff}

/* Notisrad och sidhuvud */
.tct-notis{background:var(--natt-djup);color:#d9d6ee;font-size:.8rem}
.tct-notis .tct-ram{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;padding-block:6px}
.tct-notis a{color:#fff}
.tct-notis-18{font-family:var(--mono);background:var(--mane);color:var(--natt-djup);border-radius:999px;padding:0 8px;font-weight:500}
.tct-huvud{position:sticky;top:0;z-index:50;background:rgba(255,248,240,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--linje)}
.tct-huvud-rad{display:flex;align-items:center;gap:18px;min-height:66px}
.tct-logga{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--natt-djup);font-family:var(--rubrik);font-size:1.18rem;font-weight:600;line-height:1;white-space:nowrap}
.tct-logga b{color:var(--korall-djup);font-weight:700}
.tct-marke{flex:none;display:block}
.tct-nav{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0}
.tct-meny,.tct-meny ul{list-style:none;margin:0;padding:0}
.tct-meny{display:flex;gap:2px}
.tct-meny>li{position:relative}
.tct-meny a{display:block;padding:9px 8px;border-radius:9px;color:var(--natt-djup);text-decoration:none;font-weight:600;font-size:.9rem;white-space:nowrap}
.tct-meny a:hover,.tct-meny .current-menu-item>a{background:var(--sand);color:var(--korall-djup)}
.tct-meny>.menu-item-has-children>a::after{content:"";display:inline-block;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);margin-left:7px}
.tct-meny>li>.sub-menu{position:absolute;left:0;top:100%;min-width:230px;background:#fff;border:1px solid var(--linje);border-radius:12px;padding:6px;box-shadow:var(--skugga);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s,transform .15s,visibility .15s}
.tct-meny>li:hover>.sub-menu,.tct-meny>li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.tct-meny .sub-menu .sub-menu a{padding-left:24px;font-weight:500}
.tct-sok{display:none}
.tct-huvud-hoger{display:flex;align-items:center;gap:10px;flex:none}
.tct-klocka{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.8rem;font-weight:500;color:var(--natt);background:var(--sand);border-radius:999px;padding:5px 10px}
.tct-klocka i{width:9px;height:9px;border-radius:50%;background:var(--korall);box-shadow:0 0 0 3px rgba(240,85,58,.22)}
.tct-menyknapp{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--linje);background:#fff;cursor:pointer;align-items:center;justify-content:center}
.tct-menyknapp-streck,.tct-menyknapp-streck::before,.tct-menyknapp-streck::after{display:block;width:20px;height:2px;background:var(--natt-djup);border-radius:2px;position:relative;transition:transform .2s,background .2s}
.tct-menyknapp-streck::before,.tct-menyknapp-streck::after{content:"";position:absolute;left:0}
.tct-menyknapp-streck::before{top:-6px}.tct-menyknapp-streck::after{top:6px}
.tct-menyknapp[aria-expanded=true] .tct-menyknapp-streck{background:transparent}
.tct-menyknapp[aria-expanded=true] .tct-menyknapp-streck::before{transform:translateY(6px) rotate(45deg)}
.tct-menyknapp[aria-expanded=true] .tct-menyknapp-streck::after{transform:translateY(-6px) rotate(-45deg)}
.tct-forlopp{position:absolute;left:0;right:0;bottom:-3px;height:3px;pointer-events:none}
.tct-forlopp span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mane),var(--korall) 55%,var(--skymning))}

@media (max-width:1279px){
.tct-menyknapp{display:inline-flex}
.tct-huvud-rad{justify-content:space-between}
.tct-nav{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;align-items:stretch;gap:12px;background:var(--papper);border-bottom:1px solid var(--linje);padding:14px 20px 20px;max-height:calc(100vh - 110px);overflow:auto;box-shadow:var(--skugga)}
.tct-nav.tct-oppen{display:flex}
.tct-meny{flex-direction:column;gap:0}
.tct-meny a{padding:11px 10px;font-size:1rem;white-space:normal}
.tct-meny>.menu-item-has-children>a::after{display:none}
.tct-meny>li>.sub-menu{position:static;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;background:transparent;padding:0 0 4px 14px;min-width:0}
.tct-meny .sub-menu a{font-weight:500}
.tct-sok{display:flex;gap:8px}
.tct-sok input{flex:1;min-width:0;padding:11px 14px;border-radius:999px;border:1px solid var(--linje);background:#fff}
.tct-sok button{padding:11px 18px;border-radius:999px;border:0;background:var(--natt);color:#fff;font-weight:700;cursor:pointer}
}
@media (max-width:640px){
.tct-huvud-knapp{display:none}
.tct-logga{font-size:1.05rem}
}
@media (max-width:380px){.tct-klocka{display:none}}
@media (min-width:1280px){.tct-meny>.menu-item-home{display:none}}
@media (min-width:1280px) and (max-width:1399px){.tct-klocka{display:none}}

/* Hero på startsidan */
.tct-hero{position:relative;color:#fff;background:linear-gradient(to top,#f58a5c 0,#d9607a 56px,#6a3f80 150px,#2b2c5e 300px,#171936 100%);overflow:hidden;padding:56px 0 120px}
.tct-hero-himmel{position:absolute;inset:0;pointer-events:none}
.tct-hero-sol{position:absolute;right:max(4vw,calc(50% - 560px));bottom:-150px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#fff0c9 0,#ffd98a 38%,#ffb26a 70%,rgba(255,178,106,0) 72%);box-shadow:0 0 120px 40px rgba(255,190,120,.35)}
.tct-hero-stjarnor{position:absolute;inset:0 0 45% 0;background-image:radial-gradient(1.4px 1.4px at 12% 22%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 31% 58%,#fff 50%,transparent 52%),radial-gradient(1.6px 1.6px at 52% 18%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 68% 44%,#fff 50%,transparent 52%),radial-gradient(1.4px 1.4px at 84% 14%,#fff 50%,transparent 52%),radial-gradient(1.1px 1.1px at 93% 62%,#fff 50%,transparent 52%),radial-gradient(1.1px 1.1px at 6% 70%,#fff 50%,transparent 52%);opacity:.6}
.tct-hero-rad{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
.tct-hero-etikett{display:inline-block;font-family:var(--mono);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--mane);border:1px solid rgba(255,217,138,.45);border-radius:999px;padding:5px 12px;margin-bottom:18px}
.tct-hero .tct-h1{color:#fff;font-size:clamp(2.2rem,5.2vw,3.9rem);font-weight:700;margin:0 0 18px;letter-spacing:-.025em;line-height:1.02}
.tct-hero-ingress{font-size:1.14rem;line-height:1.6;color:#e6e3f5;margin:0 0 26px;max-width:36em}
.tct-hero-knappar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.tct-hero .tct-meta{color:#cfcbe6}
.tct-hero-kvall{background:var(--papper);color:var(--text);border-radius:22px;padding:24px 24px 14px;box-shadow:0 30px 60px -30px rgba(10,10,30,.8)}
.tct-hero-kvall-titel{font-family:var(--rubrik);font-weight:700;font-size:1.15rem;color:var(--natt-djup);margin-bottom:14px}
.tct-rutt{list-style:none;margin:0;padding:0;position:relative}
.tct-rutt::before{content:"";position:absolute;left:7px;top:8px;bottom:26px;width:2px;background:linear-gradient(var(--mane),var(--korall),var(--skymning),var(--natt))}
.tct-rutt li{position:relative;padding:0 0 16px 30px;display:grid;gap:1px}
.tct-rutt li::before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:var(--papper);border:4px solid var(--korall)}
.tct-rutt li:nth-child(1)::before{border-color:#f2b347}.tct-rutt li:nth-child(3)::before{border-color:var(--skymning)}.tct-rutt li:nth-child(4)::before{border-color:var(--natt)}
.tct-rutt .tct-tid{color:var(--dampad)}
.tct-rutt b{font-family:var(--rubrik);font-size:1.06rem;color:var(--natt-djup)}
.tct-rutt li>span:last-child{font-size:.93rem;line-height:1.45;color:var(--dampad)}
@media (max-width:900px){
.tct-hero{padding:38px 0 96px}
.tct-hero-rad{grid-template-columns:1fr;gap:30px}
.tct-hero-sol{width:220px;height:220px;bottom:-120px;right:-40px}
}

/* Sidhuvud på undersidor */
.tct-topp{position:relative;overflow:hidden;background:linear-gradient(to top,#6a3f80 0,#2b2c5e 70px,#171936 100%);color:#fff;padding:26px 0 44px}
.tct-topp .tct-ram{position:relative;z-index:1}
.tct-topp .tct-h1{color:#fff;font-size:clamp(1.9rem,4.4vw,3rem);font-weight:700;margin:10px 0 14px;max-width:20em;letter-spacing:-.02em}
.tct-topp-sol{position:absolute;right:max(5vw,calc(50% - 540px));bottom:-88px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,#fff0c9 0,#ffd98a 40%,#ff9d5c 70%,rgba(255,157,92,0) 72%);box-shadow:0 0 80px 24px rgba(255,170,110,.3)}
.tct-topp-text{color:#e6e3f5;max-width:44em}
.tct-topp-text p{margin:0}
.tct-smulor ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:.84rem;color:#cfcbe6}
.tct-smulor li+li::before{content:"/";margin-right:8px;opacity:.6}
.tct-smulor a{color:#fff}
.tct-meta{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px;font-size:.86rem;color:#cfcbe6}
.tct-meta li{display:flex;align-items:center;gap:7px}
.tct-meta li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mane)}

/* Layout och innehåll */
.tct-layout{padding-block:38px 48px}
.tct-artikel{max-width:760px;margin-inline:auto;min-width:0}
.tct-toc{max-width:760px;margin:0 auto 26px;background:#fff;border:1px solid var(--linje);border-radius:var(--radie);padding:4px 18px}
.tct-toc summary{cursor:pointer;font-family:var(--rubrik);font-weight:700;font-size:1.05rem;color:var(--natt-djup);padding:12px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none}
.tct-toc summary::-webkit-details-marker{display:none}
.tct-toc-antal{font-family:var(--mono);font-size:.74rem;font-weight:500;color:var(--dampad)}
.tct-toc ol{list-style:none;margin:0;padding:0 0 12px;counter-reset:t;position:relative}
.tct-toc li{counter-increment:t;margin:0}
.tct-toc a{display:grid;grid-template-columns:26px 1fr;gap:6px;padding:6px 8px;border-radius:8px;color:var(--text);text-decoration:none;font-size:.93rem;line-height:1.35}
.tct-toc a::before{content:counter(t,decimal-leading-zero);font-family:var(--mono);font-size:.74rem;color:var(--korall-djup);padding-top:2px}
.tct-toc a:hover{background:var(--sand)}
.tct-toc a.tct-aktiv{background:var(--natt);color:#fff}
.tct-toc a.tct-aktiv::before{color:var(--mane)}
@media (min-width:1080px){
.tct-har-toc{display:grid;grid-template-columns:minmax(0,760px) 290px;gap:56px;justify-content:center;align-items:start}
.tct-har-toc .tct-artikel{grid-column:1;grid-row:1;margin:0}
.tct-har-toc .tct-toc{grid-column:2;grid-row:1;position:sticky;top:92px;margin:0;max-height:calc(100vh - 120px);overflow:auto}
}
.tct-utvald{margin:0 0 26px}
.tct-utvald img{display:block;width:100%;border-radius:var(--radie)}

.tct-content{font-size:1.06rem}
.tct-content>*:first-child{margin-top:0}
.tct-content p{margin:0 0 1.15em}
.tct-content>p:first-child{font-size:1.16em;line-height:1.6;color:var(--natt-djup)}
.tct-content h2{position:relative;font-size:clamp(1.5rem,3vw,1.95rem);font-weight:700;margin:1.9em 0 .6em;padding-top:22px}
.tct-content h2::before{content:"";position:absolute;left:0;top:0;width:28px;height:14px;border-radius:28px 28px 0 0;background:var(--korall)}
.tct-content h2::after{content:"";position:absolute;left:0;top:14px;width:64px;height:2px;border-radius:2px;background:var(--natt)}
.tct-content aside h2,.tct-content .tco-kallor h2{padding-top:0;margin-top:0;font-size:1.15rem}
.tct-content aside h2::before,.tct-content aside h2::after{display:none}
.tct-content h3{font-size:1.28rem;font-weight:700;margin:1.6em 0 .5em}
.tct-content h4{font-size:1.08rem;margin:1.4em 0 .4em}
.tct-content ul,.tct-content ol{margin:0 0 1.15em;padding-left:1.3em}
.tct-content li{margin-bottom:.35em}
.tct-content li::marker{color:var(--korall-djup)}
.tct-content img{border-radius:12px}
.tct-content figure{margin:1.6em 0}
.tct-content figcaption{font-size:.86rem;color:var(--dampad);margin-top:6px}
.tct-content blockquote{margin:1.5em 0;padding:4px 0 4px 20px;border-left:4px solid var(--korall);font-size:1.1em;color:var(--natt-djup)}
.tct-content table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.95rem}
.tct-content th,.tct-content td{padding:10px 12px;border-bottom:1px solid var(--linje);text-align:left;vertical-align:top}
.tct-content thead th{background:var(--natt);color:#fff;font-family:var(--rubrik)}
.tct-content iframe{border:0;border-radius:12px}
.tct-content .alignleft{float:left;margin:4px 20px 12px 0}
.tct-content .alignright{float:right;margin:4px 0 12px 20px}
.tct-content .aligncenter{display:block;margin-inline:auto}
.tct-content::after{content:"";display:table;clear:both}
.tct-content .wp-caption{max-width:100%}

/* Verktyg */
.tct-verktygsrad{padding-block:34px 0}
.tct-verktygsrad+.tct-sektion{margin-top:34px}
.tct-verktyg{background:#fff;border:1px solid var(--linje);border-radius:22px;padding:26px;box-shadow:var(--skugga);margin:0 0 8px;scroll-margin-top:96px}
.tct-content .tct-verktyg{margin:2em 0}
.tct-verktyg-huvud{max-width:46em;margin-bottom:20px}
.tct-verktyg-etikett{font-family:var(--mono);font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;color:var(--korall-djup);margin-bottom:6px}
.tct-verktyg .tct-verktyg-titel{font-family:var(--rubrik);font-size:clamp(1.4rem,2.8vw,1.85rem);font-weight:700;line-height:1.15;letter-spacing:-.01em;color:var(--natt-djup);margin:0 0 8px;text-wrap:balance}
.tct-verktyg-ingress{color:var(--dampad)}
.tct-verktyg-fot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:18px;font-size:.85rem;color:var(--dampad)}

.tct-prov-stopp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tct-stopp{border:1px solid var(--linje);border-radius:16px;padding:14px 14px 12px;margin:0;min-width:0;background:var(--papper);display:flex;flex-direction:column}
.tct-stopp legend{font-family:var(--rubrik);font-weight:700;font-size:1.05rem;color:var(--natt-djup);padding:0 6px;float:left;width:100%;margin-bottom:8px}
.tct-stopp legend .tct-tid{display:block;color:var(--korall-djup)}
.tct-fraga{clear:both;display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;padding:9px 0;border-top:1px dashed var(--linje)}
.tct-fraga input{appearance:none;-webkit-appearance:none;width:24px;height:24px;margin:1px 0 0;border:2px solid var(--natt);border-radius:7px;background:#fff;cursor:pointer;display:grid;place-content:center}
.tct-fraga input::before{content:"";width:12px;height:7px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg) translate(1px,-1px) scale(0);transition:transform .12s}
.tct-fraga input:checked{background:var(--korall);border-color:var(--korall)}
.tct-fraga input:checked::before{transform:rotate(-45deg) translate(1px,-1px) scale(1)}
.tct-fraga label{font-size:.93rem;line-height:1.4;cursor:pointer}
.tct-stopp-stapel{margin-top:auto;height:6px;border-radius:6px;background:var(--sand);overflow:hidden}
.tct-stopp-stapel span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mane),var(--korall));transition:width .25s}
.tct-prov-svar{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;margin-top:18px;background:var(--natt-djup);color:#fff;border-radius:18px;padding:20px 22px}
.tct-prov-poang{display:grid;justify-items:center;min-width:96px}
.tct-prov-tal{font-family:var(--rubrik);font-size:3.4rem;font-weight:700;line-height:1;color:var(--mane)}
.tct-prov-av{font-family:var(--mono);font-size:.8rem;color:#cfcbe6}
.tct-prov-dom{font-family:var(--rubrik);font-size:1.2rem;font-weight:600;line-height:1.3}
.tct-prov-varning{margin-top:10px;background:#fff;color:var(--varning);border-left:5px solid var(--korall);border-radius:10px;padding:10px 14px;font-size:.93rem}
.tct-prov-tips{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px;font-size:.93rem;color:#e6e3f5}
.tct-prov-tips:empty{display:none}
.tct-prov-tips li{padding-left:18px;position:relative}
.tct-prov-tips li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--korall)}
.tct-prov-tips a{color:var(--mane)}
@media (max-width:980px){.tct-prov-stopp{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){
.tct-verktyg{padding:18px 16px;border-radius:18px}
.tct-prov-stopp{grid-template-columns:1fr}
.tct-prov-svar{grid-template-columns:1fr;gap:10px}
.tct-prov-poang{grid-auto-flow:column;justify-content:start;align-items:baseline;gap:8px}
}

.tct-raknare-kropp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px;align-items:start}
.tct-raknare-falt{display:grid;gap:12px}
.tct-falt label{display:block;font-size:.88rem;font-weight:600;margin-bottom:4px}
.tct-falt-rad{display:flex;align-items:center;border:2px solid var(--linje);border-radius:12px;background:var(--papper);overflow:hidden}
.tct-falt-rad:focus-within{border-color:var(--natt)}
.tct-falt-rad input{flex:1;min-width:0;border:0;background:transparent;padding:11px 12px;font-family:var(--mono);font-size:1rem;outline:0}
.tct-falt-rad span{padding:0 14px;font-family:var(--mono);font-size:.82rem;color:var(--dampad)}
.tct-raknare-svar{background:var(--natt-djup);color:#fff;border-radius:18px;padding:18px}
.tct-raknare-ab{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.tct-ab{border-radius:14px;padding:14px;background:rgba(255,255,255,.08)}
.tct-ab-b{background:rgba(240,85,58,.22)}
.tct-ab-namn{font-family:var(--mono);font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:#cfcbe6}
.tct-ab-tal{font-family:var(--rubrik);font-size:1.9rem;font-weight:700;line-height:1.15;color:var(--mane)}
.tct-ab-not{font-size:.8rem;color:#cfcbe6}
.tct-raknare-rader{margin:0;display:grid;gap:0}
.tct-raknare-rader>div{display:flex;justify-content:space-between;gap:12px;padding:9px 2px;border-top:1px solid rgba(255,255,255,.14);font-size:.95rem}
.tct-raknare-rader dt{color:#e6e3f5}
.tct-raknare-rader dd{margin:0;font-family:var(--mono);white-space:nowrap}
.tct-rad-stor{font-size:1.1rem!important}
.tct-rad-stor dd{color:var(--mane)}
.tct-raknare-fel{margin-top:12px;background:#fff;color:var(--varning);border-radius:10px;padding:10px 14px;font-size:.9rem}
@media (max-width:760px){.tct-raknare-kropp{grid-template-columns:1fr}}

/* Sektioner, kort, register */
.tct-sektion{padding-block:44px}
.tct-sektion-huvud{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 24px;margin-bottom:20px}
.tct-sektion-titel{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin:0 0 20px}
.tct-sektion-huvud .tct-sektion-titel{margin:0}
.tct-register{background:var(--sand)}
.tct-register-sok label{display:block;font-size:.8rem;font-weight:600;margin-bottom:3px}
.tct-register-sok input{width:min(300px,78vw);padding:10px 14px;border-radius:999px;border:2px solid var(--linje);background:#fff}
.tct-register-sok input:focus{border-color:var(--natt);outline:0}
.tct-register-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px}
.tct-register-lista a{display:grid;grid-template-columns:46px 1fr;gap:4px 14px;align-items:center;height:100%;background:#fff;border:1px solid var(--linje);border-radius:16px;padding:14px 16px;text-decoration:none;color:var(--text);transition:transform .15s,box-shadow .15s,border-color .15s}
.tct-register-lista a:hover{transform:translateY(-2px);box-shadow:var(--skugga);border-color:var(--korall)}
.tct-register-bokstav{grid-row:span 2;width:46px;height:46px;border-radius:50%;display:grid;place-content:center;font-family:var(--rubrik);font-weight:700;font-size:1.3rem;color:#fff;background:linear-gradient(to top,#f58a5c,#6a3f80 60%,#23264f)}
.tct-register-kropp{display:grid;gap:2px;min-width:0}
.tct-register-kropp b{font-family:var(--rubrik);font-size:1.1rem;color:var(--natt-djup)}
.tct-register-kropp span{font-size:.86rem;line-height:1.4;color:var(--dampad)}
.tct-register-datum{grid-column:2;font-family:var(--mono);font-size:.72rem;color:var(--dampad)}
.tct-register-tom{margin:16px 0 0}
.tct-guide-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;counter-reset:g}
.tct-guide-lista a{counter-increment:g;display:grid;gap:4px;height:100%;padding:16px 16px 16px 18px;border-radius:16px;border:1px solid var(--linje);border-left:5px solid var(--korall);background:#fff;text-decoration:none;color:var(--text);transition:transform .15s,box-shadow .15s}
.tct-guide-lista a:hover{transform:translateY(-2px);box-shadow:var(--skugga)}
.tct-guide-lista b{font-family:var(--rubrik);font-size:1.1rem;color:var(--natt-djup)}
.tct-guide-lista span{font-size:.87rem;line-height:1.4;color:var(--dampad)}
.tct-guide-lista li:nth-child(4n+2) a{border-left-color:#f2b347}
.tct-guide-lista li:nth-child(4n+3) a{border-left-color:var(--skymning)}
.tct-guide-lista li:nth-child(4n) a{border-left-color:var(--natt)}

.tct-kortrad{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.tct-kort{min-width:0}
.tct-kort-lank{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--linje);border-radius:18px;overflow:hidden;text-decoration:none;color:var(--text);transition:transform .15s,box-shadow .15s}
.tct-kort-lank:hover{transform:translateY(-3px);box-shadow:var(--skugga)}
.tct-kort-bild{display:block;aspect-ratio:16/9;overflow:hidden;position:relative;background:var(--sand)}
.tct-kort-bild img{width:100%;height:100%;object-fit:cover;display:block}
.tct-kort-himmel{background:linear-gradient(to top,#f58a5c 0,#d9607a 22%,#6a3f80 55%,#23264f 100%)}
.tct-himmel-1{background:linear-gradient(to top,#ffc27a 0,#f0553a 30%,#5a3a78 70%,#171936 100%)}
.tct-himmel-2{background:linear-gradient(to top,#d9607a 0,#6a3f80 35%,#23264f 75%,#171936 100%)}
.tct-himmel-3{background:linear-gradient(to top,#ffd9b8 0,#f58a5c 28%,#c9566a 55%,#2b2c5e 100%)}
.tct-kort-sol{position:absolute;left:50%;bottom:-34%;width:44%;aspect-ratio:1;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle,#fff0c9 0,#ffd98a 45%,#ffb26a 70%,rgba(255,178,106,0) 72%)}
.tct-himmel-1 .tct-kort-sol{left:28%}.tct-himmel-2 .tct-kort-sol{left:72%;bottom:-44%}.tct-himmel-3 .tct-kort-sol{left:60%;bottom:-24%}
.tct-kort-kropp{display:grid;gap:6px;padding:16px 18px 18px}
.tct-kort-tid{font-family:var(--mono);font-size:.74rem;color:var(--dampad)}
.tct-kort-titel{font-family:var(--rubrik);font-weight:700;font-size:1.2rem;line-height:1.2;color:var(--natt-djup)}
.tct-kort-text{font-size:.9rem;line-height:1.5;color:var(--dampad)}
.tct-las-ocksa{border-top:1px solid var(--linje)}
.tct-tomt{font-size:1.1rem}
.tct-sokform{display:flex;gap:10px;max-width:520px;margin:0 0 22px}
.tct-sokform input{flex:1;min-width:0;padding:12px 16px;border-radius:999px;border:2px solid var(--linje);background:#fff}
.tct-sidor{margin-top:28px}
.tct-sidor ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tct-sidor a,.tct-sidor span{display:block;padding:8px 14px;border-radius:10px;border:1px solid var(--linje);background:#fff;text-decoration:none;color:var(--natt-djup);font-weight:600}
.tct-sidor .current{background:var(--natt);color:#fff;border-color:var(--natt)}

/* Rutor under innehållet */
.tct-extra{border-top:1px solid var(--linje);padding-block:34px}
.tct-extra-rad{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.tct-ruta{background:#fff;border:1px solid var(--linje);border-radius:16px;padding:18px;min-width:0}
.tct-ruta-titel{font-size:1.1rem;margin:0 0 10px}
.tct-ruta ul{list-style:none;margin:0;padding:0}
.tct-ruta li{padding:5px 0;border-top:1px dashed var(--linje)}

/* Sidfot */
.tct-fot{background:var(--natt-djup);color:#cfcbe6;font-size:.93rem;margin-top:20px}
.tct-fot-horisont{height:10px;background:linear-gradient(90deg,var(--mane),var(--korall) 40%,var(--ros) 65%,var(--skymning))}
.tct-fot a{color:#fff;text-decoration:none}
.tct-fot a:hover{color:var(--mane);text-decoration:underline}
.tct-fot-topp{display:grid;grid-template-columns:auto 1fr;gap:18px 40px;align-items:center;padding-block:34px 26px;border-bottom:1px solid rgba(255,255,255,.14)}
.tct-logga-fot{color:#fff;font-size:1.3rem}
.tct-fot-ansvar{margin:0;max-width:52em;line-height:1.55}
.tct-fot-ansvar a{text-decoration:underline}
.tct-fot-kolumner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.6fr);gap:30px;padding-block:30px}
.tct-fot-kol h2{font-family:var(--mono);font-size:.76rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--mane);margin:0 0 12px}
.tct-fot-kol ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.tct-fot-kol-bred ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px}
.tct-fot-botten{display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between;padding-block:18px 26px;border-top:1px solid rgba(255,255,255,.14);font-size:.84rem}
@media (max-width:900px){
.tct-fot-topp{grid-template-columns:1fr}
.tct-fot-kolumner{grid-template-columns:repeat(2,minmax(0,1fr))}
.tct-fot-kol-bred{grid-column:1/-1}
}
@media (max-width:520px){.tct-fot-kolumner{grid-template-columns:1fr}.tct-register-lista{grid-template-columns:1fr}}

.tct-upp{position:fixed;right:16px;bottom:16px;z-index:40;width:46px;height:46px;border-radius:50%;background:var(--natt);color:#fff;display:grid;place-content:center;box-shadow:var(--skugga)}
.tct-upp[hidden]{display:none}
.tct-upp:hover{background:var(--korall);color:#fff}

/* Kommentarer */
.comments-area{margin-top:40px;padding-top:24px;border-top:1px solid var(--linje)}
.comment-list{list-style:none;padding:0}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:10px 12px;border:2px solid var(--linje);border-radius:10px;background:#fff}
.comment-form input[type=submit]{background:var(--korall);color:#fff;border:0;border-radius:999px;padding:12px 22px;font-weight:700;cursor:pointer}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.tct-notis,.tct-huvud,.tct-fot,.tct-upp,.tct-toc,.tct-las-ocksa,.tct-extra{display:none}.tct-topp,.tct-hero{background:none;color:#000}.tct-topp .tct-h1,.tct-hero .tct-h1{color:#000}}


/* Inloggad: sidhuvudet under adminraden */
.admin-bar .tct-huvud{top:32px}
.admin-bar .tct-har-toc .tct-toc{top:124px;max-height:calc(100vh - 152px)}
.admin-bar .tct-verktyg{scroll-margin-top:128px}
@media (max-width:782px){.admin-bar .tct-huvud{top:46px}.admin-bar .tct-nav{max-height:calc(100vh - 156px)}}
@media (max-width:600px){.admin-bar .tct-huvud{top:0}}