/* ══════════════════════════════════════════════════════════════════════════
   مصالحةُ طبقةِ لافين مع ما لا يقابله شيءٌ عندها — آخرُ حلقةٍ في السلسلة
   --------------------------------------------------------------------------
   نُقلت أوراقُ لافين كما هي وأُعيد تلوينُها، ثمّ قِيس أثرُها على الحيّ فظهرت
   **ثلاثةَ عشرَ إخفاقَ تباين** من موضعٍ واحدٍ في جذره: بلاطةُ البوّابة.

   عند لافين البلاطةُ **صورةُ منتجٍ** عليها تدرّجٌ داكنٌ ونصٌّ أبيضُ فوقه —
   والتدرّجُ هو ما يضمن التباينَ مهما كانت الصورة (وهو مكتوبٌ في تعليقها).
   وعندنا البلاطةُ **أيقونةٌ على سطحٍ أبيض** بقرارٍ قائم: لا صورةَ على خادمنا،
   وصورُ الكتالوج روابطُ مورّد.

   فالنصُّ الأبيضُ هبط على أبيض:

   | العنصر | اللون | الخلفيّة | المقيس |
   |---|---|---|---|
   | `.ggen-tile-name` ×6 | `#fff` | `#fff` | **1.00** |
   | `.ggen-tile-count` ×6 | `--teal-100` | `#fff` | **1.26** |
   | `.ggen-rail-all` | `--teal-600` | `--teal-50` | **4.13** |

   ⟵ فتُنقض قواعدُ البلاطة المبنيّةُ على الصورة، ويبقى تخطيطُنا (شارةٌ
     متدرّجةٌ + نصٌّ إلى جانبها + سهمُ دخول). وهذا **ليس تراجعاً عن النقل**:
     الورقةُ المنقولةُ تحكم كلَّ ما تشترك فيه البنيتان، ويُستثنى ما بُني
     عندهم على صورةٍ لا وجودَ لها عندنا.
   ══════════════════════════════════════════════════════════════════════════ */

/* ❶ جسمُ البلاطة يعود إلى التدفّق — لا طبقةً فوق صورة. */
.ggen-gateway .ggen-tile-body {
	position: static;
	inset: auto;
	display: block;
	padding: 0;
	background: none;
}

.ggen-gateway .ggen-tile-name {
	color: var(--color-text, #2D2D2D);
	text-shadow: none;
}

.ggen-gateway .ggen-tile-count {
	color: var(--color-text-muted, #6A6D6B);
}

/* ❷ رابطُ «عرض الكل» فوق اللوح النعناعيّ — 4.13 ⟵ 6.12.
   واللوحُ من قسم ⓪ في `brand.css`، ولافين تكتب لونَ الرابط على أبيضَ
   دائماً فلم تحتج الدرجةَ الأغمق. */
.ggen-home-rails > .ggen-gateway .ggen-rail-all,
.ggen-home-rails > .ggen-bundles-showcase .ggen-bundles-all {
	color: var(--teal-700, #096A5A);
}

/* ❸ شبكةُ البوّابة ثلاثةٌ لا أربعة — والسببُ عددُ الفئات لا الذوق.
 *
 * ورقةُ لافين تصرّح `repeat(4, 1fr)` فوق 768 — وهو صحيحٌ عندهم: بلاطاتُهم
 * **ثمانٍ** فتملأ 4×2 تماماً (وتعليقُهم يقول ذلك صراحةً، ويذكر أنّ
 * `auto-fit` أعطاهم خمسةَ أعمدةٍ فصفّاً يتيماً من ثلاثة).
 *
 * وفئاتُنا الجذريّة **ستّ**. فأربعةُ أعمدةٍ تعطي 4+2 — قِيس بعد النقل:
 * `perRow: 4` وآخرُ صفٍّ **بلاطتان** وفراغُ بلاطتين بجوارهما. وثلاثةٌ تعطي
 * 3+3: صفّان تامّان.
 *
 * ⟵ فالقاعدةُ نفسُها بالضبط — عددٌ يُشتقّ من عدد الفئات — والقيمةُ تختلف
 *   لأنّ العددَ يختلف. وهذا هو معنى «نقلُ الثيم لا نسخُ الأرقام».
 */
@media only screen and (min-width: 768px) {
	.ggen-gateway-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}