/*
Theme Name: SepieBox Premium
Theme URI: https://sepiebox.co.za
Author: SepieBox
Description: Standalone soap-series theme based on the FliekBox Modern Child layout, with SepieBox branding. Requires SepieBox Core.
Version: 4.0.0
Requires PHP: 8.0
Text Domain: sepiebox-premium
*/
:root{color-scheme:dark;--sb-brand:#fa238d;--sb-bg:#050506;--sb-panel:#111115;--sb-line:#ffffff16;--sb-muted:#a2a0aa;--sb-text:#f5f5f7;--sb-width:1440px;--sb-gold:#ff86c0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sb-bg);color:var(--sb-text);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,select{font:inherit}button{cursor:pointer}button,a,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #ff86c0;outline-offset:4px}.wrap{width:min(var(--sb-width),calc(100% - 8vw));margin-inline:auto}.screen-reader-text,.sb-skip{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}.sb-skip:focus{width:auto;height:auto;clip-path:none;left:15px;top:10px;padding:12px;background:#fff;color:#000;z-index:999}
/* Compact, non-fixed header, following the FliekBox reference. */
.sb-header{position:relative;z-index:20;background:#08080bf5;border-bottom:1px solid var(--sb-line)}.sb-header-inner{display:flex;align-items:center;gap:28px;min-height:74px}.sb-logo{display:block;width:145px;flex-shrink:0}.sb-brand-image{display:block;width:100%;height:auto}.sb-nav{display:flex;gap:25px;align-items:center}.sb-nav a{font-size:13px;font-weight:700;color:#aaa7b2}.sb-nav a:hover,.sb-nav .is-current{color:#fff}.sb-header-actions{margin-left:auto;display:flex;gap:12px;align-items:center}.sb-search{display:flex;align-items:center;width:210px;border:1px solid #2d2a34;background:#141319;border-radius:10px}.sb-search input{width:100%;min-width:0;background:transparent;border:0;padding:10px 12px;color:#fff;font-size:12px}.sb-search button{border:0;background:none;color:#ccc;font-size:24px;padding:0 10px}.sb-account,.sb-join{padding:10px 15px;border-radius:9px;font-size:12px;font-weight:750;white-space:nowrap}.sb-account{background:#242129}.sb-join{background:var(--sb-brand);color:#fff}.sb-menu-btn{display:none;background:none;border:0;color:#fff;font-size:25px}
/* FliekBox's rounded feature panel, with a real sliding track. */
.sb-hero-carousel{position:relative;width:min(var(--sb-width),calc(100% - 8vw));margin:18px auto 30px;overflow:hidden;border-radius:22px;border:1px solid #ffffff22;background:#111;box-shadow:0 22px 60px #0006}.sb-hero-track{display:flex;width:100%;transition:transform .55s ease}.sb-hero-slide{flex:0 0 100%;min-width:0}.sb-hero{position:relative;min-height:420px;display:flex;align-items:center;background-image:linear-gradient(90deg,#050506f5 0%,#050506bb 40%,#05050611 85%),linear-gradient(0deg,#050506c9,transparent 60%),var(--sb-hero-image);background-size:cover;background-position:center,center,70% center}.sb-hero-content{position:relative;z-index:1;padding:50px 38px 60px;width:100%;margin:0}.sb-hero-tag,.sb-overline{display:inline-block;font-size:10px;font-weight:850;letter-spacing:2px;color:#ff8bc4}.sb-hero-tag{background:#d51570;padding:6px 10px;color:white;border-radius:6px;letter-spacing:1px}.sb-hero h1{margin:18px 0 15px;font-size:clamp(38px,5.5vw,70px);line-height:1.02;font-weight:900;letter-spacing:-.05em;max-width:750px}.sb-hero p{font-size:14px;line-height:1.65;max-width:520px;color:#d2cdd5}.sb-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.sb-button,.sb-option-buy{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--sb-brand);padding:12px 18px;border-radius:10px;background:var(--sb-brand);font-size:13px;font-weight:800;color:#fff}.sb-button-outline{background:#18161ed9;border-color:#ffffff40}.sb-button:hover,.sb-option-buy:hover{filter:brightness(1.12)}.sb-hero-empty{background-image:radial-gradient(ellipse at 85% 25%,#63123a,transparent 50%),linear-gradient(125deg,#0b090d,#171018)}.sb-live-empty-hero{width:min(var(--sb-width),calc(100% - 8vw));margin:18px auto 30px;border-radius:22px;border:1px solid var(--sb-line)}.sb-hero-arrow{position:absolute;z-index:2;top:45%;width:34px;height:44px;border-radius:8px;background:#08080ab3;border:1px solid #ffffff30;color:#fff;font-size:20px}.sb-hero-prev{left:8px}.sb-hero-next{right:8px}.sb-hero-pagination{position:absolute;right:30px;bottom:22px;display:flex;gap:7px}.sb-hero-dot{width:7px;height:7px;padding:0;border:0;border-radius:9px;background:#ffffff70}.sb-hero-dot.is-active{width:22px;background:var(--sb-brand)}
/* Adapted from FliekBox's wow headings, rails and compact poster cards. */
.sb-section{padding:10px 0 28px}.sb-section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.sb-section-title h2{position:relative;margin:0;padding-left:15px;color:#f7f7f8;font-size:24px;line-height:1.1;font-weight:900;letter-spacing:-.04em;text-transform:uppercase}.sb-section-title h2:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;border-radius:10px;transform:skew(-10deg);background:linear-gradient(#ff47ad,#b71986)}.sb-section-title a{font-size:11px;font-weight:700;color:#c4bdca}.sb-section-title a span{color:var(--sb-brand)}.sb-rail{display:flex;gap:14px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#39303e transparent;scroll-snap-type:x proximity;padding:2px 0 15px}.sb-rail .sb-card{flex:0 0 164px;scroll-snap-align:start}.sb-card{min-width:0}.sb-poster{display:block;position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:13px;border:1px solid #ffffff1a;background:#121017;box-shadow:0 12px 28px #0005}.sb-poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.sb-card:hover .sb-poster img{transform:scale(1.04)}.sb-card strong{display:block;margin:8px 2px 0;font-size:12px;font-weight:800}.sb-card small{display:block;color:#99919f;font-size:10px;margin:3px 2px}.sb-poster-fallback{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;background:linear-gradient(140deg,#352335,#13121b);font-weight:900;font-size:20px;letter-spacing:-1px}.sb-poster-fallback span{color:var(--sb-brand)}.sb-poster-play{display:none}.sb-real-episode{flex-basis:260px!important}.sb-episode-rail-poster{aspect-ratio:16/9}.sb-pricing-placement{padding:26px 0 60px}.sb-catalogue-admin-hint{padding:20px;background:#17121a;border-radius:10px;color:#ccc}.sb-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 16px}.sb-page-top{padding-top:45px;padding-bottom:25px}.sb-page-top h1{font-size:clamp(38px,6vw,64px);letter-spacing:-2px;margin:6px 0}.sb-page-top p{color:var(--sb-muted)}.sb-red{color:var(--sb-brand)}.sb-filter{display:flex;gap:10px;margin-bottom:28px}.sb-filter input{flex:1;min-width:0;padding:12px 15px;color:#fff;background:#16131c;border:1px solid var(--sb-line);border-radius:9px}.sb-pager{display:flex;gap:12px;padding:26px 0}.sb-pager a,.sb-pager .page-numbers{padding:9px 15px;background:#211c27;border-radius:8px}
/* Four explicit plans, always visible on desktop and mobile. */
.sb-pricing-experience{max-width:1400px;margin:0 auto;padding:38px 0}.sb-pricing-top{display:flex;justify-content:space-between;margin-bottom:28px}.sb-pricing-top h2{font-size:clamp(30px,4vw,46px);line-height:1.1;letter-spacing:-2px;margin:12px 0}.sb-pricing-top p{color:var(--sb-muted);max-width:680px}.sb-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sb-plan-card{display:flex;flex-direction:column;position:relative;min-width:0;padding:26px 22px;background:#111115;border:1px solid #352c3a;border-radius:16px}.sb-plan-card.is-yearly{border-color:#d2277b;background:linear-gradient(145deg,#281322,#111115 65%)}.sb-plan-card h3{font-size:21px;font-weight:850;margin:17px 0 12px;letter-spacing:-.7px}.sb-plan-price{font-size:clamp(25px,2.5vw,37px);font-weight:900;letter-spacing:-1.5px;white-space:nowrap}.sb-plan-price small{font-size:11px;font-weight:500;letter-spacing:0;color:#bcb1c0}.sb-plan-card p{font-size:13px;color:#b7acbd;line-height:2}.sb-plan-card .sb-saving{font-size:12px;font-weight:700;color:#ff9dcc;line-height:1.5}.sb-option-buy-form{margin-top:auto}.sb-option-buy{display:flex;width:100%;border:0;text-align:center;font-size:12px;margin-top:auto;min-height:45px}.sb-plan-card form .sb-option-buy{margin-top:10px}.sb-pricing-comparison{margin-top:22px;border:1px solid #3b303d;border-radius:12px;padding:18px 22px}.sb-pricing-comparison summary{cursor:pointer;font-size:15px;font-weight:750}.sb-pricing-comparison table{width:100%;border-collapse:collapse;margin-top:18px;font-size:13px}.sb-pricing-comparison td,.sb-pricing-comparison th{text-align:left;padding:12px 6px;border-bottom:1px solid var(--sb-line)}.sb-pricing-footnote{font-size:12px;color:#aaa0b0;max-width:850px;margin-top:20px}
/* Series detail and the authenticated player. */
.sb-detail-hero{min-height:380px;background-image:linear-gradient(90deg,#050506f0,#05050666),linear-gradient(0deg,#050506,transparent),var(--sb-hero-image);background-size:cover;background-position:center}.sb-detail-inner{padding-block:75px}.sb-detail-inner h1{font-size:clamp(38px,6vw,66px);line-height:1.1;letter-spacing:-2px;margin:14px 0;max-width:850px}.sb-detail-inner p{color:#c9c0cc;max-width:650px}.sb-detail-hero-empty{background:#131017}.sb-series-body{padding-bottom:65px}.sb-series-copy{max-width:950px;color:#b9afc0;margin-bottom:35px}.sb-season-tabs{display:flex;gap:10px;overflow-x:auto;margin:22px 0 18px;padding-bottom:10px}.sb-season-tabs a{padding:10px 16px;background:#1c1721;border:1px solid #322937;border-radius:9px;white-space:nowrap;font-size:12px;font-weight:750}.sb-season-tabs a.active{background:var(--sb-brand);border-color:var(--sb-brand)}.sb-season-count{font-size:12px;color:var(--sb-muted)}.sb-episode-list{display:grid;gap:10px}.sb-episode-row{display:flex;align-items:center;gap:20px;border:1px solid #2b2330;border-radius:12px;background:#121015;padding:11px}.sb-episode-row:hover{background:#221827}.sb-episode-thumb{flex:0 0 170px;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#2b1d2d;display:grid;place-items:center}.sb-episode-thumb img{width:100%;height:100%;object-fit:cover}.sb-episode-info{flex:1;min-width:0}.sb-episode-info strong{font-size:14px;display:block}.sb-episode-info small{display:block;font-size:12px;color:var(--sb-muted);margin-top:6px}.sb-episode-arrow{color:var(--sb-brand);padding:12px}.sb-watch{padding-block:40px 75px}.sb-breadcrumb{font-size:12px;color:var(--sb-muted)}.sb-watch h1{font-size:clamp(28px,4vw,44px);letter-spacing:-1px}.sb-player{width:100%;aspect-ratio:16/9;background:#08070a;border-radius:14px;overflow:hidden;display:grid;place-items:center}.sb-player iframe{width:100%;height:100%;border:0}.sb-player>p{padding:25px;text-align:center}.sb-player-lock{text-align:center;background:radial-gradient(ellipse at center,#44152f,#0c090e 80%);padding:25px}.sb-player-lock h2{font-size:clamp(20px,3vw,34px);letter-spacing:-1px}.sb-watch-description{max-width:900px;padding-top:25px}.sb-watch-description .sb-button{margin-top:20px}
/* Account forms use the same wordmark and type scale. */
.sb-inner-page{min-height:65vh;padding-block:45px 80px}.sb-page-content{max-width:1100px;margin:auto}.sb-auth-page:not(.sb-membership-page){max-width:650px}.sb-page-brand{width:155px;margin:0 auto 15px}.sb-page-topline,.sb-page-title{text-align:center}.sb-page-topline{color:var(--sb-muted);font-size:12px}.sb-page-title{font-size:36px;letter-spacing:-1px;margin:10px 0 30px}.sb-membership-page .sb-page-content{max-width:none}.sb-form{background:#111015!important;border:1px solid #352b3b!important;border-radius:16px!important;padding:30px!important;width:100%;max-width:600px;margin:20px auto!important}.sb-form input:not([type=checkbox]){background:#1b1620!important;color:#fff!important;border:1px solid #4a3b50!important}.sb-form button,.sb-btn{background:var(--sb-brand)!important;color:#fff!important}.sb-form a{color:#ff8dc6}.sb-notice{padding:16px;border:1px solid #7c3058;border-radius:10px;background:#291522;color:#ffccdf}.sb-footer{padding:45px 0 22px;background:#0d0b10;border-top:1px solid var(--sb-line)}.sb-footer-inner{display:flex;justify-content:space-between;gap:28px}.sb-footer .sb-logo{width:135px}.sb-footer p{font-size:12px;color:#9c919f}.sb-footer-links{display:flex;gap:26px;font-size:12px;color:#b7abbf}.sb-copyright{font-size:10px;color:#827786;border-top:1px solid #ffffff12;margin-top:24px;padding-top:18px}.sb-tmdb-credit{display:block;margin-top:7px}
@media(max-width:1180px){.sb-nav{gap:16px}.sb-search{width:160px}.sb-header-inner{gap:20px}.sb-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.sb-search{display:none}.sb-nav{gap:14px}.sb-logo{width:125px}.sb-header-inner{gap:16px}.sb-hero h1{font-size:48px}.sb-footer-links{gap:15px}}
@media(max-width:650px){.wrap{width:calc(100% - 28px)}.sb-header-inner{min-height:64px;flex-wrap:wrap;gap:10px}.sb-logo{width:112px}.sb-header-actions{gap:7px}.sb-account,.sb-join{padding:8px 10px;font-size:10px}.sb-menu-btn{display:block;padding:3px 0 3px 6px}.sb-nav{display:none;order:4;width:100%;padding:4px 0 18px;gap:20px}.sb-nav.is-open{display:flex}.sb-hero-carousel,.sb-live-empty-hero{width:calc(100% - 28px);margin:12px auto 25px;border-radius:17px}.sb-hero{min-height:360px;background-image:linear-gradient(0deg,#050506fa,#050506bb 42%,#05050655),var(--sb-hero-image);background-position:center}.sb-hero-empty{background-image:radial-gradient(ellipse at 90% 20%,#6b1642,transparent 70%),linear-gradient(125deg,#0b090d,#171018)}.sb-hero-content{padding:60px 24px 55px}.sb-hero h1{font-size:38px;max-width:450px}.sb-hero p{font-size:12px;max-width:360px}.sb-hero-actions{gap:8px}.sb-button{font-size:11px;padding:11px 14px}.sb-hero-arrow{top:auto;bottom:16px;width:30px;height:30px;font-size:15px}.sb-hero-prev{left:20px}.sb-hero-next{left:58px;right:auto}.sb-hero-pagination{bottom:27px;right:22px}.sb-section{padding:6px 0 23px}.sb-section-title{margin-bottom:12px}.sb-section-title h2{font-size:20px}.sb-section-title a{font-size:10px}.sb-rail{gap:11px}.sb-rail .sb-card{flex-basis:137px}.sb-rail .sb-real-episode{flex-basis:220px!important}.sb-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.sb-plan-grid{grid-template-columns:1fr;gap:13px}.sb-plan-card{padding:24px}.sb-plan-price{font-size:34px}.sb-pricing-experience{padding:26px 0}.sb-pricing-top h2{font-size:34px}.sb-pricing-top p{font-size:13px}.sb-pricing-comparison{padding:15px}.sb-pricing-comparison td,.sb-pricing-comparison th{font-size:11px;padding:10px 4px}.sb-episode-row{padding:8px;gap:12px}.sb-episode-thumb{flex-basis:100px}.sb-episode-info strong{font-size:12px}.sb-episode-info small{display:none}.sb-episode-arrow{padding:3px}.sb-detail-inner{padding-block:55px}.sb-detail-hero{min-height:300px}.sb-inner-page{padding-block:32px 60px}.sb-form{padding:23px!important}.sb-footer-inner{flex-direction:column;gap:15px}.sb-footer-links{flex-wrap:wrap}.sb-footer{padding-top:30px}}
@media(max-width:390px){.sb-join{display:none}.sb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-nav{gap:17px}.sb-plan-price{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sb-hero-track,.sb-poster img{transition:none}}