/* ═══════════════════════════════════════════════════════════
   تخطيط الموبايل للأجهزة اللمسية — يعمل حتى مع "Desktop site"
   لأن hover/pointer يعتمدان على الجهاز لا على عرض النافذة.
   لا يؤثر على أجهزة الكمبيوتر الحقيقية ولا على الموبايل العادي
   (الشرط min-width:769px يستثني عرض الموبايل الطبيعي).
   ═══════════════════════════════════════════════════════════ */

@media (hover: none) and (pointer: coarse) and (min-width: 769px) and (max-width: 1400px) {

  /* ── الهيدر ── */
  #nav-links, .nav-links { display: none !important; }
  #sidebar-trigger, .sidebar-trigger-btn { display: inline-flex !important; }
  .navbar-right-group { display: flex !important; }
  .navbar-inner {
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* ── الشعار ── */
  .logo-img-full { display: none !important; }
  .logo-img-icon { display: block !important; height: 48px !important; width: auto !important; }

  /* ── الهيرو ── */
  .hero {
    height: 75svh !important;
    min-height: 460px !important;
    max-height: 75svh !important;
    background: #0d0d0d !important;
  }
  .hero-video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 40% !important;
  }
  .hero-title    { font-size: clamp(38px, 9vw, 60px) !important; }
  .hero-subtitle { font-size: 14px !important; }
  .hero-actions  { gap: 10px !important; }
}

/* شعار السايدبار */
.sidebar-logo-mark {
  width: 34px;
  height: 34px;
  object-fit: contain;
  flex-shrink: 0;
}