/*
Theme Name: STARSPLAYTV
Theme URI: https://www.starsplaytv.com/
Author: STARSPLAYTV
Description: Tema streaming WordPress dengan gambar demo bawaan yang bisa diganti melalui Gambar Unggulan.
Version: 1.3.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: starsplaytv
*/
:root{--bg:#090909;--panel:#151515;--red:#d71920;--gold:#d9ad55;--text:#f5f5f5;--muted:#aaa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.site-header{background:#080808;border-bottom:1px solid #292929;position:sticky;top:0;z-index:20}.header-inner{max-width:1240px;margin:auto;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-branding{font-weight:900;font-size:25px;letter-spacing:1px}.site-branding a{color:var(--gold)}.site-branding span{color:#fff}.main-navigation ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.main-navigation a{font-size:13px;font-weight:700;text-transform:uppercase}.main-navigation a:hover,.main-navigation .current-menu-item a{color:var(--gold)}.hero{min-height:470px;display:flex;align-items:end;background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.65) 50%,rgba(0,0,0,.12)),linear-gradient(0deg,#090909,transparent 55%),url('assets/hero-ai.jpg') center/cover no-repeat}.hero-inner{max-width:1240px;width:100%;margin:auto;padding:70px 22px}.eyebrow{color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:3px;font-size:12px}.hero h1{font-size:clamp(34px,6vw,66px);line-height:1.05;max-width:720px;margin:12px 0}.hero p{max-width:560px;color:#ddd}.button,.wp-block-button__link{display:inline-block;background:var(--red);color:white!important;padding:12px 22px;border-radius:4px;font-weight:800;border:0}.button.secondary{background:#292929;border:1px solid #555}.container{max-width:1240px;margin:auto;padding:36px 22px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;border-left:4px solid var(--red);padding-left:13px}.section-heading h2{margin:0;font-size:24px}.movie-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.movie-card{min-width:0}.movie-card a{display:block}.movie-poster{aspect-ratio:2/3;overflow:hidden;background:#202020;border-radius:5px;border:1px solid #303030}.movie-poster img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.movie-card:hover img{transform:scale(1.05)}.movie-card h3{font-size:15px;margin:9px 0 2px}.movie-card .meta{font-size:12px;color:var(--muted)}.demo-label{display:inline-block;color:var(--gold);font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-top:4px}.content-card{background:var(--panel);padding:26px;border:1px solid #292929;border-radius:7px}.entry-title{font-size:clamp(28px,4vw,46px);line-height:1.15}.entry-content{color:#ddd}.entry-content a{color:var(--gold);text-decoration:underline}.single-movie{display:grid;grid-template-columns:minmax(220px,330px) 1fr;gap:32px}.single-movie .movie-poster{max-width:330px;width:100%}.video-frame{background:#000;aspect-ratio:16/9;width:100%;margin-top:24px}.video-frame video,.video-frame iframe{width:100%;height:100%;border:0}.site-footer{border-top:1px solid #292929;color:#999;text-align:center;padding:30px 20px;margin-top:45px}.pagination{margin-top:30px}.pagination a,.pagination span{padding:8px 12px;background:#222;margin-right:5px;border-radius:3px}.no-results{color:#aaa}.menu-toggle{display:none;background:#222;color:#fff;border:1px solid #444;padding:8px 12px}
@media(max-width:900px){.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.main-navigation ul{gap:12px}}
@media(max-width:650px){.header-inner{align-items:flex-start;flex-wrap:wrap}.menu-toggle{display:block}.main-navigation{display:none;width:100%}.main-navigation.is-open{display:block}.main-navigation ul{flex-direction:column;padding:12px 0}.hero{min-height:390px}.hero-inner{padding:45px 22px}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.single-movie{grid-template-columns:1fr}.single-movie .movie-poster{max-width:240px}.container{padding:26px 16px}}