/* ========================================================== BADEEL UNIFIED APP FRAME V1 ========================================================== */ :root{ --badeel-frame-width:410px; --badeel-header-height:64px; } /* الإطار الرئيسي */ body.badeel-unified-app{ min-height:100vh !important; } /* * نستهدف الإطارات الفعلية الموجودة في صفحات بديل. * page-shell يبقى حاوية خارجية ولا نجبره على 410. */ body.badeel-unified-app :is( .phone, .app-frame, .app-screen, .chat-screen, .app-shell ){ width:min(410px, calc(100vw - 20px)) !important; max-width:410px !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box !important; } /* الصفحات التي تستخدم .page كإطار مباشر */ body.badeel-unified-app > .page{ width:min(410px, calc(100vw - 20px)) !important; max-width:410px !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box !important; } /* ========================================================== UNIFIED HEADER ========================================================== */ .badeel-unified-navigation{ position:absolute !important; top:10px !important; left:12px !important; right:12px !important; width:auto !important; height:44px !important; transform:none !important; padding:0 !important; margin:0 !important; display:flex !important; align-items:center !important; justify-content:space-between !important; background:transparent !important; border:0 !important; pointer-events:none !important; z-index:9000 !important; } /* زر القائمة والرجوع */ .badeel-unified-menu, .badeel-unified-back{ position:relative !important; inset:auto !important; width:42px !important; height:42px !important; flex:0 0 42px !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; border:1px solid rgba(255,255,255,.16) !important; border-radius:12px !important; background:rgba(0,55,43,.96) !important; box-shadow: 0 4px 12px rgba(0,0,0,.16) !important; transform:none !important; pointer-events:auto !important; } /* خطوط ☰ */ .badeel-unified-menu span{ display:block !important; width:21px !important; height:2px !important; margin:3px auto !important; border-radius:10px !important; background:#fff !important; } /* ========================================================== MENU WINDOW ========================================================== */ #topMenu{ min-width:235px !important; max-width:280px !important; padding:10px !important; border-radius:16px !important; background:#ffffff !important; border:1px solid rgba(0,77,59,.14) !important; box-shadow: 0 16px 40px rgba(0,0,0,.22) !important; font-family: Tahoma, Arial, sans-serif !important; direction:rtl !important; } /* كل روابط/أزرار القائمة */ #topMenu a, #topMenu button{ min-height:46px !important; padding:10px 14px !important; display:flex !important; align-items:center !important; border-radius:11px !important; font-size:15px !important; font-weight:700 !important; line-height:1.6 !important; text-decoration:none !important; letter-spacing:0 !important; } /* وضوح النص */ #topMenu a{ color:#173c34 !important; } #topMenu button{ font-family:inherit !important; } /* تفاعل واضح */ #topMenu a:hover, #topMenu button:hover{ background:#f1f7f5 !important; } /* ========================================================== MOBILE ========================================================== */ @media(max-width:430px){ body.badeel-unified-app :is( .phone, .app-frame, .app-screen, .chat-screen, .app-shell ), body.badeel-unified-app > .page{ width:100% !important; max-width:100% !important; } .badeel-unified-navigation{ left:14px !important; right:14px !important; } } /* ========================================================== BADEEL NAV VISUAL FIX V2 يطبق على جميع صفحات التطبيق المرتبطة بالنظام الموحد ========================================================== */ /* ---------------------------------------------------------- الرأس داخل الإطار ---------------------------------------------------------- */ .badeel-unified-navigation{ position:absolute !important; top:12px !important; left:14px !important; right:14px !important; width:auto !important; height:44px !important; transform:none !important; padding:0 !important; margin:0 !important; display:flex !important; align-items:center !important; justify-content:space-between !important; background:transparent !important; border:0 !important; pointer-events:none !important; z-index:9990 !important; } /* ---------------------------------------------------------- شكل الزرين ---------------------------------------------------------- */ .badeel-unified-menu, .badeel-unified-back{ position:relative !important; inset:auto !important; width:42px !important; height:42px !important; min-width:42px !important; min-height:42px !important; flex:0 0 42px !important; padding:0 !important; margin:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#ffffff !important; background:#064c3e !important; border:1px solid rgba(255,255,255,.32) !important; border-radius:12px !important; box-shadow: 0 3px 10px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.04) !important; opacity:1 !important; pointer-events:auto !important; overflow:hidden !important; appearance:none !important; -webkit-appearance:none !important; } /* ---------------------------------------------------------- ☰ ثلاثة خطوط بيضاء واضحة ---------------------------------------------------------- */ .badeel-unified-menu{ flex-direction:column !important; gap:5px !important; } .badeel-unified-menu span{ display:block !important; width:22px !important; height:2.5px !important; min-width:22px !important; min-height:2.5px !important; margin:0 !important; padding:0 !important; flex:none !important; background:#ffffff !important; border:0 !important; border-radius:999px !important; opacity:1 !important; transform:none !important; } /* ---------------------------------------------------------- سهم الرجوع أبيض وواضح ---------------------------------------------------------- */ .badeel-unified-back svg{ display:block !important; width:23px !important; height:23px !important; color:#ffffff !important; stroke:#ffffff !important; opacity:1 !important; overflow:visible !important; } .badeel-unified-back svg path{ fill:none !important; stroke:#ffffff !important; stroke-width:2.5 !important; } /* ---------------------------------------------------------- نافذة القائمة يجب ألا تخرج خارج إطار التطبيق ---------------------------------------------------------- */ #topMenu{ position:fixed !important; width:250px !important; min-width:0 !important; max-width:calc(100vw - 28px) !important; box-sizing:border-box !important; padding:9px !important; overflow:hidden !important; border-radius:16px !important; background:#ffffff !important; border:1px solid rgba(0,77,59,.16) !important; box-shadow: 0 14px 34px rgba(0,0,0,.24) !important; direction:rtl !important; font-family: Tahoma, Arial, sans-serif !important; z-index:10001 !important; } /* عناصر القائمة */ #topMenu a, #topMenu button{ width:100% !important; min-height:46px !important; box-sizing:border-box !important; margin:0 !important; padding:10px 12px !important; display:flex !important; align-items:center !important; gap:10px !important; border-radius:10px !important; font-family: Tahoma, Arial, sans-serif !important; font-size:15px !important; font-weight:700 !important; line-height:1.5 !important; white-space:nowrap !important; text-decoration:none !important; } /* النص */ #topMenu a{ color:#173d35 !important; } #topMenu a:hover, #topMenu button:hover{ background:#edf6f3 !important; } /* ---------------------------------------------------------- الجوال ---------------------------------------------------------- */ @media(max-width:430px){ .badeel-unified-navigation{ top:10px !important; left:12px !important; right:12px !important; } .badeel-unified-menu, .badeel-unified-back{ width:40px !important; height:40px !important; min-width:40px !important; min-height:40px !important; flex-basis:40px !important; } #topMenu{ width:min(250px, calc(100vw - 24px)) !important; max-width:calc(100vw - 24px) !important; } } /* ========================================================== BADEEL ALL-PAGES UNIFIED NAV V3 ========================================================== */ :root{ --badeel-frame-width:410px; } /* ---------------------------------------------------------- إطار صفحات التطبيق ---------------------------------------------------------- */ body.badeel-unified-app :is( .phone, .app-frame, .app-screen, .chat-screen, .app-shell ){ width:min( var(--badeel-frame-width), calc(100vw - 20px) ) !important; max-width:var(--badeel-frame-width) !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box !important; } /* ---------------------------------------------------------- الرأس الموحد ---------------------------------------------------------- */ #badeelUnifiedNavigation{ position:absolute !important; top:12px !important; left:16px !important; right:16px !important; width:auto !important; height:44px !important; margin:0 !important; padding:0 !important; transform:none !important; display:flex !important; align-items:center !important; justify-content:space-between !important; background:transparent !important; border:0 !important; z-index:9995 !important; pointer-events:none !important; } /* ---------------------------------------------------------- زر ☰ والرجوع ---------------------------------------------------------- */ #badeelUnifiedNavigation .badeel-unified-menu, #badeelUnifiedNavigation .badeel-unified-back{ position:relative !important; inset:auto !important; width:42px !important; height:42px !important; min-width:42px !important; min-height:42px !important; flex:0 0 42px !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#fff !important; background:#075344 !important; border: 1px solid rgba(255,255,255,.32) !important; border-radius:12px !important; box-shadow: 0 3px 10px rgba(0,0,0,.18) !important; opacity:1 !important; pointer-events:auto !important; appearance:none !important; -webkit-appearance:none !important; } /* ---------------------------------------------------------- ☰ ثلاثة خطوط واضحة ---------------------------------------------------------- */ #badeelUnifiedNavigation .badeel-unified-menu{ flex-direction:column !important; gap:5px !important; } #badeelUnifiedNavigation .badeel-unified-menu span{ display:block !important; width:22px !important; height:3px !important; min-width:22px !important; min-height:3px !important; flex:none !important; margin:0 !important; padding:0 !important; background:#fff !important; border:0 !important; border-radius:999px !important; opacity:1 !important; } /* ---------------------------------------------------------- سهم الرجوع ---------------------------------------------------------- */ #badeelUnifiedNavigation .badeel-unified-back svg{ width:24px !important; height:24px !important; display:block !important; color:#fff !important; stroke:#fff !important; opacity:1 !important; } #badeelUnifiedNavigation .badeel-unified-back path{ fill:none !important; stroke:#fff !important; stroke-width:2.8 !important; } /* ---------------------------------------------------------- القائمة ---------------------------------------------------------- */ #topMenu{ position:fixed !important; width:250px !important; min-width:0 !important; max-width: calc(100vw - 24px) !important; box-sizing:border-box !important; padding:9px !important; overflow:hidden !important; background:#fff !important; border: 1px solid rgba(0,77,59,.16) !important; border-radius:16px !important; box-shadow: 0 14px 34px rgba(0,0,0,.24) !important; direction:rtl !important; font-family: Tahoma, Arial, sans-serif !important; z-index:10050 !important; } #topMenu a, #topMenu button{ width:100% !important; min-height:46px !important; box-sizing:border-box !important; margin:0 !important; padding:10px 12px !important; display:flex !important; align-items:center !important; gap:10px !important; border-radius:10px !important; font-family: Tahoma, Arial, sans-serif !important; font-size:15px !important; font-weight:700 !important; line-height:1.5 !important; white-space:nowrap !important; text-decoration:none !important; } #topMenu a{ color:#173d35 !important; } #topMenu a:hover, #topMenu button:hover{ background:#edf6f3 !important; } /* الجوال */ @media(max-width:430px){ #badeelUnifiedNavigation{ top:10px !important; left:12px !important; right:12px !important; } #topMenu{ width: min( 250px, calc(100vw - 24px) ) !important; max-width: calc(100vw - 24px) !important; } } /* ========================================================== BADEEL FINAL UNIVERSAL HEADER V4 ========================================================== */ /* * nav نفسه سيكون داخل إطار الصفحة الحقيقي. * المسافة ثابتة من الحافتين. */ #badeelUnifiedNavigation{ position:absolute !important; top:14px !important; left:16px !important; right:16px !important; width:auto !important; max-width:none !important; height:44px !important; margin:0 !important; padding:0 !important; transform:none !important; display:flex !important; align-items:center !important; justify-content:space-between !important; direction:ltr !important; background:transparent !important; border:0 !important; z-index:9998 !important; pointer-events:none !important; } /* الزران متطابقان 100% */ #badeelUnifiedNavigation .badeel-unified-menu, #badeelUnifiedNavigation .badeel-unified-back{ position:relative !important; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important; width:42px !important; height:42px !important; min-width:42px !important; min-height:42px !important; max-width:42px !important; max-height:42px !important; flex:0 0 42px !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#ffffff !important; background:#075344 !important; border: 1px solid rgba(255,255,255,.30) !important; border-radius:12px !important; box-sizing:border-box !important; box-shadow: 0 3px 10px rgba(0,0,0,.16) !important; transform:none !important; opacity:1 !important; pointer-events:auto !important; overflow:hidden !important; } /* ☰ */ #badeelUnifiedNavigation .badeel-unified-menu{ flex-direction:column !important; gap:5px !important; } #badeelUnifiedNavigation .badeel-unified-menu span{ display:block !important; width:22px !important; height:3px !important; min-width:22px !important; min-height:3px !important; max-width:22px !important; max-height:3px !important; margin:0 !important; padding:0 !important; flex:0 0 3px !important; background:#ffffff !important; border:0 !important; border-radius:20px !important; opacity:1 !important; } /* الرجوع */ #badeelUnifiedNavigation .badeel-unified-back svg{ display:block !important; width:23px !important; height:23px !important; flex:none !important; color:#ffffff !important; stroke:#ffffff !important; overflow:visible !important; } #badeelUnifiedNavigation .badeel-unified-back path{ fill:none !important; stroke:#ffffff !important; stroke-width:2.7 !important; stroke-linecap:round !important; stroke-linejoin:round !important; } /* نافذة ☰ */ #topMenu{ position:fixed !important; width:250px !important; min-width:0 !important; box-sizing:border-box !important; padding:9px !important; overflow:hidden !important; background:#ffffff !important; border: 1px solid rgba(0,77,59,.16) !important; border-radius:16px !important; box-shadow: 0 14px 34px rgba(0,0,0,.24) !important; z-index:10050 !important; } @media(max-width:430px){ #badeelUnifiedNavigation{ top:12px !important; left:14px !important; right:14px !important; } #badeelUnifiedNavigation .badeel-unified-menu, #badeelUnifiedNavigation .badeel-unified-back{ width:40px !important; height:40px !important; min-width:40px !important; min-height:40px !important; max-width:40px !important; max-height:40px !important; flex-basis:40px !important; } } /* ===== BADEEL UNIVERSAL HEADER V5 ===== */ /* * الشريط الموحد موجود داخل إطار التطبيق نفسه. * لا يلامس حدود الإطار. */ #badeelUnifiedNavigation{ position:absolute !important; top:16px !important; left:20px !important; right:20px !important; width:auto !important; height:44px !important; min-height:44px !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:space-between !important; direction:ltr !important; background:transparent !important; border:0 !important; box-shadow:none !important; pointer-events:none !important; z-index:10040 !important; } /* * ☰ والرجوع لهما نفس المقاس والتصميم. */ #badeelUnifiedNavigation .badeel-unified-menu, #badeelUnifiedNavigation .badeel-unified-back{ position:relative !important; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important; width:44px !important; height:44px !important; min-width:44px !important; min-height:44px !important; max-width:44px !important; max-height:44px !important; flex:0 0 44px !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; border:1px solid rgba(255,255,255,.28) !important; border-radius:13px !important; background:#075f50 !important; box-shadow: 0 3px 10px rgba(0,0,0,.18) !important; transform:none !important; opacity:1 !important; visibility:visible !important; pointer-events:auto !important; overflow:hidden !important; } /* الثلاث خطوط */ #badeelUnifiedNavigation .badeel-unified-menu{ flex-direction:column !important; gap:5px !important; } #badeelUnifiedNavigation .badeel-unified-menu span{ display:block !important; width:23px !important; height:3px !important; min-width:23px !important; min-height:3px !important; max-width:23px !important; max-height:3px !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:3px !important; background:#fff !important; transform:none !important; opacity:1 !important; } /* سهم الرجوع */ #badeelUnifiedNavigation .badeel-unified-back svg{ width:24px !important; height:24px !important; display:block !important; } #badeelUnifiedNavigation .badeel-unified-back path{ stroke:#fff !important; stroke-width:2.8 !important; } /* * نخفي أزرار التنقل القديمة فقط. * لا نخفي header أو العناوين أو الجرس. */ body > .back, body > .back-button, body > .back-btn, body > .back-link, body > .go-back, body > .return-button, .phone > .back, .phone > .back-button, .phone > .back-btn, .phone > .back-link, .app-frame > .back, .app-frame > .back-button, .app-frame > .back-btn, .app-frame > .back-link, .app-screen > .back, .app-screen > .back-button, .app-screen > .back-btn, .app-screen > .back-link, .chat-screen > .back, .chat-screen > .back-button, .chat-screen > .back-btn, .chat-screen > .back-link, .app-shell > .back, .app-shell > .back-button, .app-shell > .back-btn, .app-shell > .back-link{ display:none !important; } /* * أي زر قديم معروف بالـID. * الزر الموحد مستثنى لأنه يحمل ID مختلف. */ #backButton, #menuButton{ display:none !important; } /* * نحجز مساحة آمنة في أعلى الإطارات. * هذا يمنع النصوص والعناوين من الدخول خلف الأزرار. */ .phone, .app-frame, .app-screen, .chat-screen, .app-shell, .dashboard-shell, .dashboard-container{ box-sizing:border-box !important; } /* * رؤوس الصفحات الشائعة: * نترك العنوان والجرس يعملان، لكن نمنع وصول المحتوى * إلى منطقة الزرين على الطرفين. */ .phone > .header, .phone > .topBar, .phone > .topbar, .phone > .header-area, .app-frame > .header, .app-frame > .topBar, .app-frame > .topbar, .app-frame > .header-area, .app-screen > .header, .app-screen > .topBar, .app-screen > .topbar, .app-screen > .header-area, .chat-screen > .header, .chat-screen > .topBar, .chat-screen > .topbar, .chat-screen > .header-area, .app-shell > .header, .app-shell > .topBar, .app-shell > .topbar, .app-shell > .header-area{ box-sizing:border-box !important; padding-left:78px !important; padding-right:78px !important; min-height:76px !important; } /* * القائمة المنسدلة تبقى داخل إطار التطبيق. */ #topMenu{ position:fixed !important; width:250px !important; max-width:calc(100vw - 28px) !important; padding:9px !important; background:#fff !important; border:1px solid rgba(0,77,59,.16) !important; border-radius:16px !important; box-shadow: 0 14px 34px rgba(0,0,0,.24) !important; overflow:hidden !important; z-index:10050 !important; } /* الجوال */ @media (max-width:430px){ #badeelUnifiedNavigation{ top:14px !important; left:18px !important; right:18px !important; height:42px !important; min-height:42px !important; } #badeelUnifiedNavigation .badeel-unified-menu, #badeelUnifiedNavigation .badeel-unified-back{ width:42px !important; height:42px !important; min-width:42px !important; min-height:42px !important; max-width:42px !important; max-height:42px !important; flex-basis:42px !important; } .phone > .header, .phone > .topBar, .phone > .topbar, .phone > .header-area, .app-frame > .header, .app-frame > .topBar, .app-frame > .topbar, .app-frame > .header-area, .app-screen > .header, .app-screen > .topBar, .app-screen > .topbar, .app-screen > .header-area, .chat-screen > .header, .chat-screen > .topBar, .chat-screen > .topbar, .chat-screen > .header-area, .app-shell > .header, .app-shell > .topBar, .app-shell > .topbar, .app-shell > .header-area{ padding-left:70px !important; padding-right:70px !important; min-height:72px !important; } } /* ===== BADEEL UNIVERSAL HEADER V6 ===== */ /* |-------------------------------------------------------------------------- | 1. موضع التنقل الموحد |-------------------------------------------------------------------------- | الزران داخل إطار التطبيق بمسافة ثابتة. */ #badeelUnifiedNavigation{ position:absolute !important; top:18px !important; left:26px !important; right:26px !important; width:auto !important; height:46px !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:space-between !important; direction:ltr !important; background:transparent !important; border:0 !important; box-shadow:none !important; z-index:2147483000 !important; pointer-events:none !important; } #badeelUnifiedNavigation .badeel-unified-menu, #badeelUnifiedNavigation .badeel-unified-back{ position:relative !important; inset:auto !important; width:46px !important; height:46px !important; min-width:46px !important; min-height:46px !important; max-width:46px !important; max-height:46px !important; flex:0 0 46px !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; background:#075f50 !important; border:1px solid rgba(255,255,255,.30) !important; border-radius:13px !important; box-shadow:0 4px 12px rgba(0,0,0,.18) !important; transform:none !important; opacity:1 !important; visibility:visible !important; overflow:hidden !important; pointer-events:auto !important; } /* |-------------------------------------------------------------------------- | 2. رسم ☰ بصورة ثابتة |-------------------------------------------------------------------------- */ #badeelUnifiedNavigation .badeel-unified-menu{ flex-direction:column !important; gap:5px !important; } #badeelUnifiedNavigation .badeel-unified-menu span{ display:block !important; width:24px !important; height:3px !important; min-width:24px !important; min-height:3px !important; max-width:24px !important; max-height:3px !important; margin:0 !important; padding:0 !important; position:static !important; background:#fff !important; border:0 !important; border-radius:4px !important; transform:none !important; } /* |-------------------------------------------------------------------------- | 3. سهم الرجوع |-------------------------------------------------------------------------- */ #badeelUnifiedNavigation .badeel-unified-back svg{ display:block !important; width:25px !important; height:25px !important; margin:0 !important; } #badeelUnifiedNavigation .badeel-unified-back path{ stroke:#fff !important; stroke-width:2.8 !important; } /* |-------------------------------------------------------------------------- | 4. إزالة أزرار التنقل القديمة فقط |-------------------------------------------------------------------------- */ #menuButton, #backButton, .back-button, .back-btn, .back-link, .go-back, .return-button{ display:none !important; } /* |-------------------------------------------------------------------------- | 5. إصلاح رؤوس الصفحات القديمة |-------------------------------------------------------------------------- | لا نخفي العنوان. | نعطيه منطقة وسطية مستقلة بين الزرين. */ .phone > .header, .phone > .topBar, .phone > .topbar, .phone > .header-area, .app-frame > .header, .app-frame > .topBar, .app-frame > .topbar, .app-frame > .header-area, .app-screen > .header, .app-screen > .topBar, .app-screen > .topbar, .app-screen > .header-area, .chat-screen > .header, .chat-screen > .topBar, .chat-screen > .topbar, .chat-screen > .header-area, .app-shell > .header, .app-shell > .topBar, .app-shell > .topbar, .app-shell > .header-area, body > .phone > .header, body > .phone > .topBar, body > .app-frame > .header, body > .app-frame > .topBar{ box-sizing:border-box !important; width:100% !important; min-height:82px !important; padding-top:18px !important; padding-bottom:12px !important; /* * 90px على الطرفين تمنع العنوان * من الوصول إلى ☰ أو الرجوع. */ padding-left:90px !important; padding-right:90px !important; } /* |-------------------------------------------------------------------------- | 6. العناوين المباشرة داخل الرأس |-------------------------------------------------------------------------- */ .phone > .header > h1, .phone > .header > h2, .phone > .topBar > h1, .phone > .topBar > h2, .phone > .topbar > h1, .phone > .topbar > h2, .phone > .header-area > h1, .phone > .header-area > h2, .app-frame > .header > h1, .app-frame > .header > h2, .app-frame > .topBar > h1, .app-frame > .topBar > h2, .app-frame > .topbar > h1, .app-frame > .topbar > h2, .app-frame > .header-area > h1, .app-frame > .header-area > h2, .app-screen > .header > h1, .app-screen > .header > h2, .app-screen > .topBar > h1, .app-screen > .topBar > h2, .app-shell > .header > h1, .app-shell > .header > h2, .app-shell > .topBar > h1, .app-shell > .topBar > h2{ position:relative !important; left:auto !important; right:auto !important; top:auto !important; width:100% !important; max-width:100% !important; margin:0 auto !important; padding:0 !important; text-align:center !important; white-space:normal !important; overflow:visible !important; z-index:1 !important; } /* |-------------------------------------------------------------------------- | 7. صفحات القطاعات القديمة |-------------------------------------------------------------------------- | government_sectors.php | private_sectors.php | وما يستخدم نفس topBar/header. */ body .phone > .topBar, body .phone > .header{ position:relative !important; } /* * زر .back القديم في صفحات القطاعات. */ body .phone > .topBar > .back, body .phone > .header > .back, body .phone > .back{ display:none !important; } /* |-------------------------------------------------------------------------- | 8. select_sector.php |-------------------------------------------------------------------------- | هذه الصفحة ظهر فيها زر/أيقونة قائمة قديمة أسفل ☰. | نحافظ على الجرس ونخفي زر القائمة القديم فقط. */ .header-area .menu-button, .header-area .menu-btn, .header-area .hamburger, .header-area .hamburger-button, .header-area [aria-label="القائمة"], .header-area [title="القائمة"]{ display:none !important; } /* * نحجز للجرس والعنوان مساحة صحيحة. */ .header-area{ box-sizing:border-box !important; } .header-area h1, .header-area h2, .header-area .title, .header-area .page-title{ max-width:190px !important; margin-left:auto !important; margin-right:auto !important; text-align:center !important; } /* |-------------------------------------------------------------------------- | 9. صفحاتي: إعجاباتي / تعليقاتي / رسائلي / أخباري |-------------------------------------------------------------------------- | لا نغيّر البطاقات الداخلية. */ .header-card, .sheet-header, .news-header, .comments-header, .job-header{ box-sizing:border-box !important; } /* |-------------------------------------------------------------------------- | 10. منع أي نص من الظهور خلف الزرين في أعلى الإطار |-------------------------------------------------------------------------- */ .phone, .app-frame, .app-screen, .chat-screen, .app-shell{ position:relative !important; } /* |-------------------------------------------------------------------------- | 11. القائمة المنسدلة |-------------------------------------------------------------------------- */ #topMenu{ position:fixed !important; width:250px !important; max-width:calc(100vw - 32px) !important; padding:10px !important; background:#fff !important; border:1px solid rgba(0,77,59,.18) !important; border-radius:16px !important; box-shadow:0 14px 34px rgba(0,0,0,.24) !important; overflow:hidden !important; z-index:2147483001 !important; } /* |-------------------------------------------------------------------------- | 12. الجوال |-------------------------------------------------------------------------- */ @media(max-width:430px){ #badeelUnifiedNavigation{ top:16px !important; left:22px !important; right:22px !important; height:42px !important; } #badeelUnifiedNavigation .badeel-unified-menu, #badeelUnifiedNavigation .badeel-unified-back{ width:42px !important; height:42px !important; min-width:42px !important; min-height:42px !important; max-width:42px !important; max-height:42px !important; flex-basis:42px !important; } .phone > .header, .phone > .topBar, .phone > .topbar, .phone > .header-area, .app-frame > .header, .app-frame > .topBar, .app-frame > .topbar, .app-frame > .header-area, .app-screen > .header, .app-screen > .topBar, .app-screen > .topbar, .app-screen > .header-area, .chat-screen > .header, .chat-screen > .topBar, .chat-screen > .topbar, .chat-screen > .header-area, .app-shell > .header, .app-shell > .topBar, .app-shell > .topbar, .app-shell > .header-area{ min-height:76px !important; padding-left:78px !important; padding-right:78px !important; padding-top:16px !important; } .header-area h1, .header-area h2, .header-area .title, .header-area .page-title{ max-width:175px !important; } } /* ========================================================== BADEEL_FINAL_HEADER_MASTER_FIX_20261002 ========================================================== */ #badeelUnifiedNavigation{ position:absolute !important; top:14px !important; left:16px !important; right:16px !important; width:auto !important; height:42px !important; margin:0 !important; padding:0 !important; display:block !important; box-sizing:border-box !important; z-index:10000 !important; pointer-events:none !important; } #badeelUnifiedNavigation .badeel-unified-menu{ position:absolute !important; left:0 !important; right:auto !important; top:0 !important; width:42px !important; height:42px !important; min-width:42px !important; min-height:42px !important; margin:0 !important; padding:0 !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:5px !important; background:#172120 !important; border:1px solid rgba(255,255,255,.20) !important; border-radius:12px !important; box-sizing:border-box !important; pointer-events:auto !important; } #badeelUnifiedNavigation .badeel-unified-menu span{ display:block !important; width:22px !important; height:3px !important; min-width:22px !important; min-height:3px !important; margin:0 !important; padding:0 !important; background:#fff !important; border-radius:3px !important; opacity:1 !important; } #badeelUnifiedNavigation .badeel-unified-back{ position:absolute !important; right:0 !important; left:auto !important; top:0 !important; width:42px !important; height:42px !important; min-width:42px !important; min-height:42px !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; background:#172120 !important; border:1px solid rgba(255,255,255,.20) !important; border-radius:12px !important; box-sizing:border-box !important; pointer-events:auto !important; } #badeelUnifiedNavigation .badeel-unified-back svg{ width:24px !important; height:24px !important; display:block !important; fill:none !important; stroke:#fff !important; stroke-width:2.5 !important; stroke-linecap:round !important; stroke-linejoin:round !important; } /* منع تكرار أسهم الرجوع القديمة */ header .back-button, header .back-btn, header .back-link, header .back-icon, header .back, header button[aria-label="رجوع"], header a[aria-label="رجوع"], header .icon-btn[aria-label="رجوع"], header .icon-button[aria-label="رجوع"]{ display:none !important; visibility:hidden !important; pointer-events:none !important; } /* حماية العنوان من أزرار الرأس */ .app-bar, .topBar, .topbar, .header-area, .page-header, .top-bar{ position:relative !important; box-sizing:border-box !important; padding-left:72px !important; padding-right:72px !important; } .app-bar h1, .app-bar .app-title, .topBar h1, .topBar .title, .topbar h1, .topbar .title, .header-area h1, .header-area .title, .page-header h1, .page-header .page-title, .top-bar h1{ min-width:0 !important; max-width:100% !important; width:100% !important; margin-left:auto !important; margin-right:auto !important; text-align:center !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; box-sizing:border-box !important; } /* أزرار التحديث تبقى ظاهرة ولا تدخل تحت الرجوع */ #refreshButton, #topRefreshBtn, .refresh-button, .icon-button.refresh{ position:relative !important; z-index:20 !important; flex-shrink:0 !important; } @media(max-width:520px){ #badeelUnifiedNavigation{ top:12px !important; left:14px !important; right:14px !important; } .app-bar, .topBar, .topbar, .header-area, .page-header, .top-bar{ padding-left:68px !important; padding-right:68px !important; } } @media(max-width:360px){ #badeelUnifiedNavigation{ left:10px !important; right:10px !important; } .app-bar, .topBar, .topbar, .header-area, .page-header, .top-bar{ padding-left:62px !important; padding-right:62px !important; } } /* ========================================================== BADEEL_HEADER_TITLE_CLARITY_FIX_20261002 ========================================================== */ .app-bar{ padding-left:52px !important; padding-right:52px !important; } .app-bar .app-title, .app-bar h1{ font-size:17px !important; font-weight:800 !important; line-height:1.25 !important; text-align:center !important; overflow:visible !important; text-overflow:clip !important; white-space:nowrap !important; min-width:0 !important; width:100% !important; padding:0 4px !important; box-sizing:border-box !important; } @media(max-width:520px){ .app-bar{ padding-left:50px !important; padding-right:50px !important; } .app-bar .app-title, .app-bar h1{ font-size:16px !important; } } /* ========================================================== BADEEL_BACK_RIGHT_POSITION_FIX_20261002 ========================================================== */ #badeelUnifiedNavigation{ left:14px !important; right:14px !important; width:auto !important; max-width:none !important; } #badeelUnifiedNavigation .badeel-unified-back{ left:auto !important; right:0 !important; margin-left:0 !important; margin-right:0 !important; transform:none !important; } @media(max-width:520px){ #badeelUnifiedNavigation{ left:12px !important; right:12px !important; } #badeelUnifiedNavigation .badeel-unified-back{ right:0 !important; } } /* ========================================================= BADEEL SINGLE HEADER FINAL FIX — 20261002 ========================================================= */ /* الإطار المركزي */ #badeelUnifiedNavigation{ left:0 !important; right:0 !important; width:100% !important; max-width:none !important; box-sizing:border-box !important; } /* زر القائمة: داخل الإطار بمسافة واضحة */ #badeelUnifiedNavigation .badeel-unified-menu{ left:18px !important; right:auto !important; margin:0 !important; transform:none !important; } /* زر الرجوع: داخل الإطار بمسافة واضحة */ #badeelUnifiedNavigation .badeel-unified-back{ right:18px !important; left:auto !important; margin:0 !important; transform:none !important; } /* منع العنوان من النزول لسطر ثانٍ */ #badeelUnifiedNavigation .badeel-unified-title, #badeelUnifiedNavigation .title, #badeelUnifiedNavigation h1, #badeelUnifiedNavigation h2{ white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; line-height:1.2 !important; } /* منع أي زر قائمة قديم من الظهور بجانب الهيدر المركزي */ #menuButton, .menuButton, .menu-button, .hamburger-button, .hamburger-btn, .menu-btn{ display:none !important; } /* استثناء زر القائمة المركزي */ #badeelUnifiedNavigation #badeelUnifiedMenuButton{ display:flex !important; } /* الجوال */ @media(max-width:520px){ #badeelUnifiedNavigation .badeel-unified-menu{ left:14px !important; } #badeelUnifiedNavigation .badeel-unified-back{ right:14px !important; } #badeelUnifiedNavigation .badeel-unified-title, #badeelUnifiedNavigation .title, #badeelUnifiedNavigation h1, #badeelUnifiedNavigation h2{ font-size:16px !important; white-space:nowrap !important; } } /* BADEEL_SINGLE_HEADER_FINAL_FIX_20261002 */ /* ===== BADEEL NAV BUTTONS SAFE INSET FINAL ===== */ #badeelUnifiedNavigation{ position:absolute !important; left:0 !important; right:0 !important; width:100% !important; box-sizing:border-box !important; } #badeelUnifiedNavigation #badeelUnifiedMenuButton{ position:absolute !important; top:0 !important; left:20px !important; right:auto !important; margin:0 !important; transform:none !important; } #badeelUnifiedNavigation #badeelUnifiedBack{ position:absolute !important; top:0 !important; right:20px !important; left:auto !important; margin:0 !important; transform:none !important; } @media(max-width:520px){ #badeelUnifiedNavigation #badeelUnifiedMenuButton{ left:16px !important; } #badeelUnifiedNavigation #badeelUnifiedBack{ right:16px !important; } } /* ===== END BADEEL NAV BUTTONS SAFE INSET FINAL ===== */ /* ===== BADEEL HEADER FINAL POSITION 20261002 ===== */ /* زر الخطوط الثلاثة - إبعاده بوضوح عن الحافة */ #badeelUnifiedNavigation #badeelUnifiedMenuButton{ position:absolute !important; top:12px !important; left:32px !important; right:auto !important; margin:0 !important; transform:none !important; } /* سهم الرجوع - إبعاده بوضوح عن الحافة */ #badeelUnifiedNavigation #badeelUnifiedBack{ position:absolute !important; top:12px !important; right:32px !important; left:auto !important; margin:0 !important; transform:none !important; } /* عنوان رأس الصفحة في سطر واحد */ .app-bar h1, .app-bar .app-title, .top-bar h1, .topBar h1, .page-header h1, header h1{ white-space:nowrap !important; word-break:keep-all !important; overflow:visible !important; text-overflow:clip !important; line-height:1.25 !important; } /* مساحة كافية للعنوان بين الأزرار */ .app-bar, .top-bar, .topBar, .page-header{ box-sizing:border-box !important; padding-left:82px !important; padding-right:82px !important; } /* الجوال */ @media(max-width:520px){ #badeelUnifiedNavigation #badeelUnifiedMenuButton{ left:24px !important; } #badeelUnifiedNavigation #badeelUnifiedBack{ right:24px !important; } .app-bar, .top-bar, .topBar, .page-header{ padding-left:70px !important; padding-right:70px !important; } .app-bar h1, .app-bar .app-title, .top-bar h1, .topBar h1, .page-header h1, header h1{ font-size:17px !important; white-space:nowrap !important; } } /* ===== END BADEEL HEADER FINAL POSITION ===== */ /* ===== SELECT SECTOR FINAL HEADER FIX 20261002 ===== */ /* سهم الرجوع: إدخاله أكثر داخل الإطار */ body #badeelUnifiedNavigation #badeelUnifiedBack{ position:absolute !important; right:34px !important; left:auto !important; top:12px !important; margin:0 !important; transform:none !important; } @media(max-width:520px){ body #badeelUnifiedNavigation #badeelUnifiedBack{ right:28px !important; } } /* عنوان اختيار القطاع: سطر واحد */ body .header-title, body .page-title, body .top-title, body .title{ white-space:nowrap !important; word-break:keep-all !important; overflow:visible !important; text-overflow:clip !important; width:auto !important; max-width:none !important; } /* ===== END SELECT SECTOR FINAL HEADER FIX ===== */ /* ========================================================= BADEEL LOGIN FRAME - FINAL NAVIGATION POSITION ========================================================= */ #badeelUnifiedNavigation{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; pointer-events:none !important; z-index:100000 !important; } #badeelUnifiedNavigation .badeel-unified-menu, #badeelUnifiedNavigation .badeel-unified-back{ pointer-events:auto !important; position:absolute !important; top:18px !important; width:42px !important; height:42px !important; display:flex !important; align-items:center !important; justify-content:center !important; margin:0 !important; cursor:pointer !important; z-index:100001 !important; } #badeelUnifiedNavigation .badeel-unified-menu{ left:18px !important; right:auto !important; } #badeelUnifiedNavigation .badeel-unified-back{ right:18px !important; left:auto !important; } /* الجوال */ @media (max-width:520px){ #badeelUnifiedNavigation .badeel-unified-menu{ left:12px !important; top:12px !important; } #badeelUnifiedNavigation .badeel-unified-back{ right:12px !important; top:12px !important; } } /* مؤشر اليد */ #badeelUnifiedNavigation .badeel-unified-menu:hover, #badeelUnifiedNavigation .badeel-unified-back:hover{ cursor:pointer !important; }