/*
Theme Name: Casinoplaneten-tema
Description: Omloppsbanan. Eget tema för casinoplaneten.se där licenshavare ritas som solsystem.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: casinoplaneten-tema
*/
@font-face{font-family:"Fraunces";src:url(assets/fonts/fraunces.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(assets/fonts/hanken.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--natt:#0b1020;--natt2:#141b36;--natt3:#222c57;--papper:#f6f1e7;--kort:#fffdf8;--ink:#1b2033;--dim:#5d6478;--linje:#d9cfba;--massing:#c79a3b;--massing-m:#8a6418;--korall:#e4572e;--korall-m:#b0380f;--stj:#f6f1e7;--blek:#c3c9dc;--rubrik:"Fraunces",Georgia,"Times New Roman",serif;--brod:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--ram:1160px;
--stjarnor:radial-gradient(1.2px 1.2px at 7% 18%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 19% 71%,#cfd8ff 50%,transparent 52%),radial-gradient(1.4px 1.4px at 31% 34%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 44% 86%,#ffe9b8 50%,transparent 52%),radial-gradient(1.2px 1.2px at 57% 12%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 66% 58%,#cfd8ff 50%,transparent 52%),radial-gradient(1.5px 1.5px at 78% 27%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 88% 79%,#ffe9b8 50%,transparent 52%),radial-gradient(1.1px 1.1px at 95% 43%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 12% 47%,#fff 50%,transparent 52%)}
*,*::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(--ink);font:400 17px/1.68 var(--brod);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,video{max-width:100%;height:auto}
a{color:var(--korall-m);text-underline-offset:.16em;text-decoration-thickness:1px}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--massing);outline-offset:2px;border-radius:4px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cpt-ram{max-width:var(--ram);margin:0 auto;padding:0 20px}
.cpt-hopp{position:absolute;left:-999px;top:8px;background:var(--massing);color:var(--natt);padding:10px 14px;border-radius:8px;font-weight:700;z-index:200}
.cpt-hopp:focus{left:12px}

/* Notisrad och sidhuvud */
.cpt-notis{background:#060914;color:var(--blek);font-size:13px;text-align:center;padding:6px 12px;line-height:1.5}
.cpt-notis a{color:var(--stj)}
.cpt-notis-alder{display:inline-block;border:1.5px solid var(--massing);color:var(--massing);border-radius:999px;font-weight:700;font-size:11px;line-height:1;padding:3px 6px;margin-right:4px}
.cpt-huvud{position:sticky;top:0;z-index:100;background:var(--natt);background-image:var(--stjarnor);background-size:520px 90px;border-bottom:1px solid rgba(199,154,59,.35)}
.admin-bar .cpt-huvud{top:32px}
.cpt-huvud-rad{display:flex;align-items:center;gap:18px;min-height:68px}
.cpt-marke{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--stj);margin-right:auto}
.cpt-planet{flex:none;display:block}
.cpt-marke-text{display:flex;flex-direction:column;line-height:1.1}
.cpt-marke-namn{font:600 22px/1.1 var(--rubrik);letter-spacing:-.01em}
.cpt-marke-rad{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--massing);margin-top:4px}
.cpt-menylista,.cpt-menylista ul{list-style:none;margin:0;padding:0}
.cpt-menylista{display:flex;gap:4px;align-items:center}
.cpt-menylista li{position:relative}
.cpt-menylista a{display:block;padding:10px 12px;color:#e3e7f4;text-decoration:none;font-size:15px;font-weight:500;border-radius:8px}
.cpt-menylista a:hover,.cpt-menylista .current-menu-item>a{color:var(--massing)}
.cpt-menylista .menu-item-has-children>a::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 0 3px 8px}
.cpt-menylista ul{position:absolute;left:0;top:100%;min-width:290px;background:var(--natt2);border:1px solid rgba(199,154,59,.35);border-radius:12px;padding:8px;display:none;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.cpt-menylista li:hover>ul,.cpt-menylista li:focus-within>ul{display:block}
.cpt-menylista ul a{font-size:14.5px;line-height:1.35;padding:9px 10px}
.cpt-menyknapp{display:none;background:none;border:1.5px solid rgba(255,255,255,.35);color:var(--stj);font:600 14px var(--brod);padding:9px 14px;border-radius:999px;cursor:pointer}
.cpt-bana{flex:none;background:none;border:0;padding:0;width:44px;height:44px;cursor:pointer;--p:0}
.cpt-bana svg{display:block}
.cpt-bana-spar{fill:none;stroke:rgba(255,255,255,.2);stroke-width:2}
.cpt-bana-gang{fill:none;stroke:var(--massing);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc((100 - var(--p)) * 1px);transform:rotate(-90deg);transform-origin:22px 22px}
.cpt-bana-sol{fill:var(--massing)}
.cpt-bana-arm{transform:rotate(calc(var(--p) * 3.6deg));transform-origin:22px 22px}
.cpt-bana-planet{fill:var(--korall);stroke:var(--natt);stroke-width:1.5}

/* Toppen: natthimmel som slutar i en planetkrökning */
.cpt-topp{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--natt) 0%,var(--natt2) 62%,var(--natt3) 100%);color:var(--stj);padding:44px 0 118px}
.cpt-topp::before{content:"";position:absolute;inset:0;background-image:var(--stjarnor);background-size:640px 420px;opacity:.85;pointer-events:none}
.cpt-topp::after{content:"";position:absolute;left:-12%;right:-12%;bottom:-86px;height:150px;background:var(--papper);border-radius:50% 50% 0 0/100% 100% 0 0;box-shadow:0 -2px 0 0 var(--massing),0 -22px 60px -8px rgba(228,87,46,.38)}
.cpt-topp-rad{position:relative;z-index:1}
.cpt-topp-start .cpt-topp-rad{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:36px;align-items:center}
.cpt-koord,.cpt-smulor{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--massing);margin:0 0 14px}
.cpt-smulor a{color:var(--blek)}
.cpt-rubrik{font:560 clamp(2rem,4.4vw,3.3rem)/1.07 var(--rubrik);letter-spacing:-.015em;margin:0 0 16px;max-width:22ch;text-wrap:balance}
.cpt-topp-start .cpt-rubrik{max-width:17ch}
.cpt-ingress{font-size:1.14rem;line-height:1.55;color:#dfe3f1;margin:0 0 16px;max-width:60ch}
.cpt-meta{font-size:13px;color:#aab0c6;margin:0}
.cpt-hero{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.cpt-hero-svg{width:100%;max-width:400px;height:auto;display:block}
.cpt-hero-o{fill:none;stroke:rgba(255,255,255,.17);stroke-width:1}
.cpt-hero-tal{display:flex;gap:22px;justify-content:center;margin-top:6px;flex-wrap:wrap}
.cpt-hero-tal div{text-align:center}
.cpt-hero-tal b{display:block;font:560 2rem/1 var(--rubrik);color:var(--stj)}
.cpt-hero-tal span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--massing)}
.cpt-ring{transform-box:view-box;transform-origin:center;animation:cpt-snurr var(--t,60s) linear infinite}
@keyframes cpt-snurr{to{transform:rotate(360deg)}}

/* Innehåll */
.cpt-kropp{display:grid;grid-template-columns:minmax(0,1fr);gap:44px;padding-top:6px;padding-bottom:72px;position:relative;z-index:2}
.cpt-kropp.har-plan{grid-template-columns:232px minmax(0,1fr)}
.cpt-artikel{min-width:0;max-width:840px;width:100%;margin:0 auto}
.cpt-fardplan{align-self:start;position:sticky;top:104px;font-size:14.5px}
.cpt-plan summary{font:600 12px var(--brod);letter-spacing:.16em;text-transform:uppercase;color:var(--massing-m);cursor:pointer;list-style:none;padding:6px 0 10px}
.cpt-plan summary::-webkit-details-marker{display:none}
.cpt-plan ol{list-style:none;margin:0;padding:0 0 0 14px;border-left:1px dashed var(--linje);counter-reset:b}
.cpt-plan li{counter-increment:b;position:relative;margin:0}
.cpt-plan a{display:block;padding:6px 0 6px 12px;color:var(--dim);text-decoration:none;line-height:1.35}
.cpt-plan a::before{content:"";position:absolute;left:-19px;top:13px;width:9px;height:9px;border-radius:50%;background:var(--papper);border:1.5px solid var(--linje)}
.cpt-plan a:hover{color:var(--ink)}
.cpt-plan a.aktiv{color:var(--ink);font-weight:600}
.cpt-plan a.aktiv::before{background:var(--korall);border-color:var(--korall)}
.cpt-bild{margin:0 0 28px}
.cpt-bild img{border-radius:16px;display:block;width:100%}
.entry-content{font-size:1.04rem}
.entry-content>*:first-child{margin-top:0}
.entry-content h2{font:560 clamp(1.5rem,2.6vw,1.95rem)/1.18 var(--rubrik);letter-spacing:-.01em;margin:2.3em 0 .65em;text-wrap:balance}
html:root{--cpl-head-font:var(--rubrik);--cpl-body-font:var(--brod);--cpl-head-weight:560;--cpl-body-line:1.68}
.cpt-artikel .entry-content[class][class] h2::before{content:none}
.cpt-artikel .entry-content[class][class]>h2{font-size:clamp(1.5rem,2.6vw,1.95rem);line-height:1.18;margin:2.3em 0 .65em}
.cpt-artikel .entry-content[class][class]>h2[data-bana]::before{content:"Bana " attr(data-bana);display:block;font:600 11px/1 var(--brod);letter-spacing:.18em;text-transform:uppercase;color:var(--massing-m);margin-bottom:10px}
.entry-content h3{font:600 1.22rem/1.3 var(--rubrik);margin:1.8em 0 .5em}
.entry-content p{margin:0 0 1.15em}
.entry-content ul,.entry-content ol{margin:0 0 1.2em;padding-left:1.3em}
.entry-content li{margin:.3em 0}
.entry-content table{border-collapse:collapse;width:100%}
.entry-content blockquote{margin:1.4em 0;padding:4px 0 4px 18px;border-left:3px solid var(--massing);font-family:var(--rubrik);font-size:1.12em}
.entry-content figure{margin:1.4em 0}
.entry-content iframe{max-width:100%}
.alignleft{float:left;margin:0 20px 12px 0}.alignright{float:right;margin:0 0 12px 20px}.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption-text,figcaption{font-size:13.5px;color:var(--dim)}
.entry-content .cpt-v::after{content:"";display:inline-block;width:.52em;height:.52em;border:1.5px solid var(--massing-m);border-radius:50%;margin-left:.22em;vertical-align:.06em}
.entry-content table.cpt-register{font-size:.86em}
.entry-content table.cpt-register td:last-child{line-height:1.55;overflow-wrap:anywhere}

/* Verktyg */
.cpt-karta,.cpt-sok,.cpt-kvar{margin:1.6em 0 2em;border-radius:18px;padding:20px}
.cpt-karta{background:var(--natt);background-image:var(--stjarnor);background-size:560px 380px;color:var(--stj);border:1px solid rgba(199,154,59,.4)}
.cpt-reserv{margin:0;color:inherit;font-size:.95em}
.cpt-karta-grupp{margin:0 0 14px}
.cpt-karta-namn{margin:0 0 4px!important;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--stj);font-weight:600}
.cpt-karta-prick{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px}
.cpt-karta-antal{color:#9aa1ba;font-weight:400;letter-spacing:.04em;text-transform:none;font-size:12.5px}
.cpt-karta-rad{display:flex;flex-wrap:wrap;gap:2px;align-items:center}
.cpt-sys{background:none;border:1px solid transparent;border-radius:50%;padding:2px;cursor:pointer;line-height:0;color:inherit}
.cpt-sys:hover{background:rgba(255,255,255,.07)}
.cpt-sys[aria-pressed="true"]{border-color:var(--massing);background:rgba(199,154,59,.14)}
.cpt-sys svg{display:block;max-width:none}
.cpt-o{fill:none;stroke:rgba(255,255,255,.2);stroke-width:1}
.cpt-p{fill:#e6ecfa}
.cpt-pr{fill:none;stroke:var(--massing);stroke-width:1.1}
.cpt-karta-forkl{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;color:#b3b9cf;margin:8px 0 0;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.14)}
.cpt-karta-forkl i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:0}
.cpt-karta-info{margin-top:12px;background:rgba(255,255,255,.06);border-radius:12px;padding:14px 16px;font-size:.95rem;min-height:74px}
.cpt-info-lh{font:600 1.2rem/1.2 var(--rubrik);margin:0 0 4px!important;color:var(--stj)}
.cpt-info-rad{margin:0 0 8px!important;color:#c3c9dc;font-size:.92em}
.cpt-info-adr{list-style:none;margin:0!important;padding:0!important;display:flex;flex-wrap:wrap;gap:6px}
.cpt-info-adr li{margin:0;background:rgba(255,255,255,.1);border-radius:999px;padding:3px 10px;font-size:13px}
.cpt-karta .cpt-v::after{border-color:var(--massing)}
.cpt-sok,.cpt-kvar{background:var(--kort);border:1px solid var(--linje);box-shadow:0 10px 30px -18px rgba(27,32,51,.35)}
.cpt-etikett{display:block;font-weight:600;margin:0 0 8px}
.cpt-falt{width:100%;height:50px;border:1.5px solid var(--ink);border-radius:12px;padding:0 14px;font:400 17px var(--brod);background:#fff;color:var(--ink)}
.cpt-traffar{margin-top:12px;display:grid;gap:10px}
.cpt-traff{border:1px solid var(--linje);border-left:4px solid var(--korall);border-radius:12px;padding:12px 14px;background:#fff}
.cpt-traff p{margin:0 0 4px!important;font-size:.95rem}
.cpt-traff-adr{font:600 1.12rem/1.25 var(--rubrik)!important;overflow-wrap:anywhere}
.cpt-ingen{margin:0!important;font-size:.95rem;color:var(--dim)}
.cpt-kvar-sum{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 16px;align-items:center;margin-bottom:14px}
.cpt-kvar-tal{font:560 3.2rem/1 var(--rubrik);color:var(--korall-m);grid-row:span 2}
.cpt-kvar-text{margin:0!important;font-weight:600}
.cpt-kvar-stapel{height:8px;border-radius:999px;background:var(--linje);overflow:hidden}
.cpt-kvar-stapel i{display:block;height:100%;background:var(--korall);border-radius:999px;width:100%;transition:width .25s}
.cpt-kvar-rad{display:flex;gap:10px;margin:0 0 12px}
.cpt-kvar-rad .cpt-falt{height:44px;font-size:16px}
.cpt-knapp{display:inline-block;background:var(--ink);color:#fff;border:0;border-radius:999px;padding:11px 18px;font:600 15px var(--brod);cursor:pointer;text-decoration:none;white-space:nowrap}
.cpt-knapp:hover{background:var(--korall-m);color:#fff}
.cpt-kvar-lista{max-height:420px;overflow:auto;border:1px solid var(--linje);border-radius:12px;padding:6px 12px 12px;background:#fff}
.cpt-kvar-grupp{border:0;margin:0;padding:0;min-width:0}
.cpt-kvar-grupp legend{font:600 11.5px var(--brod);letter-spacing:.14em;text-transform:uppercase;color:var(--massing-m);padding:12px 0 4px}
.cpt-kvar-rutor{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 14px}
.cpt-kryss{display:flex;gap:9px;align-items:flex-start;padding:6px 4px;border-radius:8px;cursor:pointer;line-height:1.3;min-width:0}
.cpt-kryss:hover{background:var(--papper)}
.cpt-kryss input{width:19px;height:19px;margin:2px 0 0;accent-color:var(--korall-m);flex:none}
.cpt-kryss span{min-width:0;overflow-wrap:anywhere;font-size:14.5px}
.cpt-kryss small{display:block;color:var(--dim);font-size:12.5px}
.cpt-kryss input:checked+span{color:var(--dim);text-decoration:line-through}
.cpt-kvar-not{margin:10px 0 0!important;font-size:13.5px;color:var(--dim)}

/* Listor, sök och 404 */
.cpt-lista{padding-top:6px;padding-bottom:72px;position:relative;z-index:2}
.cpt-kortrad{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px}
.cpt-kort{background:var(--kort);border:1px solid var(--linje);border-radius:16px;overflow:hidden}
.cpt-kort-lank{display:block;color:inherit;text-decoration:none;height:100%}
.cpt-kort-bild{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.cpt-kort-tom{background:var(--natt);background-image:radial-gradient(circle at 72% 60%,var(--korall) 0 17%,transparent 18%),var(--stjarnor);background-size:auto,300px 200px}
.cpt-kort-titel{font:600 1.2rem/1.25 var(--rubrik);margin:16px 18px 8px}
.cpt-kort-text{margin:0 18px 18px;color:var(--dim);font-size:.95rem}
.cpt-kort:hover{border-color:var(--massing)}
.cpt-tomt{max-width:560px}
.search-form{display:flex;gap:8px;margin:0 0 18px}
.search-form label{flex:1}
.search-field{width:100%;height:46px;border:1.5px solid var(--ink);border-radius:12px;padding:0 12px;font:400 16px var(--brod)}
.search-submit{background:var(--ink);color:#fff;border:0;border-radius:12px;padding:0 16px;font:600 15px var(--brod);cursor:pointer}
.nav-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.page-numbers{padding:8px 13px;border:1px solid var(--linje);border-radius:10px;text-decoration:none;color:var(--ink);background:var(--kort)}
.page-numbers.current{background:var(--ink);color:#fff}

/* Sidfot */
.cpt-fot{position:relative;overflow-x:clip;background:var(--natt);background-image:var(--stjarnor);background-size:620px 400px;color:var(--blek);padding:64px 0 34px;font-size:15px;margin-top:40px}
.cpt-fot::before{content:"";position:absolute;left:0;right:0;top:-64px;height:110px;background:var(--papper);border-radius:0 0 50% 50%/0 0 100% 100%;box-shadow:0 2px 0 0 var(--massing)}
.cpt-fot .cpt-ram{position:relative;padding-top:56px}
.cpt-fot a{color:#e3e7f4;text-decoration:none}
.cpt-fot a:hover{color:var(--massing);text-decoration:underline}
.cpt-fot-topp{display:flex;gap:16px;align-items:center;max-width:640px;margin-bottom:30px}
.cpt-fot-namn{font:600 1.5rem/1.1 var(--rubrik);color:var(--stj);margin:0 0 6px}
.cpt-fot-text{margin:0}
.cpt-fot-kol{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px 32px;padding:26px 0;border-top:1px solid rgba(255,255,255,.14)}
.cpt-widget-titel{font:600 12px var(--brod);letter-spacing:.16em;text-transform:uppercase;color:var(--massing);margin:0 0 10px}
.cpt-widget ul{list-style:none;margin:0;padding:0}
.cpt-widget li{margin:0 0 7px;line-height:1.35}
.cpt-fot .search-field{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#fff}
.cpt-fot .search-submit{background:var(--massing);color:var(--natt)}
.cpt-fot-lank{list-style:none;margin:0;padding:20px 0;display:flex;flex-wrap:wrap;gap:8px 22px;border-top:1px solid rgba(255,255,255,.14)}
.cpt-fot-rad{margin:0;font-size:13px;color:#9aa1ba}

@media (max-width:999px){
.cpt-kropp.har-plan{grid-template-columns:minmax(0,1fr);gap:8px}
.cpt-fardplan{position:static;background:var(--kort);border:1px solid var(--linje);border-radius:14px;padding:6px 16px}
.cpt-plan summary{padding:10px 0}
.cpt-plan summary::after{content:"+";float:right;font-size:18px;line-height:.8}
.cpt-plan[open] summary::after{content:"\2212"}
.cpt-plan ol{margin-bottom:10px}
}
@media (max-width:900px){
.cpt-menyknapp{display:block}
.cpt-meny{display:none;position:absolute;left:0;right:0;top:100%;background:var(--natt2);border-bottom:1px solid rgba(199,154,59,.4);padding:10px 16px 16px;max-height:calc(100vh - 120px);overflow:auto}
.cpt-meny.oppen{display:block}
.cpt-menylista{flex-direction:column;align-items:stretch;gap:0}
.cpt-menylista ul{position:static;display:block;border:0;box-shadow:none;background:none;padding:0 0 4px 14px;min-width:0}
.cpt-menylista .menu-item-has-children>a::after{display:none}
.cpt-topp-start .cpt-topp-rad{grid-template-columns:minmax(0,1fr);gap:18px}
.cpt-hero{min-height:0}
.cpt-hero-svg{max-width:280px}
}
@media (max-width:782px){.admin-bar .cpt-huvud{top:46px}}
@media (max-width:600px){
body{font-size:16.5px}
.admin-bar .cpt-huvud{top:0}
.cpt-marke-rad{display:none}
.cpt-marke-namn{font-size:19px}
.cpt-huvud-rad{gap:10px;min-height:60px}
.cpt-topp{padding:30px 0 96px}
.cpt-topp::after{bottom:-104px}
.cpt-karta,.cpt-sok,.cpt-kvar{padding:14px;border-radius:14px}
.cpt-kvar-tal{font-size:2.5rem}
.cpt-fot-topp{align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cpt-ring{animation:none}.cpt-kvar-stapel i{transition:none}}
@media print{.cpt-huvud,.cpt-notis,.cpt-fot,.cpt-fardplan,.cpt-hero{display:none}.cpt-topp{background:none;color:#000;padding:0}.cpt-topp::before,.cpt-topp::after{display:none}}