/* ==========================================================================
   حالت تلویزیون (html.kf-tv) — Google TV / Android TV / Tizen / webOS
   مرورگر هدف: Chrome 98، صفحه‌ی ۱۲۸۰×۶۲۴ با DPR 1.5، کنترل با ریموت (کلیدهای جهت + OK)
   قوانین: بدون color-mix، :has، container query، nesting، svh/dvh (Chrome 98 نمی‌فهمد)
   ========================================================================== */

/* ---------- ۱) قاب فوکوس ریموت — مهم‌ترین بخش ----------
   قالب در ۲۶ جا outline را برای :focus خاموش کرده بود → روی تلویزیون معلوم نبود کجا هستید. */
html.kf-tv a:focus,
html.kf-tv button:focus,
html.kf-tv input:focus,
html.kf-tv select:focus,
html.kf-tv textarea:focus,
html.kf-tv [tabindex]:focus,
html.kf-tv a:focus-visible,
html.kf-tv button:focus-visible,
html.kf-tv [tabindex]:focus-visible {
  outline: 3px solid #ffd54a !important;
  outline-offset: -3px !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .6), 0 0 22px rgba(255, 213, 74, .45) !important;
  border-radius: 10px;
  position: relative;
  z-index: 5;
}

/* منوی بالا و دکمه‌های هدر: قاب بیرون از دکمه (جا دارد) */
html.kf-tv #navbar a:focus,
html.kf-tv #navbar button:focus,
html.kf-tv #navbar [tabindex]:focus {
  outline-offset: 2px !important;
  background-color: rgba(77, 107, 255, .28) !important;
}

/* کارت‌ها: قاب روی خود پوستر + کمی بزرگ‌تر */
html.kf-tv .film_card6_blue .fc6b_link:focus {
  outline: none !important;
  box-shadow: none !important;
}
html.kf-tv .film_card6_blue .fc6b_link:focus .fc6b_frame {
  transform: scale(1.05);
  box-shadow: 0 0 0 3px #ffd54a, 0 0 26px rgba(255, 213, 74, .5) !important;
  border-radius: 14px;
  z-index: 6;
}
html.kf-tv .film_card6_blue .fc6b_link:focus .fc6b_title {
  color: #ffd54a !important;
}
html.kf-tv .film_card6_blue .fc6b_frame {
  transition: transform .12s ease, box-shadow .12s ease !important;
}

/* کاروسل‌ها: جای کافی برای بزرگ شدن کارت فوکوس‌شده */
html.kf-tv .owl-carousel .owl-stage-outer {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* ---------- ۲) نوشته‌های ریز → خوانا از فاصله‌ی ۲ تا ۳ متری ---------- */
html.kf-tv body {
  font-size: 16px;
}
html.kf-tv small,
html.kf-tv .small {
  font-size: 14px !important;
}
html.kf-tv .fc6b_title {
  font-size: 15px !important;
  line-height: 1.5 !important;
}
html.kf-tv .fc6b_title_en {
  font-size: 13px !important;
}
html.kf-tv .fc6b_meta,
html.kf-tv .fc6b_imdb,
html.kf-tv .fc6b_year,
html.kf-tv .fc6b_genres {
  font-size: 13px !important;
}
html.kf-tv .fc6b_lang_text {
  font-size: 12.5px !important;
}
html.kf-tv .fc6b_lang_cc {
  font-size: 10px !important;
}
html.kf-tv .fc6b_rank_label {
  font-size: 10px !important;
}
html.kf-tv .cfs-rc-title {
  font-size: 14px !important;
}
html.kf-tv .cfs-rc-rate,
html.kf-tv .cfs-rc-year,
html.kf-tv .cfs-tag {
  font-size: 13px !important;
}
html.kf-tv .sc2__chip,
html.kf-tv .sc2__season-label,
html.kf-tv .sc2__ep-t,
html.kf-tv .sc2__cap-fa,
html.kf-tv .kzt_tw__en,
html.kf-tv .name_fa,
html.kf-tv .mi-lbl,
html.kf-tv .post_released,
html.kf-tv .asl-btn {
  font-size: 13.5px !important;
}
html.kf-tv .kzt_tw__chg {
  font-size: 12px !important;
}
/* منوی بالا */
html.kf-tv #navbar .top_nav > ul > li > a,
html.kf-tv #navbar .top_nav > div > ul > li > a {
  font-size: 16px !important;
}
/* تب‌های صفحه‌ی فیلم */
html.kf-tv .casual_tabs .nav-link {
  font-size: 16px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
/* دکمه‌های دانلود/پخش قسمت‌ها: هدف بزرگ‌تر برای ریموت */
html.kf-tv .btn-episode,
html.kf-tv .dlbox_toggle_btn,
html.kf-tv .kep-season,
html.kf-tv .kep-episode {
  min-height: 44px;
  font-size: 15px !important;
}
html.kf-tv .dlbox_group_title {
  font-size: 17px !important;
}

/* ---------- ۳) سبک‌تر برای پردازنده‌ی ضعیف تلویزیون ----------
   blur پشت لایه‌ها روی ARM 32 بیتی اسکرول را کند می‌کند؛ به‌جایش پس‌زمینه‌ی پر. */
html.kf-tv *,
html.kf-tv *::before,
html.kf-tv *::after {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html.kf-tv * {
  transition-duration: .12s !important;
  scroll-behavior: auto !important;
}

/* لایه‌هایی که با blur شیشه‌ای بودند → پس‌زمینه‌ی تیره‌ی پر */
html.kf-tv #navbar.header.sticky {
  background: #0b1424 !important;
}
html.kf-tv .header .top_nav li > ul.sub-menu {
  background: linear-gradient(180deg, #14253e, #09111c) !important;
}
html.kf-tv .hsearch__panel,
html.kf-tv .search_modal,
html.kf-tv .search_modal__content {
  background: #0d1726 !important;
}
html.kf-tv .float_menu {
  background: #0d1726 !important;
}
html.kf-tv .modal-content,
html.kf-tv .dropdown-menu {
  background: #111d31 !important;
}

/* ---------- ۴) چیدمان ---------- */
/* فاصله‌ی امن از لبه‌ی تلویزیون (بعضی تلویزیون‌ها لبه‌ها را می‌برند) */
html.kf-tv .container,
html.kf-tv .container-fluid {
  padding-left: 28px !important;
  padding-right: 28px !important;
}
/* پیام‌ها و نوار پایینی موبایل روی تلویزیون لازم نیست */
html.kf-tv .mobile-nav,
html.kf-tv .bottom_nav,
html.kf-tv .mobile_bottom_nav,
html.kf-tv .install-app-banner {
  display: none !important;
}
/* اسکرول‌بار نازک اما دیدنی (برای فهم موقعیت صفحه) */
html.kf-tv ::-webkit-scrollbar {
  width: 8px;
  height: 0;
}
html.kf-tv ::-webkit-scrollbar-thumb {
  background: rgba(204, 225, 255, .25);
  border-radius: 8px;
}

/* ---------- ۵) پخش آنلاین ---------- */
html.kf-tv body.playonline-v2 {
  height: 100%;
  overflow: hidden !important;
}
html.kf-tv body.playonline-v2 .main_video {
  height: 100vh !important;
  min-height: 100vh !important;
}

/* ---------- ۶) راهنمای ریموت (یک‌بار، پایین صفحه) ---------- */
html.kf-tv .kf-tv-hint {
  position: fixed;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99999;
  background: rgba(9, 17, 28, .94);
  color: #e8eefc;
  border: 1px solid rgba(255, 213, 74, .5);
  border-radius: 14px;
  padding: 12px 22px;
  font-size: 16px;
  box-shadow: 0 14px 40px rgba(0, 0, 0, .6);
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s ease !important;
}
html.kf-tv .kf-tv-hint.is-on {
  opacity: 1;
}
html.kf-tv .kf-tv-hint b {
  color: #ffd54a;
}