/* ============================================================
   Accmaa — 20260821c
   طبقة تثبيت أخيرة لهيكل اللوحتين (خارجية/داخلية)
   تُحمَّل بعد كل ملفات fixes السابقة — لا تعدّل أي سلوك محفوظ:
   · نص التنقّل الكحلي #0A3669 (21b) — غير ممسوس
   · حركة شرائط السينما/الإعلانات + إخفاء الإدارة بطيّ المساحة (21a) — غير ممسوس
   · الهيرو الكلاسيكي بدون فيديو خلفية (18a) وجولة المنصة (18d) — غير ممسوسين
   ============================================================ */

/* ── تحييد قواعد .dash-landing القديمة داخل الهيكل الجديد فقط ── */
.dash-landing.ax-shell {
    display: block !important;
    gap: 0 !important;
    padding: 0 0 8px !important;
    margin: 0 !important;
    max-width: none !important;
    overflow-x: clip;
}

.dash-landing.ax-shell > .dash-flow__zone {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* الهيرو يبقى بعرض كامل، وبقية اللوحة داخل الحاوية */
.ax-shell .hero-premium { margin-inline: 0; }

/* شرائط الحوكمة (برومو/قريباً) تأخذ نفس عرض الشبكة */
.ax-shell > .dash-flow__zone--promo,
.ax-shell > .dash-flow__zone--soon {
    width: min(100% - 32px, 1280px);
    margin-inline: auto !important;
    margin-block: 32px !important;
}

/* الفوتر بعرض كامل */
.ax-shell > .site-footer,
.ax-shell > .site-footer-global,
.ax-shell > footer { margin-top: 40px; }

/* ── منع خروج النص من الصناديق (شكوى سابقة) ── */
.ax-shell .ax-grid > *,
.ax-shell .ax-split > *,
.ax-shell .ax-start__steps > *,
.ax-shell .ax-stats > *,
.ax-shell .ax-trust-grid > * { min-width: 0; }

.ax-shell strong,
.ax-shell small,
.ax-shell h1,
.ax-shell h2,
.ax-shell h3,
.ax-shell h4,
.ax-shell p { overflow-wrap: anywhere; }

/* ── الأيقونات: عائلة واحدة، بلا خلفيات صور موروثة ── */
.ax-shell .ax-ico,
.ax-shell .ax-rail__link > i:first-child,
.ax-shell .ax-empty__ico {
    background-image: none !important;
    box-shadow: none !important;
}

/* ── حماية الجوال: بلا blur/scale ثقيل (شكوى «التحبّب») ── */
@media (max-width: 1100px) {
    .ax-shell .ax-start,
    .ax-shell .ax-welcome,
    .ax-shell .ax-cta,
    .ax-shell .ax-card,
    .ax-shell .ax-tile,
    .ax-shell .ax-panel {
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
    .ax-shell * { will-change: auto !important; }
}

/* ── نصوص كحلية على الفاتح، الذهبي لمسة فقط ── */
.ax-shell .ax-h2,
.ax-shell .ax-card__title,
.ax-shell .ax-panel__head h3,
.ax-shell .ax-row__body strong,
.ax-shell .ax-tile__body strong { color: #0A3669; }

/* عناوين/نصوص الأسطح الفاتحة تبقى كحلية بنفس الدرجة
   (تُكتب قبل كتلة الأسطح الداكنة كي تفوز الأخيرة عند التساوي) */
body.premium-ui .ax-shell.dash-landing h2.ax-h2,
body.premium-ui .ax-shell.dash-landing .ax-panel__head h3,
body.premium-ui .ax-shell.dash-landing .ax-empty__title {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
}
body.premium-ui .ax-shell.dash-landing p.ax-sub,
body.premium-ui .ax-shell.dash-landing .ax-card__desc,
body.premium-ui .ax-shell.dash-landing .ax-empty__text {
    color: #5b6b83 !important;
    -webkit-text-fill-color: #5b6b83 !important;
}

/* ── استثناء الأسطح الداكنة ──
   الحزم القديمة تفرض بـ !important لونًا كحليًا على كل h1..h4 و p داخل
   .main-inner / .dash-landing — وهو صحيح للأسطح الفاتحة فقط.
   نستعيد الأبيض فوق الأسطح الكحلية الثلاثة: ابدأ من هنا · الترحيب · CTA. */
body.premium-ui .ax-shell.dash-landing .ax-start h1,
body.premium-ui .ax-shell.dash-landing .ax-start h2,
body.premium-ui .ax-shell.dash-landing .ax-start h3,
body.premium-ui .ax-shell.dash-landing .ax-start h2.ax-h2,
body.premium-ui .ax-shell.dash-landing .ax-welcome h1,
body.premium-ui .ax-shell.dash-landing .ax-welcome h2,
body.premium-ui .ax-shell.dash-landing .ax-welcome h3,
body.premium-ui .ax-shell.dash-landing .ax-cta h1,
body.premium-ui .ax-shell.dash-landing .ax-cta h2,
body.premium-ui .ax-shell.dash-landing .ax-cta h3 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: none !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

body.premium-ui .ax-shell.dash-landing .ax-start p,
body.premium-ui .ax-shell.dash-landing .ax-start p.ax-sub,
body.premium-ui .ax-shell.dash-landing .ax-welcome p,
body.premium-ui .ax-shell.dash-landing .ax-cta p {
    color: rgba(255, 255, 255, .84) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, .84) !important;
    opacity: 1 !important;
}

body.premium-ui .ax-shell.dash-landing .ax-start .ax-eyebrow,
body.premium-ui .ax-shell.dash-landing .ax-start .ax-step__body strong,
body.premium-ui .ax-shell.dash-landing .ax-welcome .ax-stat__body strong {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
body.premium-ui .ax-shell.dash-landing .ax-start .ax-step__body small,
body.premium-ui .ax-shell.dash-landing .ax-start .ax-eyebrow ~ * small {
    color: rgba(255, 255, 255, .74) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, .74) !important;
}
body.premium-ui .ax-shell.dash-landing .ax-start .ax-eyebrow i,
body.premium-ui .ax-shell.dash-landing .ax-welcome .ax-stat i {
    color: #c9a227 !important;
    -webkit-text-fill-color: #c9a227 !important;
}
body.premium-ui .ax-shell.dash-landing .ax-welcome .ax-stat__body span {
    color: rgba(255, 255, 255, .78) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, .78) !important;
}
body.premium-ui .ax-shell.dash-landing .ax-welcome .ax-role,
body.premium-ui .ax-shell.dash-landing .ax-start .ax-step__num {
    color: #061f3d !important;
    -webkit-text-fill-color: #061f3d !important;
}

/* الأزرار داخل الأسطح الداكنة والفاتحة — لا ترث الكحلي/الرمادي القسري */
body.premium-ui .ax-shell.dash-landing .ax-btn--primary,
body.premium-ui .ax-shell.dash-landing .ax-btn--primary span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
body.premium-ui .ax-shell.dash-landing .ax-btn--gold,
body.premium-ui .ax-shell.dash-landing .ax-btn--gold span {
    color: #061f3d !important;
    -webkit-text-fill-color: #061f3d !important;
}
body.premium-ui .ax-shell.dash-landing .ax-btn--ghost,
body.premium-ui .ax-shell.dash-landing .ax-btn--ghost span {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
}

/* ── الشبكة الداخلية: العمود الأساسي لا ينهار ── */
.ax-shell .ax-col-main { min-width: 0; }

@media (max-width: 767px) {
    .dash-landing.ax-shell { padding: 0 0 20px !important; }
    .ax-shell > .dash-flow__zone--promo,
    .ax-shell > .dash-flow__zone--soon {
        width: min(100% - 24px, 1280px);
        margin-block: 20px !important;
    }
}