/* ════════════════════════════════════════════════════════════════════
 * 🟣 [Hubs+RX 2026-06-30] — تنسيق تجميع المربّعات (Home Hubs) — طبقة 90+
 * ────────────────────────────────────────────────────────────────────
 * الغرض:
 *   مظهر خفيف وسريع لمربّعات «الأب» (تفتح مجموعة) ومربّع «الرجوع»، يتوافق
 *   مع الثيمات (داكن/فاتح) تلقائياً عبر متغيّرات الثيم، بلا تأثيرات ثقيلة.
 *
 * يُحمَّل آخر طبقة CSS (بعد 99b-speed-boost.css) ليُعيد تفعيل ::after
 * لمربّعات الـ hub فقط (99b يُخفي ::after لكل المربّعات لإلغاء التوهّج).
 *
 * آلية الاستهداف:
 *   مربّعات الأب يكون معرّفها data-tile-id يبدأ بـ "hub-"، ومربّع الرجوع
 *   هو data-tile-id="hub-back". لا حاجة لأي تعديل في منطق الرسم.
 *
 * للإزالة: احذف سطر <link> الخاص بهذا الملف + هذا الملف (والتجميع كله يُزال
 *   بإزالة سكربتات home-hubs/).
 * ════════════════════════════════════════════════════════════════════ */

/* (1) مربّع «الأب» — مؤشّر «يفتح مجموعة»: شيفرون صغير في الزاوية القائدة */
.grid-tile[data-tile-id^="hub-"]:not([data-tile-id="hub-back"]) {
  position: relative;
}
.grid-tile[data-tile-id^="hub-"]:not([data-tile-id="hub-back"])::after {
  display: block !important;       /* يُعيد تفعيل ما أخفاه 99b للمربّعات العادية */
  content: '';
  position: absolute;
  top: 12px;
  inset-inline-start: 12px;        /* RTL-safe: الزاوية القائدة */
  width: 7px;
  height: 7px;
  border-right: 2px solid var(--primary);
  border-bottom: 2px solid var(--primary);
  transform: rotate(45deg);        /* كاريت لأسفل = «يتوسّع» */
  opacity: .5;
  background: none;                /* لا توهّج — خفيف */
  pointer-events: none;
}

/* خط سفلي رفيع يلمّح إلى «مجموعة» (هوية بنفسجية/ذهبية حسب لون المربّع) */
.grid-tile[data-tile-id^="hub-"]:not([data-tile-id="hub-back"]) {
  border-bottom-width: 2px;
}

/* (2) مربّع «الرجوع» — صف كامل، مظهر أهدأ، سهم رجوع واضح */
.grid-tile[data-tile-id="hub-back"] {
  grid-column: 1 / -1;            /* يمتد على عرض الشبكة */
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;              /* هدف لمس مريح */
  padding: 12px 16px;
  background: var(--card);
  border: 1px dashed var(--border);
  cursor: pointer;
}
.grid-tile[data-tile-id="hub-back"] .tile-icon {
  font-size: 1.15rem;
  margin: 0;
  line-height: 1;
}
.grid-tile[data-tile-id="hub-back"] .tile-title {
  font-size: 1rem;
  margin: 0;
  font-weight: 700;
}
/* إخفاء العنصر الفارغ (countBlock) في مربّع الرجوع — العنصر الثالث دائماً */
.grid-tile[data-tile-id="hub-back"] > div:nth-child(3) {
  display: none;
}
.grid-tile[data-tile-id="hub-back"]:hover {
  border-color: var(--primary);
  border-style: solid;
}

/* (3) أهداف لمس مريحة لكل مربّعات الـ hub */
.grid-tile[data-tile-id^="hub-"] {
  min-height: 44px;
}