/* MovieGo — Aurora OTT UI/UX Upgrade v101
   Additive layer: preserves existing feature logic while modernising presentation. */
:root{
  --mg-bg:#070b14;
  --mg-surface:#0d1424;
  --mg-surface-2:#111b2f;
  --mg-surface-3:#16243d;
  --mg-border:rgba(126,157,211,.20);
  --mg-text:#f6f8ff;
  --mg-muted:#8e9bb5;
  --mg-primary:#7c5cff;
  --mg-primary-2:#35d7ff;
  --mg-accent:#ff4fd8;
  --mg-gold:#ffc857;
  --mg-radius:18px;
  --mg-shadow:0 18px 55px rgba(0,0,0,.30);
}
html{scroll-behavior:smooth;background:var(--mg-bg)}
body:not(.admin-page){background:
 radial-gradient(900px 500px at 80% -10%,rgba(124,92,255,.16),transparent 65%),
 radial-gradient(700px 420px at 5% 20%,rgba(53,215,255,.08),transparent 65%),
 var(--mg-bg)!important;color:var(--mg-text)!important;min-height:100vh}
body:not(.admin-page) *{border-color:var(--mg-border)}
body:not(.admin-page) a{transition:color .2s ease,opacity .2s ease,transform .2s ease}
body:not(.admin-page) button,
body:not(.admin-page) input,
body:not(.admin-page) select,
body:not(.admin-page) textarea{font:inherit}

/* Header */
body:not(.admin-page) header.nav,.nav:not(.admin-page){
  height:72px!important;min-height:72px!important;padding:0 clamp(14px,4vw,56px)!important;
  background:rgba(7,11,20,.76)!important;border-bottom:1px solid rgba(126,157,211,.16)!important;
  backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);
  box-shadow:0 10px 35px rgba(0,0,0,.18);position:sticky;top:0;z-index:1000!important
}
body:not(.admin-page) .logo{font-size:25px!important;letter-spacing:-.7px;color:#fff!important;text-shadow:0 0 24px rgba(124,92,255,.35)}
body:not(.admin-page) .logo span{color:var(--mg-primary-2)!important}
body:not(.admin-page) header.nav nav{gap:6px!important;align-items:center}
body:not(.admin-page) header.nav nav a{padding:10px 13px;border-radius:12px;color:#aeb9cf!important;font-weight:700}
body:not(.admin-page) header.nav nav a:hover{color:#fff!important;background:rgba(124,92,255,.10)}
body:not(.admin-page) .search-wrap{display:flex;align-items:center;min-width:0}
body:not(.admin-page) .search{background:rgba(17,27,47,.82)!important;border:1px solid rgba(126,157,211,.22)!important;border-radius:14px!important;padding:11px 14px!important;box-shadow:inset 0 1px rgba(255,255,255,.03)}
body:not(.admin-page) .search:focus{outline:none;border-color:rgba(53,215,255,.55)!important;box-shadow:0 0 0 4px rgba(53,215,255,.08)!important}
body:not(.admin-page) .login,.primary{background:linear-gradient(135deg,var(--mg-primary),#5a43db)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:13px!important;box-shadow:0 10px 24px rgba(124,92,255,.20)}

/* Layout / sections */
body:not(.admin-page) .hero{max-width:1240px!important;padding:70px 22px 55px!important;background:transparent!important}
body:not(.admin-page) .section,.watch{max-width:1240px!important;padding:34px 22px!important}
body:not(.admin-page) .head{gap:18px;margin-bottom:8px}
body:not(.admin-page) .head h2{font-size:clamp(20px,2vw,28px);letter-spacing:-.4px}
body:not(.admin-page) .head a{color:#b8eaff!important;font-weight:800}
body:not(.admin-page) .section-sub{color:var(--mg-muted)!important;margin-top:0}

/* Hero */
body:not(.admin-page) .hero-showcase{border-radius:28px;overflow:hidden;position:relative;box-shadow:var(--mg-shadow)}
body:not(.admin-page) .hero-cover{border-radius:28px!important;filter:saturate(1.05)}
body:not(.admin-page) .hero-showcase:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,11,20,.88) 0%,rgba(7,11,20,.50) 42%,rgba(7,11,20,.08) 78%,rgba(7,11,20,.30) 100%)}
body:not(.admin-page) .hero-copy{position:relative;z-index:2}
body:not(.admin-page) .hero h1{font-size:clamp(40px,6vw,76px)!important;line-height:.95;letter-spacing:-2px}
body:not(.admin-page) .tag{color:#9eeaff!important;font-weight:800;letter-spacing:.08em}
body:not(.admin-page) .watch-now-btn{border-radius:14px!important;padding:13px 19px!important}

/* Cards */
body:not(.admin-page) .cards{gap:18px!important}
body:not(.admin-page) .card{background:linear-gradient(160deg,rgba(17,27,47,.94),rgba(10,16,29,.98))!important;border:1px solid rgba(126,157,211,.16)!important;border-radius:17px!important;box-shadow:0 10px 28px rgba(0,0,0,.20);transform:translateZ(0);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
body:not(.admin-page) .card:hover{transform:translateY(-5px);border-color:rgba(124,92,255,.48)!important;box-shadow:0 18px 42px rgba(0,0,0,.30),0 0 0 1px rgba(124,92,255,.10)}
body:not(.admin-page) .poster{background:linear-gradient(145deg,#16243d,#080c15)!important;min-height:210px}
body:not(.admin-page) .card h3{font-size:15px!important;margin:12px 12px 6px!important}
body:not(.admin-page) .card p{color:#7f8da8!important;margin:0 12px 14px!important}
body:not(.admin-page) .category-rail{gap:12px!important}
body:not(.admin-page) .category-rail>a{background:linear-gradient(145deg,#121e33,#0b1220)!important;border:1px solid var(--mg-border)!important;border-radius:16px!important;padding:18px!important}
body:not(.admin-page) .category-rail>a:hover{transform:translateY(-3px);border-color:rgba(53,215,255,.35)!important}

/* Premium */
body:not(.admin-page) .go-premium-banner,.go-premium-promo{background:linear-gradient(115deg,rgba(124,92,255,.25),rgba(53,215,255,.12) 55%,rgba(255,79,216,.10))!important;border:1px solid rgba(147,213,255,.30)!important;border-radius:20px!important;box-shadow:0 14px 45px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(14px)}
body:not(.admin-page) .go-premium-banner:hover,.go-premium-promo:hover{transform:translateY(-2px);border-color:rgba(147,213,255,.48)!important}
body:not(.admin-page) .go-premium-arrow,.go-promo-action{color:#dff9ff!important}

/* Controls and common panels */
body:not(.admin-page) .filters button,body:not(.admin-page) .seasons button,body:not(.admin-page) .episode,body:not(.admin-page) .actions button,body:not(.admin-page) .controls button,
body:not(.admin-page) .selects select,body:not(.admin-page) .list-toggle,body:not(.admin-page) .player-options button,body:not(.admin-page) .player-action-link{background:rgba(17,27,47,.92)!important;color:#eaf0ff!important;border:1px solid rgba(126,157,211,.20)!important;border-radius:13px!important}
body:not(.admin-page) .filters button:hover,body:not(.admin-page) .player-options button:hover,body:not(.admin-page) .player-action-link:hover{border-color:rgba(124,92,255,.55)!important;transform:translateY(-1px)}
body:not(.admin-page) .bottom-nav{background:rgba(8,13,24,.88)!important;border-top:1px solid rgba(126,157,211,.18)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding-bottom:env(safe-area-inset-bottom)!important}
body:not(.admin-page) .bottom-nav a{color:#7f8da8!important;padding:10px 7px!important}
body:not(.admin-page) .bottom-nav a.active{color:#fff!important}
body:not(.admin-page) .bottom-nav a.active .nav-symbol{color:var(--mg-primary-2);filter:drop-shadow(0 0 9px rgba(53,215,255,.35))}
body:not(.admin-page) .bottom-nav .nav-symbol svg{stroke:currentColor!important;fill:none}

/* Watch page */
body.movie-player-page:not(.admin-page){background:#050811!important}
body.movie-player-page .watch-only-shell{max-width:1240px!important}
body.movie-player-page .standalone-player .screen{background:#050811!important;border:1px solid rgba(126,157,211,.18)!important;border-radius:20px!important;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.38)}
body.movie-player-page .movie-video{background:#050811!important}
body.movie-player-page .player-stage{background:transparent!important}
body.movie-player-page .watch-control-bar{background:linear-gradient(180deg,transparent,rgba(3,6,12,.65))!important}
body.movie-player-page .watch-control-bar button{background:rgba(9,15,27,.46)!important;border:1px solid rgba(255,255,255,.10)!important;backdrop-filter:blur(8px);border-radius:12px!important}
body.movie-player-page .mg-side-nav{width:44px!important;height:44px!important;border-radius:50%!important;background:rgba(7,12,22,.40)!important;border:1px solid rgba(255,255,255,.14)!important;backdrop-filter:blur(8px)!important}
body.movie-player-page .mg-side-nav:hover{background:rgba(124,92,255,.55)!important}
body.movie-player-page .big-play-btn{background:rgba(7,12,22,.38)!important;border:1px solid rgba(255,255,255,.18)!important;backdrop-filter:blur(9px)!important;box-shadow:0 10px 30px rgba(0,0,0,.25)!important}
body.movie-player-page .player-badge{background:rgba(7,12,22,.40)!important;border:1px solid rgba(255,255,255,.10)!important;backdrop-filter:blur(8px)}
body.movie-player-page .quality-choices{background:rgba(9,15,27,.96)!important;border:1px solid rgba(126,157,211,.25)!important;border-radius:16px!important;box-shadow:0 20px 45px rgba(0,0,0,.40)!important;backdrop-filter:blur(18px)}
body.movie-player-page .player-title-row,.detail-panel{background:linear-gradient(160deg,rgba(13,20,36,.96),rgba(9,14,25,.94))!important;border:1px solid rgba(126,157,211,.15)!important;border-radius:20px!important;box-shadow:0 14px 40px rgba(0,0,0,.16)}
body.movie-player-page .player-title-row{padding:22px!important}
body.movie-player-page .player-options{gap:12px!important}

/* Forms */
body:not(.admin-page) input,body:not(.admin-page) textarea,body:not(.admin-page) select{background:#0c1423!important;color:#f5f7ff!important;border:1px solid rgba(126,157,211,.20)!important;border-radius:13px!important}
body:not(.admin-page) input:focus,body:not(.admin-page) textarea:focus,body:not(.admin-page) select:focus{outline:none;border-color:rgba(53,215,255,.50)!important;box-shadow:0 0 0 4px rgba(53,215,255,.07)!important}

/* Mobile OTT layout */
@media(max-width:760px){
  body:not(.admin-page) header.nav{height:62px!important;min-height:62px!important;padding:0 12px!important;gap:8px}
  body:not(.admin-page) header.nav nav{display:none!important}
  body:not(.admin-page) .logo{font-size:21px!important}
  body:not(.admin-page) .search{width:min(44vw,190px)!important;padding:9px 10px!important}
  body:not(.admin-page) .hero{padding:18px 12px 20px!important}
  body:not(.admin-page) .hero-showcase{min-height:420px;border-radius:22px}
  body:not(.admin-page) .hero h1{font-size:42px!important}
  body:not(.admin-page) .section,.watch{padding:24px 14px!important}
  body:not(.admin-page) .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body:not(.admin-page) .poster{min-height:180px}
  body:not(.admin-page) .card{border-radius:14px!important}
  body:not(.admin-page) .head h2{font-size:20px}
  body:not(.admin-page) .category-rail{display:grid!important;grid-template-columns:repeat(2,1fr)!important}
  body:not(.admin-page) .go-premium-banner,.go-premium-promo{margin-left:12px;margin-right:12px;border-radius:18px!important}
  body.movie-player-page .standalone-player .screen{border-radius:14px!important}
  body.movie-player-page .mg-side-nav{width:38px!important;height:38px!important}
  body.movie-player-page .watch-control-bar{gap:4px!important}
  body.movie-player-page .watch-control-bar button{padding:8px 9px!important}
}
@media(min-width:761px){body:not(.admin-page) .cards{grid-template-columns:repeat(5,minmax(0,1fr))!important}}

/* Accessibility / reduced motion */
@media(prefers-reduced-motion:reduce){body:not(.admin-page) *,body:not(.admin-page) *:before,body:not(.admin-page) *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}