/* TEMP: عطّل واجهة البحث العائم والزر العائم */
.floating-search,
.search-panel,
.search-overlay,
.search-modal,
.search-widget,
.search-fab,
.search-trigger,
.search-toggle,
.search-opener,
.search-open,
.search-close {
  display: none !important;
}

/* لو الزر الأحمر العائم له كلاس مختلف */
.btn-search,
.fab-search,
.search-btn-fab {
  display: none !important;
}

/* صناديق الاقتراح/البوب أوفر الخاصة بالبحث */
.search-dropdown,
.live-search-dropdown,
.autocomplete,
.search-suggestions {
  display: none !important;
}


/* ثبّت أبعاد الشعار لتجنب CLS */
.site-logo img { width: 140px; height: 40px; }

/* قلّل الظلال/الفلترات في الموبايل (أخف على الـCPU) */
@media (max-width: 768px) {
  .video-player,
  .poster-container,
  .card,
  .hero {
    box-shadow: 0 8px 20px rgba(0,0,0,.25) !important;
    backdrop-filter: none !important;
  }
}

/* اجعل الأقسام أسفل الشاشة لا تُرسم حتى يقترب المستخدم (تحسن TBT/LCP) */
.section, .grid, .cards, .episodes-grid, .footer, .widgets {
  content-visibility: auto;
  contain-intrinsic-size: 600px;
}

/* أي صورة خلفية كبيرة داخل الهيرو: أعطِها أبعادًا لتفادي القفز */
.hero, .series-hero {
  min-height: 60vh;
}

/* ألغِ الحركات الثقيلة عند من يفضّل تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

/* لو الهيرو يستخدم صورة كـ <img> داخل أول الشاشة – اعطها أولوية */
.hero img, .series-hero img, .episode-hero img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

/* ارتفاع افتراضي للهيدر (يُستبدل ديناميكياً من JS) */
:root{ --header-h: 72px; }

/* ثبّت الهيدر فوق كل شيء */
.site-header, header.site-header, .main-header, .navbar, .top-header {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 9999; /* أعلى من الهيرو */
}

/* ادفع كل الصفحة تحت الهيدر */
body:not(.admin-bar){ padding-top: var(--header-h); }

/* لو كنت داخل لوحة الإدارة (شريط WP العلوي) */
body.admin-bar{ padding-top: calc(var(--header-h) + 32px); }
@media (max-width: 782px){
  body.admin-bar{ padding-top: calc(var(--header-h) + 46px); }
}

/* منع أي مارجن سلبي/تداخل في أقسام الهيرو */
.hero, .series-hero, .page-hero {
  margin-top: 0 !important;
}

/* لو في كتلة معلومات فوق الهيرو (الكارد على اليسار)، امنعها من الصعود تحت الهيدر */
.hero .card, .series-hero .card, .series-hero .info-card {
  margin-top: 0 !important;
}

/* ضمان عدم تجاوز المحتوى للهيدر عند السحب/التحريك */
.hero, .series-hero, .page-hero, main, .site-content {
  position: relative;
  z-index: 1;
}

/* الهيدر ما عنده margin تحت */
.site-header, header.site-header, .main-header, .navbar, .top-header {
  margin-bottom: 0 !important;
}

/* أول قسم بعد الهيدر ما يعمل margin-top */
main, .site-content, .content-area,
.page-hero, .series-hero, .hero {
  margin-top: 0 !important;
}

/* تقليل الـ padding-top على الديسكتوب فقط
   غيّر 12px حسب الحاجة (8 / 10 / 14) لينطبق تمامًا */
@media (min-width: 1024px){
  body:not(.admin-bar){
    padding-top: calc(var(--header-h) - 12px);
  }
}