/* KOSOVA TV V1.21.1 — CINEMATIC PREMIUM UI
   Visual layer only. Existing PHP/auth/payment/player logic is preserved. */

:root{
  --tt-red:#ff174d;
  --tt-red2:#ff3f6b;
  --tt-black:#050609;
  --tt-panel:#0a0d13;
  --tt-panel2:#10151d;
  --tt-line:rgba(255,255,255,.095);
  --tt-muted:#9da6b7;
}

body.public-body{
  background:
    radial-gradient(900px 420px at 50% -12%,rgba(255,23,77,.15),transparent 64%),
    linear-gradient(180deg,#050609,#07090d 55%,#050609)!important;
}
.public-header{
  height:78px!important;
  position:sticky!important;top:0!important;z-index:1000!important;
  background:rgba(4,6,9,.90)!important;
  backdrop-filter:blur(22px) saturate(140%)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 14px 45px rgba(0,0,0,.38)!important;
}
.public-header .brand{font-size:28px!important;font-weight:950!important;letter-spacing:-1.5px!important}
.public-header .brand b{color:var(--tt-red)!important}
.header-sub{font-size:9px!important;letter-spacing:2.5px!important;opacity:.45!important}
.header-right{gap:9px!important}
.v1201-register{
  min-height:42px!important;padding:0 17px!important;border-radius:12px!important;
  background:linear-gradient(135deg,#ff174d,#ff315f)!important;
  box-shadow:0 10px 28px rgba(255,23,77,.27)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  font-weight:900!important;
}
.v1201-register:before{content:"♛";margin-right:7px;font-size:15px}
.v1201-login{
  min-height:42px!important;padding:0 16px!important;border-radius:12px!important;
  background:#0d1118!important;border:1px solid var(--tt-line)!important;
}
.public-main{max-width:1240px!important;padding:24px 20px 60px!important;margin:auto!important}

/* PLAYER */
.player-card{
  border:1px solid var(--tt-line)!important;border-radius:22px!important;
  overflow:hidden!important;background:#080a0e!important;
  box-shadow:0 28px 90px rgba(0,0,0,.46)!important;
}
.video-wrap{
  min-height:420px!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(255,23,77,.12),transparent 26%),
    #020304!important;
}
.player-empty .hero-mark{
  width:74px!important;height:74px!important;border-radius:20px!important;
  background:linear-gradient(135deg,#ff174d,#a30b37)!important;
  box-shadow:0 16px 45px rgba(255,23,77,.28)!important;
}
.now{background:linear-gradient(180deg,#0d1016,#090b10)!important;border-top:1px solid var(--tt-line)!important}

/* CINEMATIC PREMIUM HERO */
.toni-v1209-premium-hero{
  position:relative!important;overflow:hidden!important;
  margin:28px 0 38px!important;min-height:360px!important;
  padding:42px!important;border-radius:28px!important;
  border:1px solid rgba(255,42,92,.55)!important;
  background:
    linear-gradient(90deg,rgba(5,6,9,.98) 0%,rgba(5,6,9,.88) 42%,rgba(5,6,9,.35) 100%),
    url("/assets/img/premium-wallpaper.svg") center/cover no-repeat!important;
  box-shadow:0 30px 90px rgba(0,0,0,.5),0 0 70px rgba(255,23,77,.08)!important;
}
.toni-v1209-premium-hero:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 0 45%,rgba(255,23,77,.12) 70%,transparent 100%);
  pointer-events:none;
}
.toni-v1209-premium-hero:after{
  content:"";position:absolute;width:520px;height:520px;right:-210px;top:-190px;
  border-radius:50%;border:1px solid rgba(255,255,255,.09);
  box-shadow:0 0 0 55px rgba(255,255,255,.018),0 0 0 110px rgba(255,255,255,.012);
  pointer-events:none;
}
.toni-v1209-premium-hero>*{position:relative!important;z-index:2}
.toni-v1209-premium-hero h1,
.toni-v1209-premium-hero h2{
  font-size:clamp(34px,4.2vw,60px)!important;
  line-height:.98!important;letter-spacing:-2.7px!important;
  max-width:760px!important;margin:10px 0 14px!important;
}
.toni-v1209-premium-hero h1 strong,
.toni-v1209-premium-hero h2 strong{color:var(--tt-red)!important}
.toni-v1209-premium-hero p{font-size:16px!important;max-width:680px!important;color:#b8c0ce!important}
.toni-v1209-premium-hero .premium-kicker{
  color:#ff6688!important;font-size:12px!important;letter-spacing:2.8px!important;font-weight:950!important;
}
.toni-v1209-premium-hero a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:52px!important;padding:0 22px!important;border-radius:14px!important;
  font-weight:950!important;border:1px solid rgba(255,255,255,.13)!important;
  transition:.2s ease!important;
}
.toni-v1209-premium-hero a[href*="register"],
.toni-v1209-premium-hero a[href*="premium"]{
  background:linear-gradient(135deg,#ff174d,#ff416c)!important;
  box-shadow:0 15px 36px rgba(255,23,77,.28)!important;color:#fff!important;
}
.toni-v1209-premium-hero a:hover{transform:translateY(-2px)!important}
.toni-v1209-premium-hero .feature,
.toni-v1209-premium-hero .benefit,
.toni-v1209-premium-hero [class*="feature"],
.toni-v1209-premium-hero [class*="benefit"]{
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(7,9,13,.54)!important;
  backdrop-filter:blur(8px)!important;
  border-radius:12px!important;
}

/* Make the old text-only premium block visually compact if it remains */
.toni-v1209-premium-hero + .browse{margin-top:4px!important}

/* PENDING OVERLAY */
.v1206-premium-overlay{z-index:10000!important}
.v1206-premium-backdrop{background:rgba(2,3,6,.84)!important;backdrop-filter:blur(18px)!important}
.v1206-premium-modal{
  max-width:620px!important;padding:42px!important;border-radius:28px!important;
  background:
    linear-gradient(145deg,rgba(18,21,29,.97),rgba(7,9,13,.98))!important;
  border:1px solid rgba(255,23,77,.32)!important;
  box-shadow:0 50px 140px rgba(0,0,0,.72),0 0 80px rgba(255,23,77,.08)!important;
}
.v1206-premium-icon{
  width:76px!important;height:76px!important;border-radius:22px!important;
  background:linear-gradient(135deg,#ff174d,#9f0d38)!important;
  box-shadow:0 18px 45px rgba(255,23,77,.3)!important;
}

/* BROWSE */
.browse{margin-top:30px!important}
.browse-head{align-items:end!important}
.browse-head h1{font-size:38px!important;letter-spacing:-1.8px!important}
.browse-head p{color:var(--tt-muted)!important}
.search{
  height:48px!important;min-width:300px!important;
  border:1px solid var(--tt-line)!important;border-radius:14px!important;
  background:#0b0f15!important;
}
.search:focus{border-color:rgba(255,23,77,.55)!important;box-shadow:0 0 0 4px rgba(255,23,77,.08)!important}
.chips{gap:9px!important}
.chips button,.chips .chip{
  min-height:42px!important;padding:0 15px!important;border-radius:12px!important;
  background:#0b0f15!important;border:1px solid var(--tt-line)!important;
}
.chips button.active,.chips .chip.active{background:linear-gradient(135deg,#ff174d,#d90e43)!important;border-color:transparent!important}
.channel-grid{
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;
  gap:14px!important;
}
.channel-card{
  min-height:100px!important;border-radius:17px!important;
  border:1px solid var(--tt-line)!important;
  background:linear-gradient(145deg,#0e1219,#080b10)!important;
  transition:.2s ease!important;
}
.channel-card:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(255,23,77,.42)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.35)!important;
}
.channel-card.premium-locked{opacity:.82!important}
.channel-card .premium-locked,
.channel-card [class*="premium"]{color:#ff5578!important}

/* remove accidental huge duplicate premium typography */
body:not(.v1206-pending-body) .premium-banner{
  margin-top:20px!important;
}

/* responsive */
@media(max-width:800px){
  .public-header{height:68px!important}
  .header-sub{display:none!important}
  .public-main{padding:14px 12px 40px!important}
  .toni-v1209-premium-hero{min-height:430px!important;padding:28px 22px!important;border-radius:22px!important}
  .toni-v1209-premium-hero h1,.toni-v1209-premium-hero h2{font-size:38px!important}
  .browse-head{flex-direction:column!important;align-items:stretch!important}
  .search{min-width:0!important;width:100%!important}
}
@media(max-width:520px){
  .v1201-register{padding:0 10px!important;font-size:10px!important}
  .v1201-login{padding:0 10px!important;font-size:10px!important}
  .video-wrap{min-height:230px!important}
  .toni-v1209-premium-hero{min-height:460px!important}
  .toni-v1209-premium-hero:after{width:300px;height:300px;right:-150px;top:-80px}
  .channel-grid{grid-template-columns:1fr!important}
}