/* assets/tv.css — تحسينات تجربة التلفاز (D-pad navigation)
 * يُحمّل تلقائياً ويتفعّل عند اكتشاف User-Agent تلفاز.
 */

/* تركيز واضح لكل العناصر القابلة للنقر */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[tabindex]:focus,
.chip:focus,
.poster-card:focus,
.episode-btn:focus {
  outline: 4px solid #e50914 !important;
  outline-offset: 3px !important;
  border-radius: 8px !important;
  transform: scale(1.05);
  transition: transform 0.15s ease, outline 0.1s ease;
  z-index: 99 !important;
  position: relative;
  box-shadow: 0 0 24px rgba(229, 9, 20, 0.6) !important;
}

/* للتلفاز فقط: تكبير الخطوط والأهداف */
@media (min-width: 1280px) and (pointer: coarse),
       (min-width: 1920px) {
  body { font-size: 18px; }
  .header { padding: 16px 32px; }
  .nav a { padding: 10px 18px; font-size: 18px; }
  .poster-card { min-width: 200px; }
  .chip, button { min-height: 48px; min-width: 48px; padding: 12px 20px; }
}

/* وضع الـ standalone (داخل التطبيق): نخفي شريط متصفح وهمي */
@media all and (display-mode: standalone),
       all and (display-mode: fullscreen) {
  /* مساحة آمنة لشاشات iPhone notch */
  body { padding-top: env(safe-area-inset-top); }
}