/*
Theme Name: Spin og Vind
Theme URI: https://spinogvind.dk/
Author: Spin og Vind
Description: Et skræddersyet dansk tema til casinotilbud, artikler og big wins. Brug sammen med Spin og Vind – Indhold.
Version: 1.1.0
Requires at least: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: spin-og-vind
*/
:root{--bg:#081318;--surface:#101f27;--surface-deep:#0c1a21;--border:#28414a;--ink:#f4f6f6;--muted:#bac8ce;--mint:#72e2c5;--teal:#00b58a;--gold:#f2cd77;--radius:12px;--max:1440px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1rem;line-height:1.65}body:has(.admin-bar){scroll-padding-top:50px}a{color:inherit;text-decoration:none}a:hover{color:var(--mint)}button,input,textarea,select{font:inherit}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}::selection{background:#145d52;color:#fff}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2;text-wrap:pretty}h1,h2{font-family:Georgia,"Times New Roman",serif}h1{font-size:clamp(2rem,3.3vw,3.2rem);letter-spacing:-.025em;margin-bottom:18px}h2{font-size:1.55rem;margin-bottom:12px}h3{font-size:1rem;margin-bottom:8px}p{margin-bottom:16px}.container{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.main-space{padding-block:32px 64px;min-height:55vh}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:12px;left:12px;padding:12px;background:var(--gold);color:#000;z-index:99999}[hidden]{display:none!important}
.site-header{background:#0d1c23;border-bottom:1px solid #223740}.header-inner{min-height:90px;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:1.7rem;font-weight:850;letter-spacing:.02em;color:var(--ink)}.brand svg{width:35px;height:32px;color:var(--gold)}.brand-accent,.footer-name span{color:var(--mint);font-weight:500}.brand:hover{color:var(--ink)}.custom-logo-link{display:block;margin-right:auto}.custom-logo{max-width:260px;max-height:64px;width:auto}.site-header nav{margin-left:auto}.nav-list{display:flex;list-style:none;gap:34px;margin:0;padding:0}.nav-list a{font-weight:650;font-size:.95rem;display:block;padding-block:16px}.nav-list .current-menu-item>a{color:var(--mint)}.responsible-top{display:flex;align-items:center;gap:10px;border-left:1px solid var(--border);padding-left:26px}.responsible-top strong{font-size:1rem}.responsible-top span{font-size:.75rem;line-height:1.4;color:var(--muted)}.menu-toggle{display:none;background:none;color:var(--ink);border:1px solid var(--border);border-radius:6px;padding:8px 12px}
.hero-banner{isolation:isolate;position:relative;border:1px solid #255347;background:#07221d url('assets/banner.webp') center right/cover no-repeat;border-radius:var(--radius);padding:30px 34px;margin-bottom:28px;overflow:hidden}.hero-banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,18,.93) 0%,rgba(3,20,18,.72) 54%,rgba(3,20,18,0) 100%);z-index:-1}.hero-banner>div{max-width:880px}.hero-banner .eyebrow{color:var(--mint);margin-bottom:12px;font-size:.75rem;letter-spacing:.15em}.hero-banner h1{font-size:clamp(1.9rem,3.1vw,2.9rem);max-width:820px;margin-bottom:10px}.hero-banner p{font-size:1.03rem;max-width:630px;color:#c1ddd5;margin-bottom:20px}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:46px;padding:11px 22px;background:var(--mint);color:#052b23;border:1px solid transparent;border-radius:7px;font-weight:750;font-size:.94rem;line-height:1.4;transition:background .18s,transform .18s}.button:hover{background:#a0f2dc;color:#052b23;transform:translateY(-1px)}.button span[aria-hidden]{font-size:1.3rem;line-height:1}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,340px);gap:26px;align-items:start}.page-grid>*{min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:6px 0 18px}.section-heading h2{font-size:1.35rem;margin:0}.section-heading>span{font-size:.8rem;color:var(--muted)}.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.content-card,.offer-card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,#11242b,#0e1c24);overflow:hidden}.content-card{height:100%;display:flex;flex-direction:column;transition:border-color .2s}.content-card:hover{border-color:#3e706d}.card-visual{display:block;position:relative;aspect-ratio:16/8.4;overflow:hidden;background:#073328}.card-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.article-card .card-visual:hover img{transform:scale(1.035)}.badge{position:absolute;top:16px;left:16px;max-width:calc(100% - 32px);border-radius:5px;background:var(--mint);color:#052c23;font-size:.75rem;line-height:1.5;padding:5px 11px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.badge-gold{background:var(--gold);color:#38260a}.casino-wordmark{position:absolute;left:20px;right:20px;bottom:18px;text-shadow:0 2px 20px #000;color:#fff;font:700 1.8rem/1.2 Georgia,serif;overflow-wrap:anywhere}.offer-card .card-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#041413bb,transparent 60%);pointer-events:none}.casino-wordmark,.offer-card .badge{z-index:1}.card-body{padding:22px;display:flex;flex-direction:column;flex:1;min-width:0}.card-body h2{font-size:1.48rem;margin:0 0 12px}.card-body p{color:var(--muted);font-size:.97rem}.card-body .button{margin-top:auto;width:100%}.card-body .eyebrow{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px;font-size:.76rem;color:var(--mint);text-transform:none;letter-spacing:0}.ad-label{color:var(--muted);font-weight:400}.offer-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:2px 0 16px;padding-block:12px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}dt{font-size:.76rem;color:var(--muted)}dd{margin:3px 0 0;font-size:.9rem;font-weight:650;overflow-wrap:anywhere}.card-body .offer-terms{font-size:.78rem;line-height:1.6;margin-bottom:18px;color:#bac8ce}.card-body .expiry{font-size:.8rem;color:var(--mint);margin-bottom:12px}.card-body .win-numbers{color:var(--gold);font-weight:700;font-size:1.04rem}.win-numbers span{font-weight:500}.text-link{font-size:.93rem;font-weight:650;color:var(--mint);display:inline-flex;gap:10px;align-items:center}.text-link:hover{text-decoration:underline}.article-card .text-link{margin-top:auto}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#071820b8;border:2px solid #ffffffc7;font-size:1.3rem;padding-left:3px;color:#fff;box-shadow:0 0 40px #0006}
.news-sidebar{background:linear-gradient(135deg,#11232b,#0c1a22);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;padding-bottom:18px;border-bottom:1px solid var(--border)}.sidebar-heading h2{font-size:1.55rem;margin:0}.sidebar-heading>a{font-size:.8rem;color:var(--mint);white-space:nowrap}.news-item{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;border-bottom:1px solid var(--border);padding-block:22px}.news-item:last-child{border-bottom:0;padding-bottom:0}.news-thumbnail{border-radius:6px;overflow:hidden;width:64px;height:68px}.news-thumbnail img{width:100%;height:100%;object-fit:cover}.news-meta{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;font-size:.7rem;line-height:1.5;margin-bottom:7px;color:var(--muted)}.news-meta>span{color:var(--mint);text-transform:uppercase;font-weight:700;letter-spacing:.05em}.news-item h3{font-size:.98rem;line-height:1.4}.news-item p{font-size:.85rem;line-height:1.55;color:var(--muted);margin:0}.empty-note{padding-top:16px;font-size:.93rem;color:var(--muted)}.page-intro{margin-bottom:28px}.eyebrow{display:block;color:var(--mint);font-size:.82rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.page-intro p{color:var(--muted);max-width:750px}.page-intro h1{margin-bottom:16px}.small-note{font-size:.78rem}.offer-list{display:flex;flex-direction:column;gap:22px}.offer-wide{display:grid;grid-template-columns:28% minmax(0,1fr)}.offer-wide .card-visual{height:100%;min-height:230px;aspect-ratio:auto}.offer-wide .card-visual img{position:absolute;inset:0;object-position:70% center}.offer-wide .casino-wordmark{font-size:1.5rem}.offer-wide .card-body{padding:26px}.offer-wide .offer-facts{max-width:520px}.offer-wide .button{width:auto;align-self:flex-start;min-width:175px}.offer-wide .card-body h2{font-size:1.65rem}.offer-copy p:last-child{margin-bottom:16px}.empty-state{grid-column:1/-1;border:1px solid var(--border);border-radius:var(--radius);padding:36px;background:var(--surface);min-height:180px}.empty-state p{color:var(--muted)}.empty-state h2{font-size:1.7rem}.pagination{margin-top:32px}.nav-links{display:flex;gap:10px;flex-wrap:wrap}.page-numbers{display:inline-flex;padding:8px 14px;border:1px solid var(--border);border-radius:5px}.page-numbers.current{background:var(--mint);color:#072a22}.article-full{overflow-wrap:anywhere}.article-byline{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:.86rem}.article-cover{overflow:hidden;border-radius:var(--radius);margin-bottom:26px}.article-cover img{width:100%}.article-content{max-width:780px;font-size:1.08rem;line-height:1.85}.article-content p,.article-content li{color:#d0dade}.article-content a{color:var(--mint);text-decoration:underline}.article-content h2{font-size:1.85rem;margin:32px 0 14px}.article-content h3{font-size:1.3rem;margin-top:24px}.article-content blockquote{border-left:3px solid var(--mint);padding:12px 24px;margin:24px 0;background:var(--surface)}.article-content img{border-radius:8px}.article-content iframe{max-width:100%}.article-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.article-content td,.article-content th{padding:12px;border:1px solid var(--border)}.article-back{border-top:1px solid var(--border);margin-top:32px;padding-top:22px}.video-shell{position:relative;aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#041316}.video-shell>img{width:100%;height:100%;object-fit:cover;opacity:.4}.video-consent{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px;background:linear-gradient(0deg,#0009,transparent)}.video-start{background:var(--gold);color:#332606;border:0;border-radius:8px;padding:14px 22px;font-weight:750;display:flex;align-items:center;gap:12px}.video-consent p{font-size:.8rem;line-height:1.6;max-width:380px;text-align:center;margin:14px 0 0;color:#f0f4f4}.video-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-fallback{font-size:.8rem;margin:10px 0 22px;color:var(--muted)}.video-fallback a{color:var(--mint)}.win-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin:0 0 28px}.win-facts dd{font-size:1.07rem;color:var(--gold)}.win-facts dt{font-size:.8rem}
.site-footer{background:#0d1c23;border-top:1px solid var(--border);padding:32px 0 24px}.responsible-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.responsible-box{display:flex;align-items:center;gap:18px;padding:22px 20px;border:1px solid var(--border);border-radius:10px;background:#11232b;min-height:120px}.responsible-box>img{width:92px;max-height:64px;object-fit:contain;flex-shrink:0}.responsible-box strong{font-size:.94rem;font-weight:650}.responsible-box p{font-size:.8rem;line-height:1.55;color:var(--muted);margin:5px 0 0}.age-mark{border:2px solid #eef3f4;border-radius:50%;width:55px;height:55px;display:grid;place-items:center;flex-shrink:0;font-size:1.2rem;font-weight:800}.footer-middle{display:flex;align-items:center;gap:28px;justify-content:space-between;padding-block:28px 18px}.footer-name{font-size:1.05rem;font-weight:800;letter-spacing:.04em}.footer-links{display:flex;gap:20px;flex-wrap:wrap;list-style:none;padding:0;margin:0;font-size:.85rem;color:var(--muted)}.affiliate-disclaimer,.legal-disclaimer,.copyright{font-size:.79rem;line-height:1.7;color:#bac8ce;margin-bottom:10px}.legal-disclaimer a{text-decoration:underline;text-underline-offset:3px;color:var(--mint)}.copyright{color:#a9b9c1;margin:18px 0 0}.offer-expired{display:none}
@media(min-width:1500px){.hero-banner{min-height:240px}}@media(max-width:1150px){.container{width:calc(100% - 48px)}.page-grid{grid-template-columns:minmax(0,1fr) 290px;gap:22px}.cards-grid{gap:18px}.card-body{padding:18px}.card-body h2{font-size:1.3rem}.news-sidebar{padding:20px}.news-item{grid-template-columns:52px minmax(0,1fr);gap:10px}.news-thumbnail{width:52px;height:60px}.responsible-box{flex-direction:column;align-items:flex-start;gap:12px}.brand{font-size:1.4rem}.nav-list{gap:24px}.header-inner{gap:24px}.offer-wide{grid-template-columns:26% minmax(0,1fr)}}
@media(max-width:900px){.page-grid{grid-template-columns:1fr}.news-sidebar{margin-top:10px}.news-item{grid-template-columns:80px minmax(0,1fr)}.news-thumbnail{width:80px;height:80px}.news-item h3{font-size:1.1rem}.news-meta{justify-content:flex-start}.news-item p{font-size:.94rem}.hero-banner>div{max-width:85%}.responsible-top{display:none}.card-body h2{font-size:1.5rem}.win-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading>span{display:none}}
@media(max-width:800px){.container{width:calc(100% - 32px)}.main-space{padding-top:20px;padding-bottom:38px}.header-inner{min-height:76px;flex-wrap:wrap;gap:0;justify-content:space-between}.brand{font-size:1.23rem;gap:9px}.brand svg{width:26px;height:26px}.custom-logo{max-width:215px;max-height:52px}.menu-toggle{display:flex;align-items:center;gap:10px;font-size:.86rem;min-height:44px}.site-header nav{display:block;width:100%;margin:0}.js .site-header nav:not(.is-open){display:none}.nav-list{display:flex;flex-direction:column;gap:0;padding-bottom:12px}.nav-list a{padding:12px 4px;font-size:1rem}.hero-banner{padding:24px;margin-bottom:24px;background-position:74% center}.hero-banner:before{background:linear-gradient(90deg,#03241ce8,#03241cad)}.hero-banner>div{max-width:100%}.hero-banner h1{font-size:2rem}.hero-banner p{font-size:.97rem}.hero-banner .eyebrow{font-size:.7rem}.cards-grid{grid-template-columns:1fr;gap:20px}.card-visual{aspect-ratio:16/8.5}.card-body{padding:22px}.card-body h2{font-size:1.55rem}.section-heading{margin-bottom:16px}.section-heading h2{font-size:1.3rem}.responsible-grid{grid-template-columns:1fr}.responsible-box{flex-direction:row;align-items:center;min-height:104px}.responsible-box>img{width:86px}.responsible-box:has(.age-mark){gap:49px}.footer-middle{align-items:flex-start;flex-direction:column;gap:16px}.footer-links{gap:12px 20px}.offer-wide{display:flex;flex-direction:column}.offer-wide .card-visual{height:auto;min-height:0;aspect-ratio:16/7}.offer-wide .card-visual img{position:static}.offer-wide .card-body{padding:22px}.offer-wide .button{width:100%}.page-intro h1{font-size:2.2rem}.page-intro{margin-bottom:24px}.news-sidebar{padding:22px}.article-content{font-size:1rem}.video-consent{padding:12px}.video-consent p{font-size:.75rem;line-height:1.4;margin-top:10px}.video-start{padding:10px 14px;font-size:.9rem}.win-facts{padding:16px;gap:18px}.win-facts dd{font-size:1rem}.empty-state{padding:26px}.article-content h2{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Four navigation links need more room on smaller screens. */
@media(max-width:1100px){.responsible-top{display:none}}
