/* ————————————————————————————————————————————————
   طبقة التجاوب — مرصد البنية التحتية الرقمية
   القالب يستخدم أنماطاً سطرية (inline)، وReact يعيد كتابتها
   بصيغة معيارية (مسافات و 0px)، لذلك كل محدد مكتوب بالصيغتين.
   ———————————————————————————————————————————————— */

/* ————— أساسيات تمنع التمدد الأفقي ————— */
html { overflow-x: clip; }
img, svg, video, iframe { max-width: 100%; }
img, video { height: auto; }
[style*="display:grid"] > *,
[style*="display: grid"] > *,
[style*="display:flex"] > *,
[style*="display: flex"] > * { min-width: 0; }

/* ————— خانات الصور الفارغة تُخفى بدل أن تظهر كمربعات رمادية ————— */
image-slot[src=""] { display: none !important; }
[style*="aspect-ratio"]:has(> image-slot[src=""]) { display: none !important; }
[style*="grid-template-columns:96px minmax(0,1fr)"]:has(image-slot[src=""]),
[style*="grid-template-columns: 96px minmax(0px, 1fr)"]:has(image-slot[src=""]) {
  grid-template-columns: minmax(0, 1fr) !important;
}

/* تمرير أفقي سلس لشريط الأقسام */
nav [style*="overflow-x:auto"],
nav [style*="overflow-x: auto"] {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
nav [style*="overflow-x:auto"]::-webkit-scrollbar,
nav [style*="overflow-x: auto"]::-webkit-scrollbar { display: none; }

/* ————— لوحي: أقل من 1024px ————— */
@media (max-width: 1023px) {
  [style*="max-width:1280px"],
  [style*="max-width: 1280px"] { padding-inline: 20px !important; }

  [style*="grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)"],
  [style*="grid-template-columns: minmax(0px, 1.35fr) minmax(0px, 1fr)"] {
    grid-template-columns: 1fr !important;
    margin-inline: -20px !important;
  }
  [style*="grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)"],
  [style*="grid-template-columns: minmax(0px, 1.2fr) minmax(0px, 1fr)"] {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  [style*="grid-template-columns:repeat(auto-fit,minmax(320px,1fr))"],
  [style*="grid-template-columns: repeat(auto-fit, minmax(320px, 1fr))"] {
    gap: 28px !important;
  }
}

/* ————— جوال: أقل من 720px ————— */
@media (max-width: 719px) {

  html { scroll-padding-top: 16px; }

  [style*="max-width:1280px"],
  [style*="max-width: 1280px"] { padding-inline: 16px !important; }

  /* الشريط العلوي الرفيع: يلتف بدل أن يُقص */
  [style*="height:34px"],
  [style*="height: 34px"] {
    height: auto !important;
    min-height: 34px;
    flex-wrap: wrap !important;
    gap: 4px 12px !important;
    padding-block: 7px !important;
    font-size: 11.5px !important;
  }
  [style*="height:34px"] > [style*="margin-inline-start:auto"],
  [style*="height: 34px"] > [style*="margin-inline-start: auto"] {
    margin-inline-start: 0 !important;
  }

  /* الترويسة: تتحرر من التثبيت حتى لا تبتلع الشاشة */
  header[style*="position:sticky"],
  header[style*="position: sticky"] { position: static !important; }

  header [style*="min-height:72px"],
  header [style*="min-height: 72px"] {
    min-height: 0 !important;
    padding-block: 12px !important;
    gap: 12px !important;
    align-items: stretch !important;
  }

  header a[href="#sec-brief"] { padding-block: 0 !important; flex-wrap: wrap; gap: 6px !important; }
  header a[href="#sec-brief"] > span:first-child { font-size: 20px !important; }
  header a[href="#sec-brief"] > span:last-child { font-size: 10px !important; }

  /* البحث + زر التصفية يأخذان سطراً كاملاً */
  header [style*="justify-content:flex-end"],
  header [style*="justify-content: flex-end"] {
    justify-content: stretch !important;
    width: 100% !important;
    flex: 1 1 100% !important;
  }
  header input[aria-label="بحث"] { max-width: none !important; height: 42px !important; font-size: 16px !important; }
  header button { height: 42px !important; flex: none; }

  /* شريط الأقسام */
  nav [style*="display:flex"],
  nav [style*="display: flex"] { gap: 18px !important; font-size: 13px !important; }
  nav a { padding-block: 11px !important; flex: 0 0 auto !important; }

  /* لوحة التصفية: عمود واحد */
  header select { width: 100% !important; max-width: none !important; height: 42px !important; font-size: 15px !important; }
  header [style*="padding:12px 24px"],
  header [style*="padding: 12px 24px"] { flex-direction: column !important; align-items: stretch !important; }

  /* الشبكات متعددة الأعمدة → عمود واحد */
  [style*="grid-template-columns:repeat(auto-fit,minmax(320px,1fr))"],
  [style*="grid-template-columns: repeat(auto-fit, minmax(320px, 1fr))"],
  [style*="grid-template-columns:repeat(auto-fit,minmax(300px,1fr))"],
  [style*="grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))"],
  [style*="grid-template-columns:repeat(auto-fit,minmax(280px,1fr))"],
  [style*="grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))"],
  [style*="grid-template-columns:repeat(auto-fit,minmax(240px,1fr))"],
  [style*="grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))"],
  [style*="grid-template-columns:repeat(auto-fit,minmax(220px,1fr))"],
  [style*="grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))"] {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  [style*="grid-template-columns:repeat(auto-fit,minmax(200px,1fr))"],
  [style*="grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  /* الكتلة البطلة: الموجز فوق المؤشرات */
  [style*="grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)"],
  [style*="grid-template-columns: minmax(0px, 1.35fr) minmax(0px, 1fr)"] {
    grid-template-columns: 1fr !important;
    margin-inline: -16px !important;
  }
  [style*="grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)"],
  [style*="grid-template-columns: minmax(0px, 1.2fr) minmax(0px, 1fr)"] {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  /* الصفوف ذات العمود الثابت → تكديس */
  [style*="grid-template-columns:140px minmax(0,1fr)"],
  [style*="grid-template-columns: 140px minmax(0px, 1fr)"],
  [style*="grid-template-columns:120px minmax(0,1fr)"],
  [style*="grid-template-columns: 120px minmax(0px, 1fr)"] {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  [style*="grid-template-columns:90px minmax(0,1fr) auto"],
  [style*="grid-template-columns: 90px minmax(0px, 1fr) auto"] {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    font-size: 14px !important;
  }
  [style*="grid-template-columns:96px minmax(0,1fr)"],
  [style*="grid-template-columns: 96px minmax(0px, 1fr)"] {
    grid-template-columns: 76px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  /* العناوين */
  h1 { font-size: 28px !important; }
  h2 { font-size: 22px !important; line-height: 1.35 !important; }
  h3 { font-size: 17px !important; }

  main { gap: 40px !important; padding-bottom: 56px !important; }

  /* قسم التدفق الحي يمتد بعرض الشاشة بلا فائض */
  #sec-live {
    margin-inline: -16px !important;
    padding-inline: 16px !important;
  }

  /* اللوحة الجانبية المنبثقة: ملء الشاشة */
  [style*="position:fixed"][style*="width:"],
  [style*="position: fixed"][style*="width:"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  a, button { -webkit-tap-highlight-color: rgba(180, 35, 24, .12); }
  button { min-height: 40px; }
}

/* ————— جوال صغير ————— */
@media (max-width: 400px) {
  [style*="max-width:1280px"],
  [style*="max-width: 1280px"] { padding-inline: 14px !important; }

  [style*="grid-template-columns:repeat(auto-fit,minmax(200px,1fr))"],
  [style*="grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))"] {
    grid-template-columns: 1fr !important;
  }
  header a[href="#sec-brief"] > span:first-child { font-size: 18px !important; }
  header a[href="#sec-brief"] > span:last-child { display: none !important; }

  /* الهوامش السالبة تتبع الحشو الجديد (14px) */
  [style*="grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)"],
  [style*="grid-template-columns: minmax(0px, 1.35fr) minmax(0px, 1fr)"] {
    margin-inline: -14px !important;
  }
  #sec-live {
    margin-inline: -14px !important;
    padding-inline: 14px !important;
  }
}

/* ————— طباعة ————— */
@media print {
  header,
  nav,
  [style*="position:fixed"],
  [style*="position: fixed"] { display: none !important; }
  body { font-size: 11pt; }
  a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 8pt; color: #666; }
}

/* ————— تقليل الحركة ————— */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    animation-duration: .001ms !important;
    transition-duration: .001ms !important;
  }
}