/*
Theme Name: Videoslots24 Dygnet
Theme URI: https://videoslots24.se/
Author: Redaktionen
Description: Eget tema för videoslots24.se. Formspråket Dygnet gör sajten till en kanal som sänder dygnet runt, med tidkod, kapitel och 24 streck, ett för varje timme.
Version: 1.0.3
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: videoslots24
*/
@font-face{font-family:"Space Grotesk";src:url(assets/fonts/space-grotesk.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url(assets/fonts/source-serif-4.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(assets/fonts/jetbrains-mono.woff2) format("woff2");font-weight:100 800;font-style:normal;font-display:swap}
:root{--natt:#0b0e14;--natt2:#141926;--natt3:#1d2435;--linje:#2a3246;--papper:#f6f4ef;--ark:#fffefb;--kant:#dedad0;--text:#171a21;--dim:#5a6272;--signal:#ffb000;--signal-m:#8a5a00;--rec:#ff453a;--bla:#16203a;--rubrik:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--brod:"Source Serif 4",Georgia,"Times New Roman",serif;--mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--papper);color:var(--text);font-family:var(--brod);font-size:18px;line-height:1.65;overflow-x:hidden}
img,svg{max-width:100%;height:auto}
a{color:var(--bla);text-underline-offset:3px}
a:hover{color:var(--signal-m)}
:focus-visible{outline:3px solid var(--signal);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--rubrik);line-height:1.15;letter-spacing:-.01em;color:var(--text)}
.v24-ram{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}
.v24-mono{font-family:var(--mono);font-size:.78rem;letter-spacing:.04em}
.v24-hopp{position:absolute;left:-9999px}
.v24-hopp:focus{left:12px;top:12px;z-index:100;background:var(--signal);color:#000;padding:8px 12px}
.v24-rec{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--rec);margin-right:7px;animation:v24blink 1.6s steps(2,start) infinite}
@keyframes v24blink{to{visibility:hidden}}
@media (prefers-reduced-motion:reduce){.v24-rec{animation:none}html{scroll-behavior:auto}}

.v24-notis{background:#05070b;color:#c5cbd8;font-family:var(--rubrik);font-size:.8rem}
.v24-notis-rad{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:34px;padding-top:5px;padding-bottom:5px}
.v24-notis a{color:#fff}
.v24-notis strong{color:var(--signal);margin-right:4px}
.v24-klocka{font-family:var(--mono);color:#fff;white-space:nowrap;display:flex;align-items:center}

.v24-top{background:var(--natt);position:sticky;top:0;z-index:50}
.admin-bar .v24-top{top:32px}
@media (max-width:782px){.admin-bar .v24-top{top:0}}
.v24-top-rad{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px}
.v24-logga{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#fff}
.v24-ord{font-family:var(--rubrik);font-weight:700;font-size:1.35rem;letter-spacing:-.02em;color:#fff}
.v24-ord b{display:inline-block;margin-left:5px;padding:0 6px;border-radius:4px;background:var(--signal);color:#000;font-family:var(--mono);font-weight:700;font-size:1.05rem}
.v24-marke{flex:none}
.v24-farg{display:flex;height:4px}
.v24-farg i{flex:1}
.v24-farg i:nth-child(1){background:#d9d9d9}.v24-farg i:nth-child(2){background:#e6c700}.v24-farg i:nth-child(3){background:#1fc7c7}.v24-farg i:nth-child(4){background:#22b84a}.v24-farg i:nth-child(5){background:#c63fc6}.v24-farg i:nth-child(6){background:#d83a2e}.v24-farg i:nth-child(7){background:#2b49c9}
.v24-spole{height:3px;background:var(--natt3)}
.v24-spole i{display:block;height:3px;width:0;background:var(--signal)}
.v24-menyknapp{display:none;background:none;border:1px solid var(--linje);color:#fff;font-family:var(--rubrik);font-size:.95rem;padding:8px 14px;border-radius:4px;cursor:pointer}
.v24-menylista,.v24-menylista ul{list-style:none;margin:0;padding:0}
.v24-menylista{display:flex;gap:2px}
.v24-menylista>li{position:relative}
.v24-menylista a{display:block;color:#e8ebf2;text-decoration:none;font-family:var(--rubrik);font-size:.95rem;font-weight:500;padding:10px 11px;border-radius:4px}
.v24-menylista a:hover,.v24-menylista .current-menu-item>a,.v24-menylista .current-menu-ancestor>a{color:var(--signal)}
.v24-menylista .sub-menu{position:absolute;left:0;top:100%;width:310px;background:var(--natt2);border:1px solid var(--linje);border-radius:6px;padding:6px;display:none;z-index:60}
.v24-menylista li:hover>.sub-menu,.v24-menylista li:focus-within>.sub-menu{display:block}
.v24-menylista .sub-menu a{font-weight:400;font-size:.9rem;padding:8px 10px;line-height:1.3}
.v24-menylista>li:nth-last-child(-n+3)>.sub-menu{left:auto;right:0}
@media (max-width:1080px){
.v24-menyknapp{display:block}
.v24-meny{display:none;position:absolute;left:0;right:0;top:100%;background:var(--natt2);border-top:1px solid var(--linje);max-height:calc(100vh - 110px);overflow:auto;padding:10px 20px 20px}
.v24-meny.v24-oppen{display:block}
.v24-menylista{flex-direction:column}
.v24-menylista .sub-menu{display:block;position:static;width:auto;border:0;background:none;padding:0 0 6px 14px}
.v24-top-rad{position:static}
.v24-top{position:sticky}
}

.v24-hero{background:var(--natt);color:#e8ebf2;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px);padding:54px 0 60px}
.v24-hero-rad{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:44px;align-items:center}
.v24-hero h1{color:#fff;font-size:clamp(2rem,4.6vw,3.3rem);margin:10px 0 16px;font-weight:700}
.v24-etikett{font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--signal);margin:0;display:flex;align-items:center}
.v24-ingress{font-size:1.18rem;line-height:1.55;color:#cfd5e2;margin:0 0 22px;max-width:60ch}
.v24-knappar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.v24-knapp{display:inline-block;background:var(--signal);color:#000;font-family:var(--rubrik);font-weight:600;font-size:1rem;text-decoration:none;padding:12px 18px;border-radius:4px;border:2px solid var(--signal)}
.v24-knapp:hover{background:#ffc640;color:#000}
.v24-knapp-tom{background:none;color:#fff;border-color:#4a556f}
.v24-knapp-tom:hover{background:var(--natt3);color:#fff}
.v24-meta{font-family:var(--rubrik);font-size:.85rem;color:var(--dim);margin:0}
.v24-hero .v24-meta{color:#98a2b8}
.v24-monitor svg{display:block;width:100%;max-width:440px;margin:0 auto}
@media (max-width:860px){.v24-hero{padding:34px 0 40px}.v24-hero-rad{grid-template-columns:1fr;gap:26px}.v24-monitor svg{max-width:300px}}

.v24-sidhuvud{background:var(--natt);color:#e8ebf2;padding:30px 0 36px;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px)}
.v24-sidhuvud h1{color:#fff;font-size:clamp(1.8rem,4vw,2.7rem);margin:10px 0 12px;max-width:22ch}
.v24-sidhuvud .v24-ingress{margin-bottom:14px}
.v24-sidhuvud .v24-meta{color:#98a2b8}
.v24-smulor{font-family:var(--rubrik);font-size:.82rem;color:#98a2b8;margin-bottom:14px}
.v24-smulor a{color:#c5cbd8}
.v24-smulor span{margin:0 5px}
.v24-toppbild{margin:26px auto 0;max-width:1180px;padding:0 20px}
.v24-toppbild img{display:block;width:100%;max-height:460px;object-fit:cover;border-radius:6px;border:1px solid var(--kant)}

.v24-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding-top:34px;padding-bottom:50px}
.v24-innehall{min-width:0;max-width:780px;margin:0 auto;width:100%;counter-reset:kap}
@media (min-width:1100px){.v24-layout.v24-har-kapitel{grid-template-columns:250px minmax(0,780px);gap:56px;justify-content:center}.v24-layout.v24-har-kapitel .v24-innehall{margin:0}}
.v24-kapitel{font-family:var(--rubrik);font-size:.92rem;align-self:start}
@media (min-width:1100px){.v24-kapitel{position:sticky;top:104px;max-height:calc(100vh - 130px);overflow:auto}}
@media (max-width:1099px){.v24-kapitel{max-width:780px;margin:0 auto 26px;width:100%}}
.v24-kapitel details{background:var(--ark);border:1px solid var(--kant);border-radius:6px;padding:12px 14px}
.v24-kapitel summary{cursor:pointer;font-weight:700;font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--signal-m)}
.v24-kapitel ol{list-style:none;margin:10px 0 0;padding:0}
.v24-kapitel li{border-top:1px solid var(--kant)}
.v24-kapitel a{display:flex;gap:10px;padding:8px 0;text-decoration:none;color:var(--text);line-height:1.3}
.v24-kapitel a:hover,.v24-kapitel a.v24-nu{color:var(--signal-m)}
.v24-kapitel a span{font-family:var(--mono);font-size:.74rem;color:var(--dim);flex:none;padding-top:2px}

.v24-innehall>p,.v24-innehall>ul,.v24-innehall>ol{margin:0 0 1.15em}
.v24-innehall h2{font-size:clamp(1.5rem,3vw,1.95rem);margin:2.1em 0 .6em}
.v24-innehall>h2{counter-increment:kap}
.v24-innehall>h2::before{content:"Kapitel " counter(kap,decimal-leading-zero);display:block;font-family:var(--mono);font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--signal-m);margin-bottom:8px;padding-top:14px;border-top:3px solid var(--text);width:max-content;max-width:100%}
.v24-innehall h3{font-size:1.25rem;margin:1.7em 0 .5em}
.v24-innehall img{border-radius:6px}
.v24-innehall>img,.v24-innehall>p>img{display:block;margin:1.4em 0}
.v24-innehall li{margin-bottom:.35em}
.v24-innehall table{border-collapse:collapse;width:100%;font-family:var(--rubrik);font-size:.93rem}
.v24-innehall th,.v24-innehall td{border-bottom:1px solid var(--kant);padding:10px 12px;text-align:left;vertical-align:top}
.v24-rulla{overflow-x:auto;margin:1.3em 0}
.v24-innehall blockquote{margin:1.4em 0;padding:4px 0 4px 18px;border-left:4px solid var(--signal)}

.v24-verktyg{background:var(--natt);color:#e8ebf2;border-radius:8px;padding:22px;margin:1.6em 0;font-family:var(--rubrik);font-size:.98rem;line-height:1.45}
.v24-verktyg a{color:var(--signal)}
.v24-verktyg h3,.v24-verktyg .v24-vt{font-family:var(--mono);font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--signal);margin:0 0 14px;display:flex;align-items:center}
.v24-verktyg button{font-family:var(--rubrik);font-size:.95rem;font-weight:600;border-radius:4px;border:2px solid var(--signal);background:var(--signal);color:#000;padding:9px 14px;cursor:pointer}
.v24-verktyg button.v24-b2{background:none;color:#fff;border-color:#4a556f}
.v24-verktyg button[aria-pressed="true"]{background:var(--signal);color:#000;border-color:var(--signal)}
.v24-verktyg input[type=number]{width:100%;background:var(--natt3);border:1px solid #4a556f;border-radius:4px;color:#fff;font-family:var(--mono);font-size:1rem;padding:9px 10px}
.v24-verktyg input[type=range]{width:100%;accent-color:var(--signal)}
.v24-verktyg label{display:block;font-size:.86rem;color:#c5cbd8;margin-bottom:5px}
.v24-skarm{background:#000;border:1px solid var(--linje);border-radius:6px;padding:18px 14px 12px;position:relative;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 3px)}
.v24-hjul{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:420px;margin:0 auto}
.v24-hjul span{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:var(--papper);color:var(--text);border-radius:4px;font-family:var(--rubrik);font-weight:700;font-size:clamp(1.3rem,6vw,2.4rem)}
.v24-hjul span.v24-snurrar{background:#c9cdd6;color:#6b7386;filter:blur(1px)}
.v24-hjul span.v24-stopp{box-shadow:0 0 0 3px var(--signal)}
.v24-tc{font-family:var(--mono);color:var(--signal);text-align:center;margin-top:12px;font-size:1.05rem;letter-spacing:.06em}
.v24-fas{min-height:4.4em;margin:14px 0 10px;color:#fff}
.v24-facit{border:1px dashed #4a556f;border-radius:4px;padding:9px 12px;font-size:.9rem;color:#c5cbd8;margin-bottom:14px}
.v24-facit b{color:var(--signal);font-family:var(--mono)}
.v24-rad{display:flex;flex-wrap:wrap;gap:10px}
.v24-falt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin-bottom:18px}
@media (max-width:560px){.v24-falt{grid-template-columns:1fr}.v24-verktyg{padding:16px}}
.v24-falt output{font-family:var(--mono);color:var(--signal);float:right}
.v24-svar{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:18px;align-items:center;border-top:1px solid var(--linje);padding-top:16px}
@media (max-width:560px){.v24-svar{grid-template-columns:1fr}.v24-ur{max-width:150px;margin:0 auto}}
.v24-svar dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:6px 14px}
.v24-svar dt{color:#c5cbd8}
.v24-svar dd{margin:0;font-family:var(--mono);color:#fff;text-align:right}
.v24-svar dd.v24-stor{color:var(--signal);font-size:1.2rem;font-weight:700}
.v24-fraga{margin:0 0 16px}
.v24-fraga p{margin:0 0 8px;color:#fff;font-weight:600}
.v24-forslag{border-top:1px solid var(--linje);padding-top:14px;min-height:3em}
.v24-forslag strong{color:var(--signal);display:block;font-size:1.1rem;margin-bottom:4px}

.v24-sektion{padding:46px 0;border-top:1px solid var(--kant)}
.v24-sektion-mork{background:var(--natt);color:#e8ebf2;border-top:0}
.v24-sektion h2{font-size:clamp(1.5rem,3vw,2rem);margin:6px 0 22px}
.v24-sektion-mork h2{color:#fff}
.v24-kanaler{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.v24-kanal{background:var(--natt2);border:1px solid var(--linje);border-radius:6px;padding:16px 18px}
.v24-kanal h3{margin:4px 0 10px;font-size:1.15rem}
.v24-kanal h3 a{color:#fff;text-decoration:none}
.v24-kanal h3 a:hover{color:var(--signal)}
.v24-kanal ul{list-style:none;margin:0;padding:0;font-family:var(--rubrik);font-size:.9rem}
.v24-kanal li{border-top:1px solid var(--linje)}
.v24-kanal li a{display:block;padding:7px 0;color:#c5cbd8;text-decoration:none;line-height:1.3}
.v24-kanal li a:hover{color:var(--signal)}
.v24-kortnat{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.v24-kort{display:block;text-decoration:none;color:var(--text);font-family:var(--rubrik)}
.v24-kort-bild{display:block;position:relative;aspect-ratio:16/9;background:var(--natt);border-radius:6px;overflow:hidden;border:1px solid var(--kant)}
.v24-kort-bild img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.v24-kort:hover .v24-kort-bild img{transform:scale(1.04)}
.v24-kort-tom{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:2.4rem;font-weight:700;color:#fff;background:linear-gradient(90deg,#d9d9d9 0 14.28%,#e6c700 0 28.56%,#1fc7c7 0 42.84%,#22b84a 0 57.12%,#c63fc6 0 71.4%,#d83a2e 0 85.68%,#2b49c9 0);text-shadow:0 0 0 #000,2px 2px 0 #000}
.v24-tid{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.82);color:#fff;font-family:var(--mono);font-size:.72rem;padding:2px 6px;border-radius:3px}
.v24-kort-titel{display:block;font-weight:600;font-size:1.08rem;line-height:1.25;margin:10px 0 4px}
.v24-kort:hover .v24-kort-titel{color:var(--signal-m)}
.v24-kort-datum{display:block;font-size:.8rem;color:var(--dim)}
.v24-mer{margin:26px 0 0;font-family:var(--rubrik);font-weight:600}
.v24-sidor{margin-top:30px;font-family:var(--rubrik)}
.v24-sidor .page-numbers{display:inline-block;padding:6px 12px;border:1px solid var(--kant);border-radius:4px;margin-right:4px;text-decoration:none;background:var(--ark)}
.v24-sidor .current{background:var(--natt);color:#fff}
.v24-widget{max-width:780px;margin:0 auto 30px;font-family:var(--rubrik)}

.v24-ingen{background:var(--natt);color:#e8ebf2;text-align:center;padding:70px 0}
.v24-ingen h1{color:#fff;font-size:clamp(2rem,6vw,3.4rem);margin:18px 0 10px}
.v24-ingen .v24-staplar{display:flex;height:120px;max-width:520px;margin:0 auto;border-radius:6px;overflow:hidden}
.v24-ingen .v24-staplar i{flex:1}
.v24-ingen a{color:var(--signal)}
.v24-sok{display:flex;gap:8px;max-width:420px;margin:20px auto 0}
.v24-sok input{flex:1;padding:10px;border-radius:4px;border:1px solid #4a556f;background:var(--natt3);color:#fff;font-size:1rem}
.v24-sok button{padding:10px 16px;border-radius:4px;border:0;background:var(--signal);font-family:var(--rubrik);font-weight:600;cursor:pointer}

.v24-fot{background:#05070b;color:#b4bccb;font-family:var(--rubrik);font-size:.92rem;padding:44px 0 0}
.v24-fot-rad{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:34px}
@media (max-width:860px){.v24-fot-rad{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.v24-fot-rad{grid-template-columns:1fr}}
.v24-fot h2{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--signal);margin:0 0 12px}
.v24-fot ul{list-style:none;margin:0;padding:0}
.v24-fot li{margin-bottom:7px}
.v24-fot a{color:#e8ebf2}
.v24-fot a:hover{color:var(--signal)}
.v24-fot p{margin:12px 0 0;line-height:1.5}
.v24-fot-slut{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid var(--natt3);margin-top:34px;padding-top:16px;padding-bottom:20px;font-size:.8rem}

/* 1.0.1: verktygen går före den ärvda vs2-stilen, tomma stycken döljs */
.v24-innehall p:empty{display:none}
.entry-content .v24-verktyg.v24-verktyg.v24-verktyg.v24-verktyg dl dt,.entry-content .v24-verktyg.v24-verktyg.v24-verktyg label{color:#c5cbd8;font-weight:400}
.entry-content .v24-verktyg.v24-verktyg.v24-verktyg.v24-verktyg dl dd{color:#fff;margin:0}
.entry-content .v24-verktyg.v24-verktyg.v24-verktyg.v24-verktyg dl dd.v24-stor{color:var(--signal)}
.entry-content .v24-verktyg.v24-verktyg.v24-verktyg a{color:var(--signal)}
.entry-content .v24-verktyg.v24-verktyg.v24-verktyg :is(.v24-forslag,.v24-facit) :is(strong,b){color:var(--signal)}
.entry-content .v24-verktyg.v24-verktyg.v24-verktyg p{color:inherit}
.entry-content .v24-verktyg.v24-verktyg.v24-verktyg .v24-fas,.entry-content .v24-verktyg.v24-verktyg.v24-verktyg .v24-fraga p{color:#fff}
.v24-facit b{font-family:var(--rubrik);font-size:1.25rem;letter-spacing:.05em;white-space:nowrap}