/* drawer.css — القائمة الجانبية المنزلقة + مفاتيح اللغة/الثيم */

  /* ─── القائمة الجانبية المنزلقة ─── */
  .menu-btn {
    width:40px; height:40px; border-radius:12px; border:1px solid var(--border);
    background:var(--card); color:var(--text); cursor:pointer; font-size:17px;
    display:flex; align-items:center; justify-content:center; transition:.2s;
    backdrop-filter:blur(12px); flex-shrink:0;
  }
  .menu-btn:hover { border-color:var(--accent); color:var(--accent); }
  .drawer-overlay {
    position:fixed; inset:0; background:rgba(4,8,18,.6); backdrop-filter:blur(3px);
    opacity:0; pointer-events:none; transition:.3s; z-index:40;
  }
  .drawer-overlay.open { opacity:1; pointer-events:auto; }
  .drawer {
    position:fixed; top:0; bottom:0; left:0; width:min(360px, 88vw); z-index:50;
    background:#0d1322; border-right:1px solid var(--border-strong);
    transform:translateX(-105%); transition:transform .35s cubic-bezier(.2,.9,.3,1);
    display:flex; flex-direction:column; box-shadow:30px 0 80px rgba(0,0,0,.5);
  }
  .drawer.open { transform:translateX(0); }
  .drawer-head {
    display:flex; align-items:center; justify-content:space-between;
    padding:18px 18px 14px; border-bottom:1px solid var(--border);
  }
  .drawer-head b { font-size:16px; font-weight:800; }
  .drawer-body { flex:1; overflow-y:auto; padding:16px; }
  .drawer-section { margin-bottom:22px; }
  .drawer-section > h3 {
    margin:0 0 11px; font-size:13.5px; font-weight:800; color:var(--muted);
    text-transform:uppercase; letter-spacing:.5px; display:flex; justify-content:space-between; align-items:center;
  }
  .toggles { display:flex; gap:7px; }