/* mobile-menu.css — درج جانبي احترافي موحد للموبايل والتابلت (كل الـ 11 تصميم + الهيدر القديم) */
.mmenu-close{display:none}
#mmenu-overlay{display:none}
@media (max-width:1023px){
  /* زر البرجر: كبير وواضح في كل التصاميم */
  .burger,button.burger,#burger{
    display:inline-flex!important;align-items:center;justify-content:center;
    width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;
    font-size:1.45rem!important;border-radius:14px!important;cursor:pointer;flex-shrink:0;
  }
  /* الدرج الجانبي: كل قوائم الثيمات تتحول لدرج منزلق من اليمين */
  .main-links,nav.links,#mainNav,.side-nav,.l7-nav,.l8-links,.l9-links,.l10-links,.l11-links{
    position:fixed!important;top:0!important;bottom:0!important;right:0!important;left:auto!important;
    width:min(330px,86vw)!important;height:100dvh!important;max-height:none!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
    gap:.15rem!important;padding:70px 1rem 1.5rem!important;margin:0!important;
    overflow-y:auto!important;-webkit-overflow-scrolling:touch;
    background:linear-gradient(180deg,#0d1a33,#060d1d)!important;color:#fff!important;
    border:0!important;border-left:2px solid #c9a24b!important;border-radius:0!important;
    box-shadow:-24px 0 70px rgba(0,0,0,.55)!important;text-align:right!important;
    transform:translateX(106%)!important;visibility:hidden!important;
    transition:transform .38s cubic-bezier(.32,.72,.24,1),visibility .38s!important;
    z-index:999990!important;
  }
  /* حالة الفتح — نفس كلاس .open الذي تستخدمه كل الثيمات (والقائمة الجانبية law2) */
  .main-links.open,nav.links.open,#mainNav.open,.side.open .side-nav,
  .l7-nav.open,.l8-links.open,.l9-links.open,.l10-links.open,.l11-links.open{
    transform:translateX(0)!important;visibility:visible!important;
  }
  /* روابط الدرج: كبيرة ومريحة للمس */
  .main-links a,nav.links a,#mainNav a,.side-nav a,
  .l7-nav a,.l8-links a,.l9-links a,.l10-links a,.l11-links a{
    color:#eef2f7!important;font-size:1.02rem!important;font-weight:800!important;
    padding:.95rem 1rem!important;margin:0!important;min-height:52px!important;
    display:flex!important;align-items:center!important;gap:.6rem;
    border-bottom:1px solid rgba(255,255,255,.09)!important;border-radius:10px!important;
    white-space:normal!important;
  }
  .main-links a:last-child,.side-nav a:last-child{border-bottom:none!important}
  .main-links a.active,.side-nav a.active,#mainNav a.active,
  .l7-nav a.active,.l8-links a.active,.l9-links a.active,.l10-links a.active,.l11-links a.active{
    color:#e8c876!important;background:rgba(201,162,75,.16)!important;border-bottom-color:transparent!important;
  }
  /* زر الإغلاق داخل الدرج */
  .mmenu-close{
    display:flex!important;align-items:center;justify-content:center;
    position:absolute!important;top:12px!important;left:12px!important;
    width:44px!important;height:44px!important;border-radius:12px!important;
    background:rgba(255,255,255,.08)!important;color:#e8c876!important;
    border:1.5px solid #c9a24b!important;font-size:1.2rem!important;cursor:pointer;
  }
  /* طبقة التعتيم خلف الدرج — z-index منخفض عمداً (80) لأن الدرج يعيش داخل
     stacking-context الهيدر (z:100+)، فطبقة أعلى كانت تغطي الدرج نفسه وتغبشه */
  #mmenu-overlay{
    display:block!important;position:fixed!important;inset:0!important;
    background:rgba(3,7,17,.55)!important;
    z-index:80!important;opacity:0!important;visibility:hidden!important;transition:opacity .3s;
  }
  #mmenu-overlay.show{opacity:1!important;visibility:visible!important}
  /* شريط law2 العلوي في الموبايل: مساحة مريحة وزر واضح */
  .side{padding:10px 14px!important}
}
/* روابط "أقسام إضافية" الديناميكية: مخفية على الكمبيوتر، ظاهرة في درج الموبايل فقط */
.mmenu-extra,.mmenu-extra-title{display:none}
@media (max-width:1023px){
  .mmenu-extra{display:flex!important}
  .mmenu-extra-title{
    display:block!important;color:#c9a24b!important;font-size:.8rem!important;font-weight:800!important;
    padding:.7rem 1rem .2rem!important;
  }
}