/* 1shows.watch visual system — reference-inspired, no /user/ changes */
:root{
  --one-bg:#0c1118;
  --one-bg-2:#111923;
  --one-panel:rgba(17,25,35,.78);
  --one-panel-solid:#111923;
  --one-line:rgba(255,255,255,.11);
  --one-line-strong:rgba(255,255,255,.18);
  --one-text:#f5f8fc;
  --one-muted:#a7b1bd;
  --one-blue:#1faef4;
  --one-blue-2:#52c8ff;
  --one-blue-soft:rgba(31,174,244,.15);
  --one-shadow:0 24px 70px rgba(0,0,0,.46);
  --one-radius:16px;
}
html{background:var(--one-bg);}
body{
  background:
    radial-gradient(900px 520px at 82% -120px,rgba(31,174,244,.11),transparent 68%),
    linear-gradient(180deg,#0c1118 0%,#0d131b 55%,#0a0f15 100%)!important;
  color:var(--one-muted)!important;
  font-family:'Outfit','Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
}
body::before{background:radial-gradient(1000px 560px at 50% -260px,rgba(31,174,244,.10),transparent 70%)!important;}
body::after{opacity:.22!important;}
a{color:var(--one-blue-2)!important;}
a:hover{color:#fff!important;}
::selection{background:rgba(31,174,244,.38);color:#fff;}

/* Header: compact floating glass navigation like the reference. */
#header,#header.header-home{
  height:72px!important;
  margin:0!important;
  background:linear-gradient(180deg,rgba(8,13,19,.90),rgba(8,13,19,.22))!important;
  border:0!important;
  box-shadow:none!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  z-index:100!important;
}
#header.header-home:before,#header:before{height:125px!important;background:linear-gradient(180deg,rgba(5,10,16,.88),transparent)!important;}
#header>.container{
  width:100%!important;max-width:none!important;height:72px!important;
  padding:0 18px!important;display:flex!important;align-items:center!important;gap:14px!important;
}
#header #logo{
  order:1;float:none!important;flex:0 0 auto!important;width:116px!important;height:32px!important;
  margin:0!important;padding:0!important;display:flex!important;align-items:center!important;
}
#header #logo img{display:block!important;width:116px!important;height:auto!important;object-fit:contain!important;}
#search{order:2;float:none!important;width:230px!important;margin:0!important;position:relative!important;}
.search-content input.search-input{
  height:38px!important;padding:0 16px 0 41px!important;border-radius:999px!important;
  background:rgba(9,15,22,.54)!important;border:1px solid var(--one-line)!important;
  color:#fff!important;font-size:13px!important;backdrop-filter:blur(14px) saturate(135%);
}
.search-content input.search-input::placeholder{color:rgba(236,243,250,.62)!important;}
.search-content input.search-input:focus,#search:hover .search-content input.search-input{
  background:rgba(13,21,30,.82)!important;border-color:rgba(31,174,244,.58)!important;
  box-shadow:0 0 0 3px rgba(31,174,244,.12)!important;
}
.search-content .search-submit{width:40px!important;color:#dce6ef!important;}
#header_menu{
  order:3;float:none!important;height:42px!important;margin:0 0 0 auto!important;
  padding:4px!important;border:1px solid var(--one-line)!important;border-radius:999px!important;
  background:rgba(11,17,25,.52)!important;backdrop-filter:blur(14px) saturate(140%);
}
#header_menu ul.header_menu-list{height:32px!important;margin:0!important;display:flex!important;align-items:center!important;}
#header_menu ul.header_menu-list .nav-item{margin:0!important;}
#header_menu ul.header_menu-list .nav-item>a{
  height:32px!important;line-height:32px!important;padding:0 13px!important;border-radius:999px!important;
  color:#d9e2eb!important;font-size:13px!important;font-weight:500!important;background:transparent!important;
}
#header_menu ul.header_menu-list .nav-item>a:after{display:none!important;}
#header_menu ul.header_menu-list .nav-item:hover>a,
#header_menu ul.header_menu-list .nav-item.is-active>a{
  color:#0a1119!important;background:#fff!important;box-shadow:0 5px 16px rgba(0,0,0,.25)!important;
}
#header_right{order:4;position:static!important;float:none!important;margin-left:0!important;}
#header .btn-login,.user-trigger{
  height:38px!important;min-width:38px!important;border-radius:999px!important;padding:0 13px!important;
  background:rgba(11,17,25,.60)!important;border:1px solid var(--one-line)!important;color:#fff!important;
  backdrop-filter:blur(14px);
}
#header .btn-login i{position:static!important;transform:none!important;font-size:18px!important;line-height:36px!important;}
#header_menu .header_menu-sub ul.sub-menu,.search-content .search-result-pop,.user-menu{
  background:rgba(15,23,33,.96)!important;border:1px solid var(--one-line)!important;
  box-shadow:var(--one-shadow)!important;backdrop-filter:blur(20px);border-radius:14px!important;
}

/* Cinematic full-bleed home hero. */
#slider{
  height:min(78vh,760px)!important;min-height:560px!important;padding-bottom:0!important;margin:0 0 38px!important;
  border-radius:0!important;background:#0b1017!important;
}
#slider .swiper-wrapper,#slider .swiper-slide{height:100%!important;}
#slider .swiper-slide{background-position:center 24%!important;background-size:cover!important;}
#slider .swiper-slide:before{
  height:70%!important;background:linear-gradient(0deg,var(--one-bg) 0%,rgba(12,17,24,.66) 30%,transparent 80%)!important;
}
#slider .swiper-slide:after{
  background:linear-gradient(90deg,rgba(7,12,18,.94) 0%,rgba(7,12,18,.56) 35%,rgba(7,12,18,.06) 70%),
             linear-gradient(180deg,rgba(5,9,14,.26),transparent 40%)!important;
}
#slider .swiper-slide .slide-link{background:rgba(0,0,0,.04)!important;}
#slider .slide-caption{
  left:0!important;bottom:58px!important;max-width:520px!important;text-shadow:0 3px 18px rgba(0,0,0,.75)!important;
  transform:none!important;
}
#slider .slide-caption .film-title{font-size:clamp(2.35rem,4.6vw,4.8rem)!important;line-height:.98!important;font-weight:700!important;letter-spacing:-.035em!important;margin-bottom:18px!important;}
#slider .slide-caption .film-title a{color:#fff!important;}
#slider .slide-caption .sc-detail{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:7px!important;margin-bottom:14px!important;}
#slider .slide-caption .sc-detail .scd-item{
  margin:0!important;padding:4px 9px!important;border-radius:999px!important;
  color:#e9f1f8!important;background:rgba(9,15,22,.52)!important;border:1px solid var(--one-line)!important;
  backdrop-filter:blur(9px);font-size:12px!important;
}
#slider .quality{background:#fff!important;color:#0c1118!important;font-weight:700!important;border-radius:999px!important;box-shadow:none!important;}
#slider .slide-caption p.sc-desc{color:#c7d0da!important;font-size:14px!important;line-height:1.55!important;max-width:500px!important;margin-bottom:18px!important;}
#slider .slide-caption .sc-buttons .btn-sc-action{
  height:38px!important;line-height:36px!important;border-radius:999px!important;background:rgba(12,18,26,.62)!important;
  border:1px solid var(--one-line-strong)!important;color:#fff!important;backdrop-filter:blur(12px);
}
#slider .slide-caption .sc-buttons .btn-sc-action.btn-sc-play{
  background:#fff!important;color:#0b121a!important;border-color:#fff!important;box-shadow:0 10px 26px rgba(0,0,0,.30)!important;
}
.container-pagination{left:auto!important;right:24px!important;bottom:26px!important;transform:none!important;}
.swiper-pagination-bullet{width:30px!important;height:4px!important;background:rgba(255,255,255,.48)!important;}
.swiper-pagination-bullet-active{width:48px!important;background:var(--one-blue)!important;opacity:1!important;}

/* Content canvas and section typography. */
#main-wrapper{background:transparent!important;}
.block_area{margin-bottom:42px!important;}
.block_area .block_area-header{align-items:center!important;}
.cat-heading,.block_area .block_area-header .cat-heading{
  padding-left:0!important;color:#fff!important;font-weight:650!important;font-size:clamp(1.35rem,2vw,2rem)!important;letter-spacing:-.02em!important;
}
.cat-heading:after,.block_area .block_area-header .cat-heading:before{display:none!important;}
.block_area .block_area-header .viewmore .btn{color:#d6e0ea!important;border:1px solid var(--one-line)!important;background:rgba(255,255,255,.035)!important;border-radius:999px!important;}
.block_area .block_area-header .viewmore .btn:hover{background:#fff!important;color:#0c1118!important;}
.pre-tabs{border:0!important;background:rgba(255,255,255,.035)!important;padding:4px!important;border-radius:999px!important;}
.pre-tabs .nav-item .nav-link{border-radius:999px!important;background:transparent!important;color:#aeb9c4!important;}
.pre-tabs .nav-item .nav-link.active{background:#fff!important;color:#0c1118!important;box-shadow:none!important;}

/* Poster cards: clean, rounded, restrained blue highlight. */
.flw-item{transform:none!important;}
.flw-item:hover{transform:translateY(-5px)!important;}
.film-poster{border-radius:14px!important;border:1px solid rgba(255,255,255,.055)!important;background:#111923!important;box-shadow:0 10px 28px rgba(0,0,0,.20)!important;}
.flw-item:hover .film-poster{border-color:rgba(31,174,244,.55)!important;box-shadow:0 18px 38px rgba(0,0,0,.42),0 0 0 1px rgba(31,174,244,.16)!important;}
.flw-item .film-poster .film-poster-ahref:after{background:linear-gradient(180deg,transparent 50%,rgba(7,12,18,.78))!important;}
.flw-item .film-poster .film-poster-ahref:before{background:#fff!important;color:#0c1118!important;box-shadow:0 10px 24px rgba(0,0,0,.35)!important;}
.flw-item .pick.film-poster-quality,.film-poster-quality{
  background:var(--one-blue)!important;color:#06121a!important;font-weight:800!important;border:0!important;box-shadow:none!important;
}
.flw-item .pick{background:rgba(8,13,19,.74)!important;color:#fff!important;border:1px solid var(--one-line)!important;backdrop-filter:blur(9px);}
.film_list .film_list-wrap .flw-item .film-detail .film-name a{color:#edf3f8!important;font-weight:550!important;}
.film_list .film_list-wrap .flw-item:hover .film-detail .film-name a{color:var(--one-blue-2)!important;}
.fdi-item,.fdi-type{color:#98a4b0!important;}
.dot{background:var(--one-blue)!important;}

/* General UI surfaces. */
.btn-primary,.btn-focus{background:var(--one-blue)!important;border-color:var(--one-blue)!important;color:#07131b!important;font-weight:700!important;}
.btn-primary:hover,.btn-focus:hover{background:var(--one-blue-2)!important;border-color:var(--one-blue-2)!important;color:#07131b!important;}
.btn-secondary{background:#17212d!important;border-color:var(--one-line)!important;color:#e9f0f6!important;}
.form-control:focus,.preform .form-control:focus{border-color:var(--one-blue)!important;box-shadow:0 0 0 3px var(--one-blue-soft)!important;}
#sidebar_menu{background:rgba(15,23,33,.98)!important;border:1px solid var(--one-line)!important;box-shadow:var(--one-shadow)!important;}
#sidebar_menu .sidebar_menu-list>.nav-item .nav{background:#0d151e!important;}
#sidebar_menu a:hover,#sidebar_menu .sidebar_menu-list>.nav-item .nav>.nav-item>.nav-link:hover{color:var(--one-blue-2)!important;}
.modal-content,.premodal .modal-content{background:#111923!important;color:#eaf1f7!important;border-color:var(--one-line)!important;}

/* Footer. */
#footer .top{background:#0a1017!important;border-top:1px solid var(--one-line)!important;}
#footer .bot{background:#080d13!important;border-top:1px solid rgba(255,255,255,.05)!important;}
#footer a{color:#aeb8c2!important;}
#footer a:hover{color:#fff!important;}
#footer .icons>div>.icon{border-color:rgba(31,174,244,.58)!important;color:var(--one-blue)!important;}
#footer .icons>div>span{color:#d7e1ea!important;}
.backtotop-btn{background:var(--one-blue)!important;color:#06121a!important;border-color:rgba(31,174,244,.40)!important;}

@media (max-width:1279px){
  #header>.container{padding:0 14px!important;justify-content:center!important;}
  #header #logo{position:static!important;margin:0 auto!important;}
  #search{right:76px!important;top:17px!important;margin:0!important;width:260px!important;position:absolute!important;}
  #header_right{position:absolute!important;right:14px!important;top:17px!important;}
  #mobile_menu{top:16px!important;left:12px!important;}
  #slider{height:680px!important;min-height:520px!important;}
}
@media (max-width:759px){
  #header{height:64px!important;}
  #header>.container{height:64px!important;}
  #header #logo,#header #logo img{width:104px!important;height:auto!important;}
  #search.active{top:58px!important;left:12px!important;right:12px!important;width:auto!important;}
  #mobile_search{top:12px!important;right:62px!important;}
  #mobile_menu{top:12px!important;}
  #header_right{top:13px!important;right:12px!important;}
  #slider{height:600px!important;min-height:500px!important;}
  #slider .slide-caption{left:0!important;right:0!important;bottom:42px!important;max-width:92%!important;}
  #slider .slide-caption .film-title{font-size:2.35rem!important;}
  .container-pagination{display:none!important;}
}
@media (max-width:480px){
  #logo img{display:block!important;}
  #slider{height:540px!important;min-height:480px!important;}
  #slider .slide-caption p.sc-desc{display:none!important;}
  .film_list .film_list-wrap .flw-item{width:46%!important;}
}

/* Desktop navigation remains visible at laptop widths, matching the reference. */
#header_menu{display:block!important;}
#header #logo{position:relative!important;left:auto!important;right:auto!important;top:auto!important;}
#search{left:auto!important;right:auto!important;top:auto!important;}
.mobile-button{display:none!important;}

@media (min-width:901px) and (max-width:1279px){
  #header>.container{padding:0 14px!important;justify-content:flex-start!important;gap:10px!important;}
  #header #logo{margin:0!important;width:108px!important;}
  #header #logo img{width:108px!important;}
  #search{position:relative!important;width:190px!important;margin:0!important;}
  #header_menu{display:block!important;margin-left:auto!important;}
  #header_menu ul.header_menu-list{display:flex!important;}
  #header_menu ul.header_menu-list .nav-item>a{padding:0 10px!important;font-size:12px!important;}
  #header_right{position:static!important;margin-left:0!important;}
  #mobile_menu,#mobile_search{display:none!important;}
}

@media (max-width:900px){
  #header_menu{display:none!important;}
  #mobile_menu,#mobile_search{display:block!important;}
  #header>.container{padding:0 12px!important;justify-content:center!important;}
  #header #logo{position:relative!important;left:auto!important;margin:0 auto!important;}
  #search{display:none!important;}
  #search.active{display:block!important;position:absolute!important;top:58px!important;left:12px!important;right:12px!important;width:auto!important;}
  #header_right{position:absolute!important;right:12px!important;top:17px!important;}
}


/* ===== 1shows v2 layout and interaction fixes ===== */
/* Keep normal pages clear of the absolute glass header. */
body.page-inner #main-wrapper{
  padding-top:104px!important;
}
body.page-index #oneshows-home{
  padding-top:112px!important;
}

/* Desktop dropdown: remove the dead hover gap and keep the panel reachable. */
#header_menu ul.header_menu-list>.nav-item{
  position:relative!important;
}
#header_menu .header_menu-sub{
  top:100%!important;
  margin-top:0!important;
  padding-top:9px!important;
}
#header_menu .header_menu-sub ul.sub-menu{
  margin-top:0!important;
}

/* Poster hover play control: use the real icon element as a visible button. */
.flw-item .film-poster .film-poster-ahref{
  z-index:8!important;
  overflow:hidden!important;
}
.flw-item .film-poster .film-poster-ahref:before{
  display:none!important;
}
.flw-item .film-poster .film-poster-ahref:after{
  z-index:2!important;
  opacity:0!important;
  background:rgba(5,10,16,.58)!important;
  transition:opacity .18s ease!important;
}
.flw-item .film-poster .film-poster-ahref i{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  z-index:4!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:56px!important;
  height:56px!important;
  margin:0!important;
  padding:0 0 0 3px!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#0a1119!important;
  font-size:18px!important;
  line-height:1!important;
  opacity:0!important;
  transform:translate(-50%,-50%) scale(.82)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.42)!important;
  pointer-events:none!important;
  transition:opacity .18s ease,transform .18s ease!important;
}
.flw-item .film-poster:hover .film-poster-ahref:after,
.flw-item .film-poster .film-poster-ahref:hover:after,
.flw-item .film-poster .film-poster-ahref:focus-visible:after{
  opacity:1!important;
}
.flw-item .film-poster:hover .film-poster-ahref i,
.flw-item .film-poster .film-poster-ahref:hover i,
.flw-item .film-poster .film-poster-ahref:focus-visible i{
  opacity:1!important;
  transform:translate(-50%,-50%) scale(1)!important;
}

@media (max-width:900px){
  body.page-inner #main-wrapper{
    padding-top:84px!important;
  }
  body.page-index #oneshows-home{
    padding-top:82px!important;
  }
}
@media (max-width:575px){
  #oneshows-home .oneshows-logo{
    display:block!important;
    width:100%!important;
    margin:0 auto 18px!important;
    text-align:center!important;
  }
  #oneshows-home .oneshows-logo img{
    display:block!important;
    width:auto!important;
    height:42px!important;
    max-width:min(78vw,190px)!important;
    margin:0 auto!important;
    object-fit:contain!important;
  }
}