/* تلویزیون دام فارم — موبایل و سئو (وصله‌ی ۱۷). بعد از tv.css بارگذاری می‌شود. */
/* ---------------------------------------------------------------------
   موبایل (زیر ۷۲۰px): سربرگ دو ردیفه، نوار پایین مثل اپ، فوتر فشرده،
   پخش‌کننده‌ی غیرچسبان. هیچ عنصری نباید صفحه را از عرض گوشی پهن‌تر کند.
--------------------------------------------------------------------- */
html,body{overflow-x:hidden}
.tv-bnav{display:none}
@media (max-width:719px){
  .tv-hide-sm{display:none !important}
  .tv-header-row{flex-wrap:wrap;height:auto;gap:8px 10px;padding-block:8px}
  .tv-logo{font-size:16px;gap:6px;min-width:0}
  .tv-logo .nabz-mark{width:22px;height:28px}
  .tv-nav-actions{gap:8px}
  .tv-nav-actions .btn{padding:7px 14px;font-size:13px}
  .tv-nav-actions .avatar{width:34px;height:34px}
  .tv-search{order:3;flex:1 0 100%;max-width:none;padding:8px 14px}
  .tv-search input{font-size:15px}  /* زیر ۱۶ نیست تا iOS زوم نکند؛ ۱۵ با فونت درشت وزیر کافی است */
  .nabz-strip{height:26px !important}
  .tv-ticker{font-size:12px;padding:6px 0}
  .tv-catbar .hscroll{padding-block:10px;scrollbar-width:none}
  .tv-catbar .hscroll::-webkit-scrollbar{display:none}
  .chip{padding:7px 14px;font-size:13px}
  .tv-hero{padding:18px 0 4px}
  .tv-hero-head h2{font-size:17px}
  .v-card{width:156px}
  .v-grid{gap:14px 10px}
  .v-title{font-size:13px}
  .v-meta .avatar{display:none}
  .tv-banner h3,.tv-banner p{max-width:100%}

  /* صفحه‌ی ویدیو: پخش‌کننده روی موبایل نچسبد (قبلاً کل صفحه را زیر خودش می‌پوشاند) */
  .watch-wrap{gap:16px;padding:12px 0 40px}
  .player-col{position:static}
  .player-frame{max-height:72vh;max-height:72svh;border-radius:var(--radius-md)}
  .watch-title{font-size:17px;margin-top:12px}
  .watch-actions .btn{flex:1 1 auto}
  .breadcrumb{overflow:hidden;white-space:nowrap}
  .breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis}
  .comment-form{flex-wrap:wrap}

  /* فوتر: فهرست‌ها به‌شکل تراشه‌های کنار هم، نه ستون بلند */
  .tv-footer{margin-top:36px;padding:26px 0 calc(env(safe-area-inset-bottom,0px) + 90px)}
  .tv-footer-cols{gap:18px}
  .tv-footer h4{margin-bottom:8px}
  .tv-fchips{display:flex;flex-wrap:wrap;gap:6px}
  .tv-fchips li{margin:0}
  .tv-fchips a{display:inline-block;padding:6px 12px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);font-size:12.5px}
  .tv-footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:4px}

  /* نوار پایین: ۵ دکمه‌ی هم‌اندازه؛ شورتز با بیضی زرد و خط نبض */
  .tv-bnav{
    display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:60;
    padding:4px 4px calc(env(safe-area-inset-bottom,0px) + 4px);
    background:rgba(255,252,246,.94);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);
    border-top:1px solid var(--line);box-shadow:0 -10px 28px -18px rgba(33,40,29,.4);
  }
  .tv-bnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;color:var(--ink-soft);font-size:11px;font-weight:700;-webkit-tap-highlight-color:transparent}
  .tv-bnav svg{width:48px;height:30px;padding:4px 12px;border-radius:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:background .2s,transform .15s cubic-bezier(.3,1.6,.5,1)}
  .tv-bnav a:active svg{transform:scale(.86)}
  .tv-bnav a.on{color:var(--green)}
  .tv-bnav a.on svg{background:var(--green-ink)}
  .tv-bnav .tv-bnav-shorts svg{padding:0;width:auto;height:34px;overflow:visible;transform-origin:50% 55%;filter:drop-shadow(0 2px 7px rgba(226,150,15,.65));animation:tvBeat 1.4s ease-in-out infinite}
  .tv-bnav .tv-bnav-shorts span{color:var(--amber-ink)}
  @keyframes tvBeat{0%,100%{transform:scale(1)}12%{transform:scale(1.18)}24%{transform:scale(1)}36%{transform:scale(1.1)}50%{transform:scale(1)}}  /* لاب-داب */
}
@media (max-width:719px) and (prefers-reduced-motion:reduce){.tv-bnav .tv-bnav-shorts svg{animation:none}}
@media (max-width:360px){.tv-logo span{font-size:15px}.v-card{width:140px}}

/* تیتر اصلی صفحه‌ی خانه (برای سئو و صفحه‌خوان)؛ کوچک و آرام تا جای ویدیوها را نگیرد */
.tv-h1{font-size:15px;font-weight:700;color:var(--ink-soft);margin:16px 0 0;line-height:1.7}