/*
Theme Name: SepieBox Premium
Theme URI: https://sepiebox.co.za
Author: SepieBox
Description: Independent cinematic WordPress streaming theme for series and soap operas. Requires SepieBox Core for catalogue and memberships.
Version: 1.0.0
Requires PHP: 8.0
Text Domain: sepiebox-premium
*/
:root{--sb-bg:#08090d;--sb-bg2:#101117;--sb-panel:#17181f;--sb-line:#303039;--sb-text:#fff9f4;--sb-muted:#a6a3ab;--sb-brand:#e63d55;--sb-gold:#e1b46a;--sb-width:1350px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sb-bg);color:var(--sb-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(var(--sb-width),calc(100% - 8%));margin-inline:auto}.screen-reader-text,.sb-skip{position:absolute;left:-9999px}.sb-skip:focus{left:10px;top:10px;z-index:999;background:#fff;color:#000;padding:10px}.sb-header{position:relative;z-index:10;background:rgba(10,10,14,.97);border-bottom:1px solid #24242b}.sb-header-inner{display:flex;align-items:center;min-height:84px;gap:34px}.sb-logo{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:25px;letter-spacing:-1.4px;font-weight:900}.sb-logo b{color:var(--sb-brand)}.sb-logo-icon{display:grid;place-items:center;background:linear-gradient(145deg,#f54e69,#8c1839);width:39px;height:39px;border-radius:12px;color:#fff;font-size:26px;box-shadow:0 5px 22px #d3285035}.sb-nav{display:flex;align-items:center;gap:25px}.sb-nav a{font-size:13px;font-weight:650;color:#c7c3ca}.sb-nav a:hover,.sb-footer a:hover{color:#fff}.sb-header-actions{margin-left:auto;display:flex;align-items:center;gap:20px}.sb-search{display:flex;background:#1a1a21;border:1px solid #32303a;border-radius:10px;overflow:hidden;min-width:230px}.sb-search input{background:none;color:#fff;min-width:0;width:100%;border:none;outline:none;padding:10px 12px;font-size:12px}.sb-search button{background:none;border:0;color:#aaa;font-size:25px;padding:0 13px}.sb-account{background:#28232a;border:1px solid #5c3541;padding:10px 17px;border-radius:9px;font-size:12px;white-space:nowrap;font-weight:750}.sb-menu-btn{display:none;color:#fff;background:none;border:0;font-size:25px}.sb-hero{min-height:600px;position:relative;display:flex;align-items:center;background-image:linear-gradient(90deg,#08090d 5%,rgba(8,9,13,.96) 24%,rgba(8,9,13,.48) 72%),linear-gradient(0deg,#08090d,transparent 50%),var(--sb-hero-image);background-position:center,right center,right center;background-size:cover}.sb-hero-empty{background-image:radial-gradient(ellipse at 85% 25%,#74223e 0,transparent 40%),radial-gradient(ellipse at 70% 80%,#503b3e 0,transparent 34%),linear-gradient(125deg,#0a090d,#171018 70%,#09090d)}.sb-hero-content{z-index:1;padding:75px 0 90px}.sb-eyebrow,.sb-overline{color:var(--sb-gold);font-weight:800;letter-spacing:3px;font-size:11px}.sb-dot{display:inline-block;background:var(--sb-brand);width:7px;height:7px;border-radius:50%;margin-right:9px;vertical-align:middle}.sb-hero-tag{display:table;margin-top:48px;color:#e5d1bb;background:#4a2b3860;border:1px solid #8b58606e;border-radius:4px;padding:6px 11px;font-size:10px;letter-spacing:2px;font-weight:800}.sb-hero h1{font-size:clamp(54px,7vw,98px);max-width:800px;line-height:1.03;letter-spacing:-4px;margin:15px 0 18px}.sb-hero h1 em,.sb-promo h2 em{font-style:normal;color:var(--sb-brand)}.sb-hero p{max-width:555px;font-size:17px;color:#d0cbd2;line-height:1.7}.sb-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.sb-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;background:var(--sb-brand);color:#fff;border:1px solid var(--sb-brand);font-weight:800;font-size:13px;padding:14px 23px;border-radius:9px;transition:filter .2s,transform .2s}.sb-button:hover{filter:brightness(1.15);transform:translateY(-1px)}.sb-button-outline{background:#202026c9;border-color:#646068}.sb-hero-counter{position:absolute;bottom:30px;right:4%;font-size:10px;letter-spacing:2.5px;color:#aaa}.sb-trustbar{padding:23px 0;display:flex;gap:25px;justify-content:space-between;border-bottom:1px solid var(--sb-line);color:#aaa1aa;font-size:10px;letter-spacing:1.4px;font-weight:750}.sb-section{padding-top:48px;padding-bottom:30px}.sb-section-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.sb-section-title h2{font-size:clamp(23px,2.7vw,32px);line-height:1.2;letter-spacing:-.8px;margin:0}.sb-section-title a{font-size:12px;color:var(--sb-gold);font-weight:800}.sb-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5*18px)/6);gap:18px;overflow-x:auto;padding-bottom:18px;scroll-snap-type:x proximity;scrollbar-color:#49404c transparent}.sb-card{min-width:0;scroll-snap-align:start}.sb-poster{aspect-ratio:2/3;position:relative;overflow:hidden;display:block;border-radius:11px;background:linear-gradient(140deg,#52243c,#1b1a26 70%);border:1px solid #ffffff0f}.sb-poster img{width:100%;height:100%;object-fit:cover;transition:transform .25s,filter .25s}.sb-card:hover .sb-poster img{transform:scale(1.05);filter:brightness(.72)}.sb-poster-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:19px;letter-spacing:-1px}.sb-poster-fallback span{color:var(--sb-brand)}.sb-poster-play{opacity:0;position:absolute;inset:0;display:grid;place-items:center;font-size:30px;transition:opacity .2s}.sb-card:hover .sb-poster-play{opacity:1}.sb-card strong{font-size:14px;display:block;margin-top:10px}.sb-card small{display:block;color:var(--sb-muted);font-size:12px;margin-top:3px}.sb-promo{margin-block:75px 85px;padding:45px 7%;min-height:330px;border-radius:20px;background:radial-gradient(ellipse at 80% 20%,#772b43aa,transparent 55%),linear-gradient(120deg,#23151e,#14131a);border:1px solid #553644;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.sb-promo h2{font-size:clamp(30px,4vw,49px);line-height:1.13;margin:14px 0}.sb-promo p{color:#c1b7c0;max-width:530px}.sb-promo-mark{font-size:200px;line-height:1;font-weight:900;color:#d33a5644;transform:rotate(-15deg)}.sb-promo-mark span{font-size:60px;color:var(--sb-gold)}.sb-footer{background:#111116;border-top:1px solid #2b2931;padding:55px 0 20px}.sb-footer-inner{display:flex;justify-content:space-between;gap:35px}.sb-footer p{color:var(--sb-muted);font-size:13px}.sb-footer-links{display:flex;gap:25px;font-size:13px;color:var(--sb-muted)}.sb-copyright{border-top:1px solid var(--sb-line);color:#797780;font-size:11px;margin-top:25px;padding-top:18px}.sb-page-top{padding-top:80px}.sb-page-top h1,.sb-inner-page h1{font-size:clamp(40px,6vw,72px);letter-spacing:-2px;margin:7px 0}.sb-page-top p{color:var(--sb-muted)}.sb-red{color:var(--sb-brand)}.sb-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 18px}.sb-filter{display:flex;gap:10px;margin-bottom:30px}.sb-filter input{background:var(--sb-panel);border:1px solid var(--sb-line);border-radius:9px;padding:13px;color:white;min-width:0;flex:1}.sb-pager{display:flex;gap:14px;padding:27px 0}.sb-pager a,.sb-pager .page-numbers{display:inline-block;background:#22212a;padding:10px 16px;border-radius:8px}.sb-inner-page{min-height:60vh;padding-top:70px;padding-bottom:90px}.sb-page-content{max-width:1000px}.sb-detail-hero{min-height:430px;background-image:linear-gradient(90deg,#08090d 3%,rgba(8,9,13,.85) 37%,rgba(8,9,13,.28)),linear-gradient(0deg,#08090d,transparent 55%),var(--sb-hero-image);background-size:cover;background-position:center}.sb-detail-inner{padding-top:110px;padding-bottom:75px}.sb-detail-inner h1{font-size:clamp(42px,6vw,75px);max-width:850px;margin:12px 0;letter-spacing:-2px;line-height:1.06}.sb-detail-inner p{max-width:630px;color:#d2ccd3}.sb-series-body{padding-bottom:80px}.sb-series-copy{max-width:950px;color:#bbb6c0;margin-bottom:35px}.sb-episode-section{scroll-margin-top:20px}.sb-season-tabs{display:flex;gap:10px;overflow-x:auto;margin:20px 0 25px;padding-bottom:12px}.sb-season-tabs a{white-space:nowrap;padding:11px 17px;border-radius:8px;border:1px solid var(--sb-line);background:#1c1b22;font-size:13px;font-weight:750}.sb-season-tabs a.active{background:var(--sb-brand);border-color:var(--sb-brand)}.sb-season-count{color:var(--sb-muted);font-size:13px}.sb-episode-list{display:grid;gap:9px}.sb-episode-row{display:flex;align-items:center;gap:19px;padding:12px;background:#15151b;border:1px solid #292830;border-radius:11px}.sb-episode-row:hover{background:#24202a}.sb-episode-thumb{flex:0 0 170px;aspect-ratio:16/9;background:#302631;border-radius:7px;overflow:hidden;display:grid;place-items:center}.sb-episode-thumb img{width:100%;height:100%;object-fit:cover}.sb-episode-placeholder{font-size:30px;color:#efa1b2}.sb-episode-info{flex:1;min-width:0}.sb-episode-info strong{display:block;font-size:15px}.sb-episode-info small{display:block;color:var(--sb-muted);font-size:12px;margin-top:6px}.sb-episode-arrow{color:var(--sb-brand);padding:12px}.sb-watch{padding-top:55px;padding-bottom:90px}.sb-breadcrumb{color:var(--sb-muted);font-size:13px}.sb-watch h1{font-size:clamp(30px,4vw,46px);letter-spacing:-1px}.sb-player{aspect-ratio:16/9;width:100%;background:#000;border-radius:14px;overflow:hidden;display:grid;place-items:center}.sb-player iframe{width:100%;height:100%;border:0}.sb-player-lock{text-align:center;background:radial-gradient(circle at center,#411e32,#111017 60%);padding:24px}.sb-lock-icon{font-size:54px;color:var(--sb-gold)}.sb-player-lock p{color:var(--sb-muted)}.sb-watch-description{max-width:900px;margin-top:28px}.sb-watch-description .sb-button{margin-top:15px}.sb-warning{color:#ffcca3;font-size:12px}.sb-inner-page .sb-form,.sb-inner-page .sb-plan-grid{margin-top:25px}@media(max-width:1080px){.sb-header-inner{gap:15px}.sb-nav{gap:13px}.sb-search{min-width:140px}.sb-rail{grid-auto-columns:calc((100% - 3*15px)/4)}.sb-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.wrap{width:calc(100% - 32px)}.sb-header-inner{min-height:69px;gap:12px;flex-wrap:wrap}.sb-logo{font-size:22px}.sb-logo-icon{height:34px;width:34px}.sb-menu-btn{display:block;margin-left:auto}.sb-nav{display:none;order:4;width:100%;padding:10px 0 20px;flex-direction:column;align-items:flex-start}.sb-nav.is-open{display:flex}.sb-header-actions{margin-left:0}.sb-search{display:none}.sb-account{padding:8px 11px}.sb-hero{min-height:495px;background-position:center}.sb-hero-content{padding:70px 0}.sb-hero h1{letter-spacing:-2px}.sb-hero p{font-size:14px}.sb-hero-tag{margin-top:30px}.sb-hero-counter{display:none}.sb-trustbar{overflow:auto;white-space:nowrap;gap:26px}.sb-section{padding-top:33px}.sb-rail{grid-auto-columns:calc((100% - 2*13px)/3);gap:13px}.sb-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.sb-card strong{font-size:12px}.sb-promo{margin-block:40px;padding:30px 22px;min-height:unset}.sb-promo-mark{display:none}.sb-footer-inner,.sb-footer-links{flex-wrap:wrap;flex-direction:column;gap:12px}.sb-episode-thumb{flex-basis:112px}.sb-episode-row{gap:12px;padding:9px}.sb-episode-info strong{font-size:13px}.sb-episode-info small{display:none}.sb-episode-arrow{padding:2px}.sb-detail-hero{min-height:350px}.sb-detail-inner{padding-top:70px}}@media(max-width:470px){.sb-rail{grid-auto-columns:calc((100% - 12px)/2)}.sb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-hero-actions .sb-button{padding:12px 14px}.sb-episode-thumb{flex-basis:90px}.sb-season-tabs a{padding:9px 11px}.sb-footer{padding-top:35px}}