
/* MOVIEWARD — Ocean Teal palette, keeps existing layouts and typography */
:root{
 --bg:#17252A;--surface:#213B40;--fg:#FFFFFF;--muted:#C2D5D4;
 --gold:#3AAFA9;--border:#2B7A78;
 --pf-accent:#3AAFA9;--pf-red:#3AAFA9;--pf-ink:#17252A;--pf-ivory:#FFFFFF;
 --pf-teal-dark:#17252A;--pf-teal-mid:#2B7A78;--pf-teal:#3AAFA9;
 --pf-teal-light:#DEF2F1;
}
html{background:#17252A}
body{background:#17252A!important;color:#FFFFFF}
.nav{background:linear-gradient(180deg,#17252AF7,#17252AF0)!important;border-bottom:1px solid #3AAFA944!important}
.nav:after{background:linear-gradient(90deg,#3AAFA9,transparent)!important}
.navlinks{background:#DEF2F10D!important;border-color:#DEF2F12A!important}
.navlinks a{color:#DEF2F1!important}
.navlinks a:hover{background:#2B7A7866!important;color:white!important}
.navlinks a.selected,.navlinks a[aria-current=page]{background:#3AAFA933!important;color:#DEF2F1!important;box-shadow:inset 0 0 0 1px #3AAFA980!important}
.nav-right .iconbtn:hover,.nav-right .iconbtn[aria-expanded=true],.nav-right .watchlist-btn:hover{background:#3AAFA933!important;border-color:#3AAFA9!important}
.nav-right .avatar{background:#2B7A78!important;color:white!important;border-color:#3AAFA9!important}
.pf-live{color:#DEF2F1!important;border-color:#3AAFA977!important;background:#3AAFA91A!important}
.pf-live-dot{background:#3AAFA9!important;box-shadow:0 0 0 4px #3AAFA929,0 0 12px #3AAFA9!important}
#searchBar.searchbar,.searchbar{background:linear-gradient(135deg,#234146,#17252A)!important;border-color:#3AAFA9!important;box-shadow:0 25px 70px #071316B0!important}
#searchBar input,.searchbar input{color:white!important}
#searchBar input::placeholder{color:#B8D9D7!important}
#clearSearch{background:#2B7A7860!important;color:#DEF2F1!important}
.pf-search-scrim{background:#08191BBD!important}
.hero,.hero-glow{background:radial-gradient(ellipse at 76% 42%,#2B7A7866,#17252A 70%)!important}
.hero-shade{background:linear-gradient(0deg,#17252A,transparent 55%)!important}
.hero-bg:after{background:linear-gradient(90deg,#17252AEF 0%,#17252AC0 35%,#17252A1A 80%),linear-gradient(0deg,#17252A,transparent 50%)!important}
.red-ticker{background:#2B7A78!important;border-color:#3AAFA9!important}
.red-ticker-track span{color:#DEF2F1!important}
.red-showcase{background:radial-gradient(ellipse at 76% 45%,#2B7A78 0%,#214448 45%,#17252A 95%)!important;border-color:#3AAFA980!important;box-shadow:0 20px 60px #07141655}
.red-showcase:before{opacity:.35}
.red-showcase-kicker,.eyebrow,.section-label,.pf-footer-eyebrow{color:#75DBD3!important}
.red-showcase h2 em,.section h2 i,.bottom-cta h2 i,.hero h1 em{color:#78E1D9!important}
.red-showcase p,.hero p,.section-aside{color:#DEF2F1!important}
.red-showcase a,.primary,.bottom-cta a{background:#3AAFA9!important;color:#102328!important;border-color:#3AAFA9!important;box-shadow:0 8px 26px #3AAFA930!important}
.red-showcase a:hover,.primary:hover,.bottom-cta a:hover{background:#DEF2F1!important;color:#17252A!important}
#latestUploads,#trending,#genres,#library,#continueSection,.section,.section.first{background:#17252A!important}
.movie-card{background:linear-gradient(180deg,#274448,#1C3035)!important;border-color:#3AAFA930!important}
.movie-card:hover{border-color:#3AAFA9!important;box-shadow:0 20px 45px #071416AA,0 0 0 1px #3AAFA950!important}
.poster-frame{background:#24484B!important}
.poster-label,.card-play{background:#2B7A78!important;color:white!important;border-color:#3AAFA9!important}
.card-info,.card-meta{color:#C4DAD8!important}
.card-info span,.rail-footer a{color:#79E0D9!important}
.genre{background:#244448!important;border-color:#3AAFA960!important;color:#DEF2F1!important}
.genre:hover,.genre.active{background:#3AAFA9!important;color:#102328!important;border-color:#3AAFA9!important}
.bottom-cta{background:radial-gradient(ellipse at 50% 95%,#2B7A7866,#17252A 72%)!important;border-top-color:#3AAFA94D!important}
footer{background:radial-gradient(ellipse at 80% 100%,#2B7A7844,transparent 55%),#17252A!important;border-top-color:#3AAFA950!important}
.pf-footer-bottom strong,.pf-footer-col a:hover,.pf-footer-col button:hover{color:#78E1D9!important}
.pf-footer-col a,.pf-footer-col button,.pf-footer-about p{color:#D0E4E2!important}
.pf-footer-social a:hover{border-color:#3AAFA9!important}
.player-overlay{background:#17252A!important}
.player-meta select{background:#254449!important;border-color:#3AAFA9!important;color:#DEF2F1!important}
.watchlist-btn,.outline{border-color:#3AAFA980!important;color:#DEF2F1!important}
.pf-wordmark span,.primeflix-wordmark span{color:#3AAFA9!important}
.pf-mark{border-color:#3AAFA9!important;background:#17252A!important;box-shadow:0 0 20px #3AAFA925!important}
.pf-mark span{color:#3AAFA9!important}
/* Prior 'Watch Now' overlay versions */
.movie-card .poster-action,.movie-card .watch-now,.movie-card .poster-watch,.movie-card .watch-btn,
.movie-card .poster-play,.movie-card .poster-watch-btn{background:#3AAFA9!important;color:#102328!important;border-color:#3AAFA9!important}
.movie-card .poster-action:hover,.movie-card .watch-now:hover,.movie-card .poster-watch:hover,.movie-card .watch-btn:hover{background:#DEF2F1!important;color:#17252A!important}
input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #3AAFA9;outline-offset:3px}
