/*
    ========================================================================
    إخفاء تنقّل الموقع في وضع «التطبيق المثبَّت المستقل»
    ========================================================================

    كل ما هنا مشروط بالفئة `is-standalone-app` التي يضعها wwwroot/js/standalone-app.js
    على <html>، ولا تُوضع إلا إذا اجتمع شرطان: أن تكون الصفحة مُعلِنة اشتراكها
    (data-standalone-capable) وأن تكون فعلاً في وضع display-mode مثبَّت.
    فما دام المستخدم في تبويب متصفح عادي لا ينطبق أي سطر من هذا الملف.

    المبدأ: يُخفى تنقّل الموقع العام وحده. كل ما داخل @RenderBody() — أي محتوى
    الصفحة نفسها — لا يُمَسّ إطلاقاً. لذلك تبقى الدردشة بعنوانها وقائمة محادثاتها
    وحقل الكتابة، ويبقى التتبع بشعاره ورمزه وحالة طلبه، وتختفي حولهما القشرة فقط.

    ولا يُمَسّ أي منطق تخويل أو إشعارات أو دردشة: الإخفاء بصري بحت (display: none)،
    والسكربتات التي تقرأ عدّاد الإشعارات أو تفتح اتصال SignalR تعمل كما هي.
*/

/* ====================================================================
   1) قشرة الموقع — تختفي بالكامل
   ====================================================================
   .sidebar            القائمة الجانبية على الديسكتوب
   .mobile-bottom-taskbar  شريط التنقل السفلي على الموبايل
   #mobileMenuDrawer   القائمة السفلية المنسدلة (زرّها داخل الشريط أصلاً)
   .top-header         رأس الموقع: إشعارات عامة + أيقونة دردشة + شعار يعود للرئيسية
   footer              تذييل الموقع بروابطه ونصوصه العامة

   .top-header يُخفى كاملاً لا جزئياً: لا يحوي شيئاً يخصّ الصفحة نفسها، وشعاره
   رابط <a href="/"> إلى الموقع الرئيسي — وهو تحديداً ما يجب ألا يظهر في تطبيق مستقل.
*/
html.is-standalone-app .sidebar,
html.is-standalone-app .mobile-bottom-taskbar,
html.is-standalone-app #mobileMenuDrawer,
html.is-standalone-app .top-header,
html.is-standalone-app .main-wrapper > footer {
    display: none !important;
}

/*
    نقطة التوسعة للصفحات: أحياناً يكون داخل محتوى الصفحة نفسها عنصر يعيد المستخدم
    إلى الموقع الرئيسي — مثل زر «العودة للرئيسية» في صفحة التتبع. هذا العنصر ليس
    من قشرة الموقع فلا تلتقطه المُحدِّدات أعلاه، ولا يصحّ بقاؤه في تطبيق مستقل.
    فيكفي أن تضع الصفحة الفئة `site-nav-only` على أي عنصر من هذا النوع:

        <a href="/" class="btn ... site-nav-only">العودة للرئيسية</a>

    فيظهر في التبويب العادي ويختفي في التطبيق المثبَّت، بلا أي سكربت إضافي.
*/
html.is-standalone-app .site-nav-only {
    display: none !important;
}

/* ====================================================================
   2) استرجاع المساحة التي كانت محجوزة لتلك العناصر
   ====================================================================
   الهوامش أدناه كانت تُفرَغ للقائمة الجانبية (90px يميناً/يساراً) وللشريط
   السفلي (60–76px أسفل). بقاؤها بعد الإخفاء يعني شريطاً فارغاً حول التطبيق.
   المُحدِّدات هنا أعلى تخصيصاً من الأصلية عمداً لأن بعضها مكتوب بـ !important
   في notifications.css و site.css.
*/
html.is-standalone-app .main-wrapper {
    margin-left: 0 !important;
    width: 100% !important;
    padding: 1rem !important;
}

html.is-standalone-app body,
html.is-standalone-app body.has-mobile-taskbar {
    padding-bottom: 0 !important;
}

/* ====================================================================
   3) صفحة الدردشة — واجهة محادثة نظيفة
   ====================================================================
   ارتفاع صندوق المحادثة يُحسب في chat.css بطرح فجوة سفلية كانت مخصّصة لشريط
   التنقل السفلي. الشريط اختفى هنا، فتُقلَّص الفجوة إلى هامش تنفّس بسيط عبر
   نفس المتغيّر الذي يعرّفه chat.css — بلا !important لأن تخصيص
   html.is-standalone-app (0,1,1) يفوق :root (0,1,0) بصرف النظر عن ترتيب التحميل.
*/
html.is-standalone-app {
    --chat-bottom-gap: 12px;
}

/*
    بطاقة «هل تريد إضافة الدردشة إلى الشاشة الرئيسية؟» لا معنى لها داخل التطبيق
    المثبَّت نفسه. عملياً لا تظهر أصلاً لأن beforeinstallprompt لا يُطلَق في وضع
    standalone، وهذه القاعدة حارس صريح لا أكثر.
*/
html.is-standalone-app .chat-install-card {
    display: none !important;
}

/* ====================================================================
   4) لا أثر لأي من هذا عند الطباعة
   ==================================================================== */
@media print {
    html.is-standalone-app .main-wrapper {
        padding: 0 !important;
    }
}