.cax-wrap{--cax-gap:16px}
.cax-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--cax-gap)}
.cax-actions{display:flex;align-items:center;gap:12px}
.cax-toggle,.cax-close{
  display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;border-radius:10px;border:1px solid #dfe3ea;background:#fff;
  box-shadow:0 6px 14px rgba(17,24,39,.06);cursor:pointer
}

/* Drawer */
.cax-drawer{
  position:fixed;inset:0 auto 0 0;width:min(380px,92vw);max-width:92vw;height:100vh;
  background:#fff;box-shadow:0 0 0 rgba(0,0,0,0);
  transform:translateX(-100%);transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s;
  z-index:1400;display:flex;flex-direction:column
}
html[dir="rtl"] .cax-drawer{inset:0 0 0 auto;transform:translateX(100%)}
.cax-drawer.cax-open{transform:translateX(0);box-shadow:0 0 0 9999px rgba(15,23,42,.35)}

.cax-drawer-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px;border-bottom:1px solid #eee
}
.cax-drawer-nav{padding:14px 16px;overflow:auto}
.cax-drawer-list{list-style:none;margin:0;padding:0}
.cax-drawer-list li{margin:2px 0;position:relative}
.cax-drawer-list a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px 10px;border-radius:10px;color:#0f172a;font-weight:600;text-decoration:none;
  min-height:40px
}
.cax-drawer-list a:hover{background:#f8fafc}

/* ===== Accordion (nested lists) ===== */
.cax-arrow{
  margin-inline-start:10px;transition:transform .18s ease;font-size:14px;line-height:1;opacity:.85
}

/* الافتراضي: القوائم الفرعية مخفية */
.cax-item > ul{
  display:none;padding-inline-start:14px;border-inline-start:2px solid #eef2f7;margin-top:6px
}

/* الإصلاح المهم: نفس عنصر li يحمل cax-item و cax-open */
.cax-item.cax-open > ul{
  display:block !important;animation:caxSlide .22s ease
}

/* تدوير السهم عند الفتح */
.cax-item.cax-open > a .cax-arrow{transform:rotate(90deg)}

@keyframes caxSlide{
  from{opacity:0;transform:translateY(-6px)}
  to{opacity:1;transform:translateY(0)}
}

/* Overlay + no scroll */
.cax-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.35);
  opacity:0;visibility:hidden;transition:opacity .25s;z-index:1350
}
.cax-overlay.cax-show{opacity:1;visibility:visible}
.cax-no-scroll{overflow:hidden}