/* === Upstream inline style block 4 === */
.darkmode .bxcl ul li span.dt a{background:#30353c;}
			#main-menu,.soraddlx .sorattlx,.releases .vl,.serieslist.pop ul li.topone .limit .bw .ctr,#footer .footermenu,.bigcontent .infox .spe span:before,.commentx #submit,.naveps .nvsc a,.radiox input:checked ~ .checkmarkx,.advancedsearch button.searchz,.lista a:hover,.bxcl ul li span.dt a:hover,.bookmark,.bs .bsx .limit .typez.Drama,.hpage a,.slider:before,.darkmode .naveps .nvsc a,.darkmode .lista a,.darkmode .nav_apb a:hover,#sidebar .section ul.season li:before,#sidebar .section ul.season::-webkit-scrollbar-thumb,#sidebar .section .ongoingseries ul li a .l .fas, #sidebar .section .ongoingseries ul li a .r,.releases.latesthome,.quickfilter .filters .filter.submit button,.footer-az .az-list li a,.stylesix .bsx .upscore,.stylefor .bsx .tt span i,.soraddlx .soraurlx strong,.bxcl ul li:hover,.darkmode .quickfilter .filters .filter.submit button,.darkmode .bxcl ul li:hover,#sidebar .section .ongoingseries ul::-webkit-scrollbar-thumb,.quickfilter .filters .filter .scrollz::-webkit-scrollbar-thumb,.bxcl ul::-webkit-scrollbar-thumb,.bigcontent .infox .genxed a:hover,.lastend .inepcx a,.single-info.bixbox .infox .spe span:before,.single-info.bixbox .infox .genxed a:hover,.series-gen .nav-tabs li.active a,.naveps.bignav .nvs.nvsc a,.darkmode .naveps.bignav .nvs.nvsc a,#top-menu li a:hover,.topmobile,.comment-list .comment-body .reply a:hover,.mngentwo .centernav .surprise,#menutwo .inmenu > ul,#menutwo .inmenu > ul>li>a,#menutwo .inmenu > ul>li:first-child:before,#menutwo .inmenu > ul>li:last-child:after,#slidertwo .item .info,.styletwo #sidebar .section .quickfilter .filters .filter.submit button,.styletwo .bs .bsx .limit .bt .epx,#slidertwo .swiper-pagination > span.swiper-pagination-bullet-active,.mngentwo .centernav .searchx.searchmobi #form #s,#sidebar .section .ts-wpop-series-gen .ts-wpop-nav-tabs li.active span,.bixbox .bvl,.post-nav-links .post-page-numbers,.paginationjs ul li a:hover,.paginationjs ul li.active a,.darkmode .paginationjs ul li.active a{background:#0c70de;}
			.pagination span.page-numbers.current,#gallery.owl-loaded .owl-dots .owl-dot.active span,.taxindex li a:hover,.darkmode .taxindex li a:hover{background:#0c70de !important;}
			.releases span,.advancedsearch button.searchz,.lista a:hover,.darkmode .lista a,.stylefor .bsx:hover,.bxcl ul li:hover,.single-info.bixbox .infox .genxed a:hover,.comment-list .comment-body .reply a {border-color:#0c70de;}
			.surprise:hover {color: #FFF;background: #333;}
			a:hover,.listupd .lexa .dtl h2 a:hover,.live-search_result_container a:hover,.footer-az .az-list li a:hover,.bxcl ul li span.dt a .dashicons .darkmode #sidebar .section .serieslist ul li .leftseries span a,.stylefor a:hover,.seventh .main-seven .tt .sosev span a:hover,.stylesix .bsx .inf span a,.epl-num a,.bixbox.episodedl .epwrapper .epheader .entry-info a,.darkmode a:hover,.dlbox ul li span a,.single-info.bixbox .infox .infolimit h2,.stylenine .bsx .inf span a,.comment-list .comment-body .reply a,.bigcontent .infox .spe span a,#slidertwo .item .info .watch:hover,#slidertwo .paging > div:hover i,.single-info.bixbox .infox .spe span a,.cmt .must-log-in a, .bigcontent .infox .spe span a,.stylesix .bsx .inf ul li a,.meta .year a,.blogpost .entry-header .entry-meta a,.darkmode .blogpost .entry-header .entry-meta a:hover,.darkmode .single-info.bixbox .infox .spe span a:hover,.darkmode .bigcontent .infox .spe span a:hover,.darkmode .cmt .must-log-in a:hover{color:#0c70de;}
			.footer-az .az-list li a:hover{color:#0c70de !important;}
			.releases h1,.releases h3,#sidebar .section h4 {color:#333}
			.bs .bsx .limit .ply {background:rgba(0,0,0,0.5);}
			#main-menu ul li a:hover {text-decoration:none;color:#FFF;}
			.serieslist ul li .ctr,.bigcontent .infox .genxed a,.single-info.bixbox .infox .genxed a{color:#0c70de;border-color:#0c70de;}
			.darkmode .bigcontent .infox .genxed a,.darkmode .single-info.bixbox .infox .genxed a{color:#CCC}
			.darkmode .bigcontent .infox .genxed a:hover,.darkmode .single-info.bixbox .infox .genxed a:hover,.darkmode .single-info.bixbox .infox .infolimit h2,#ts-history-pagination ul li.active a{color:#FFF}
			.modex a {background: #333;}
			.modex a:hover,.stylefor .bsx .tt span i,.darkmode .naveps.bignav .nvs.nvsc a {color: #FFF;}
			.bigcontent .rt .rating,.bxcl ul li span.dt a{background: #f8f8f8;}
			.bookmark:hover{background:#1d1b26}
			.darkmode .lista a:hover{background:#333}
			@media only screen and (max-width: 800px){
				.th,.darkmode .th{background:#0c70de;}
				#main-menu{background:rgba(28,28,28,.95);}
				.surprise{background:#0c70de;}
			}

/* === Upstream inline style block 13 === */
.ak-tabbox{ --ak-green:#0c70de; --ak-line:rgba(255,255,255,.12); --ak-txt:inherit; --ak-tabbg:transparent; }

  /* Tabs */
  .ak-tabbox .ak-tabs{ display:flex; gap:6px; border-bottom:1px solid var(--ak-line); margin-top:-5px; margin-bottom:10px; }
  .ak-tabbox .ak-tab{
    appearance:none; background:var(--ak-tabbg); color:var(--ak-txt);
    border:none; padding:6px 14px 10px; border-radius:8px 8px 0 0; font:inherit; cursor:pointer; opacity:.85;
  }
  .ak-tabbox .ak-tab:hover{ opacity:1; }
  .ak-tabbox .ak-tab.is-active{ opacity:1; position:relative; font-weight:600; }
  .ak-tabbox .ak-tab.is-active::after{ content:""; position:absolute; left:0; right:0; bottom:-2px; height:3px; background:var(--ak-green); border-radius:2px; }

  .ak-tabbox .ak-panel[hidden]{ display:none !important; }

  /* Bullet hijau untuk semua list */
  .ak-tabbox .ak-panel ul{ list-style:none; margin:0; padding:0; }
  .ak-tabbox .ak-panel li{
    position:relative; margin:0; padding:4px 0 4px 18px; line-height:1.5; word-break:break-word;
  }
  .ak-tabbox .ak-panel li::before{
    content:""; position:absolute; left:0; top:1.05em; transform:translateY(-50%);
    width:8px; height:8px; background:var(--ak-green); border-radius:2px; box-shadow:0 0 0 2px rgba(41,160,59,.14);
  }

  /* ===== Split 2 kolom HANYA untuk tab Rekomen ===== */
  .ak-tabbox .ak-rekomen-list{
    display:grid; grid-template-columns:1fr; column-gap:32px; row-gap:8px;
  }
  @media (min-width:768px){
    .ak-tabbox .ak-rekomen-list{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  }
/* Perkecil jarak antar item khusus tab Rekomen */
.ak-tabbox .ak-rekomen-list{ 
  row-gap: 4px;                 /* semula 8px */
}
.ak-tabbox .ak-rekomen-list li{
  padding: 2px 0 2px 18px;      /* semula 4px atas/bawah */
  line-height: 1.35;            /* sedikit rapat */
}
.ak-tabbox .ak-rekomen-list li::before{
  top: .95em;                   /* sesuaikan posisi bullet */
}

/* (opsional) lebih rapat lagi */
/*
.ak-tabbox .ak-rekomen-list{ row-gap: 2px; }
.ak-tabbox .ak-rekomen-list li{ line-height:1.3; }
*/

	/* NORMALKAN SPASI DI TAB INFO SAJA */
.ak-tabbox #ak-panel-info{
  text-align: left !important;         /* hindari jarak melebar karena justify */
}

.ak-tabbox #ak-panel-info li,
.ak-tabbox #ak-panel-info p,
.ak-tabbox #ak-panel-info a,
.ak-tabbox #ak-panel-info span{
  word-spacing: normal !important;
  letter-spacing: normal !important;
  white-space: normal !important;
  text-transform: none !important;     /* kalau tema bikin uppercase/spacing */
  line-height: 1.5;                    /* tetap nyaman dibaca */
}

/* === Upstream inline style block 14 === */
/* ====== CSS KHUSUS TOMBOL ====== */
    .btn-stack a{
        display:block; width:100%; text-align:center; text-decoration:none;
        padding:6px 5px; border-radius:4px; font-weight:300; margin:0 0 8px 0;
		font-size: 13px;
    }
    .btn-stack .btn-trailer{ background:#e50914; color:#fff; }
    .btn-stack .btn-terkait{ background:#16a34a; color:#fff; }
    .btn-stack--desktop{ display:block; margin-top:5px; }
    .btn-stack--mobile{ display:none;  margin-top:-5px; }
    @media (max-width: 768px){
        .btn-stack--desktop{ display:none; }
        .btn-stack--mobile{ display:block; }
    }
    .btn-stack i{ margin-right:6px; }

/* Mobile (100% transparan + warna lebih redup) */
.btn-stack--mobile .btn-trailer {
    background: transparent;
    border: 1.5px solid #b20710;  /* merah lebih gelap */
    color: #b20710;
    border-radius: 3px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    transition: all 0.25s ease;
}
.btn-stack--mobile .btn-terkait {
    background: transparent;
    border: 1.5px solid #0f7a36; /* hijau lebih gelap */
    color: #0f7a36;
    border-radius: 3px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    transition: all 0.25s ease;
}

/* Efek hover (lebih soft) */
.btn-stack--mobile .btn-trailer:hover {
    background: rgba(178, 7, 16, 0.12); /* warna hover lebih lembut */
    box-shadow: 0 4px 10px rgba(178, 7, 16, 0.25);
    transform: translateY(-1px);
}
.btn-stack--mobile .btn-terkait:hover {
    background: rgba(15, 122, 54, 0.12);
    box-shadow: 0 4px 10px rgba(15, 122, 54, 0.25);
    transform: translateY(-1px);
}
		
/* ====== Desktop (warna lebih redup dengan opacity) ====== */
@media (min-width: 769px){
    .btn-stack--desktop .btn-trailer,
    .btn-stack--desktop .btn-terkait {
        opacity: 0.8;   /* 0.7–0.9 biasanya pas untuk efek redup */
        transition: opacity 0.25s ease;
    }

    /* Hover biar kembali full jelas */
    .btn-stack--desktop .btn-trailer:hover,
    .btn-stack--desktop .btn-terkait:hover {
        opacity: 1;
    }
	/* Hover effect */
    .btn-stack--desktop .btn-trailer:hover {
        background: #e50914; /* merah asli */
        color: #fff;         /* pastikan teks tetap putih */
    }
    .btn-stack--desktop .btn-terkait:hover {
        background: #16a34a; /* hijau asli */
        color: #fff;         /* pastikan teks tetap putih */
    }
}

/* Mobile only: dua tombol sejajar, lebar & tinggi sama */
@media (max-width: 768px){
  .btn-stack--mobile{
    display: grid;                                /* tadinya block */
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 8px;
    margin-top: -5px;
  }
  .btn-stack--mobile a{
    width: auto;          /* override width:100% */
    margin: 0;            /* hilangkan jarak vertikal */
    min-height: 30px;     /* tinggi nyaman untuk tap */
    display: flex;        /* pusatkan isi */
    align-items: center;
    justify-content: center;
  }
}

/* (Opsional) Layar sangat sempit: fallback 1 kolom */
@media (max-width: 360px){
  .btn-stack--mobile{
    grid-template-columns: 1fr;
  }
}

/* === Mobile header fix ===
 * theme/style.css un-minified has buggy `.mainheader { display:none }` at <800px.
 * Cached prod version doesn't have this. Override here to restore mobile header. */
@media only screen and (max-width:800px) {
  .mainheader { display: block; margin: 0; }
}

/* === Player fix ===
 * Theme CSS: #pembed { position:relative; padding-bottom:58.4% (16:9) }
 *            #embed_holder { position:relative; z-index:1 } — but no height!
 *            #embed_holder iframe { position:absolute; height:100%! }
 * Result: iframe absolute fills #embed_holder which has height:0 → no video.
 * Fix: make #embed_holder fill its #pembed parent with absolute positioning. */
#embed_holder {
    position: absolute !important;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%;
    height: 100%;
}

/* === Quickfilter dropdown — make full li clickable, prevent click misses === */
.quickfilter .filters .filter ul li {
    cursor: pointer;
    user-select: none;
}
.quickfilter .filters .filter ul li label {
    display: block !important;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
}
.quickfilter .filters .filter ul li:hover {
    background: rgba(12, 112, 222, 0.08);
}

/* === Mobile search: hide submit button when in expanded mobile mode === */
@media only screen and (max-width: 800px) {
    .searchx.minmbx #submitsearch {
        display: none !important;
    }
    .searchx.minmbx .srcmob.srccls {
        display: block !important;
    }
}

/* === Search/archive pagination: clear floated .bs articles === */
.listupd > .pagination,
.bixbox > .pagination {
    clear: both;
    width: auto;
}

/* === Mobile search expanded: hide outer .srcmob (search trigger) when search expanded === */
@media only screen and (max-width: 800px) {
    /* When .searchx is expanded (.minmbx), hide the OUTER .srcmob magnifying glass icon
       in .centernav so it doesn't overlap the X close button inside the form */
    body:has(.searchx.minmbx) .centernav .srcmob {
        visibility: hidden !important;
    }
}

/* === Single-card season: center + widen so it doesn't look orphaned === */
.newseason .listseries:has(> .card:only-child) {
    justify-content: center;
}
.newseason .listseries > .card:only-child {
    flex: 0 0 60%;
    max-width: 60%;
}
@media (max-width: 720px) {
    .newseason .listseries > .card:only-child {
        flex: 0 0 100%;
        max-width: 100%;
    }
}