/* hrai — قائمة «الأدوات» المنسدلة من الهيدر (2026-10-28). الهيدر نفسه ما تغيّر: القائمة تطلع تحته بس. */
.mm{position:absolute;top:60px;inset-inline:0;margin-inline:auto;width:min(900px,calc(100vw - 32px));z-index:5;pointer-events:auto;padding-top:8px;
  --mm-bg:rgba(255,255,255,.9);--mm-line:rgba(17,17,17,.07);--mm-ink:#111;--mm-mute:#8a8a8a;--mm-soft:rgba(17,17,17,.05);--mm-hl:rgba(17,17,17,.045)}
html[data-theme="dark"] .mm{--mm-bg:rgba(30,31,35,.9);--mm-line:rgba(255,255,255,.09);--mm-ink:#f2f2f2;--mm-mute:#8f8f8f;--mm-soft:rgba(255,255,255,.07);--mm-hl:rgba(255,255,255,.06)}
.mm[hidden]{display:none}
.mm-card{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 250px;gap:6px 10px;padding:14px;border-radius:24px;background:var(--mm-bg);
  -webkit-backdrop-filter:blur(24px) saturate(1.8);backdrop-filter:blur(24px) saturate(1.8);
  box-shadow:0 0 0 1px var(--mm-line),inset 0 1px 0 rgba(255,255,255,.7),0 30px 70px -20px rgba(17,17,17,.28),0 8px 20px -10px rgba(17,17,17,.12);
  transform-origin:var(--mm-ox,50%) 0;opacity:0;transform:translateY(-10px) scale(.965);clip-path:inset(0 0 92% 0 round 24px);
  transition:opacity .22s ease,transform .55s cubic-bezier(.2,1.15,.3,1),clip-path .5s cubic-bezier(.2,.9,.2,1)}
html[data-theme="dark"] .mm-card{box-shadow:0 0 0 1px var(--mm-line),inset 0 1px 0 rgba(255,255,255,.06),0 30px 70px -20px rgba(0,0,0,.6)}
.mm.open .mm-card{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 24px)}
.mm.closing .mm-card{opacity:0;transform:translateY(-6px) scale(.985);transition:opacity .18s ease,transform .22s ease,clip-path .22s ease}
/* الأعمدة */
.mm-col{position:relative;display:flex;flex-direction:column;gap:2px;min-width:0}
.mm-c2{border-inline-start:1px solid var(--mm-line);padding-inline-start:10px}
.mm-h{font-size:11.5px;font-weight:800;letter-spacing:.2px;color:var(--mm-mute);padding:8px 12px 6px}
.mm-link{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:14px;color:var(--mm-ink);text-decoration:none;outline:none}
.mm-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:var(--mm-soft);transition:background .3s,transform .4s cubic-bezier(.3,1.4,.5,1)}
.mm-ic svg{width:18px;height:18px;fill:none;stroke:var(--mm-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}
.mm-ic svg.mm-ry{stroke:none;fill:var(--mm-ink);width:16px;height:18px;transition:fill .3s}
.mm-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.mm-tx b{font-size:14px;font-weight:800;line-height:1.35}
.mm-tx small{font-size:12px;color:var(--mm-mute);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-link:hover .mm-ic,.mm-link:focus-visible .mm-ic{background:var(--mm-ink);transform:scale(1.06) rotate(-4deg)}
.mm-link:hover .mm-ic svg,.mm-link:focus-visible .mm-ic svg{stroke:var(--mm-bg-solid,#fff)}
.mm-link:hover .mm-ic svg.mm-ry,.mm-link:focus-visible .mm-ic svg.mm-ry{fill:var(--mm-bg-solid,#fff)}
html[data-theme="dark"] .mm{--mm-bg-solid:#111}
/* الإضاءة اللي تلحق الماوس بين الروابط */
.mm-hl{position:absolute;top:0;left:0;z-index:0;border-radius:14px;background:var(--mm-hl);opacity:0;pointer-events:none;
  transition:transform .32s cubic-bezier(.25,1.1,.4,1),width .32s cubic-bezier(.25,1.1,.4,1),height .32s cubic-bezier(.25,1.1,.4,1),opacity .2s}
.mm-all{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border-radius:14px;color:var(--mm-ink);font-size:13.5px;font-weight:800;text-decoration:none;position:relative;z-index:1;outline:none}
.mm-all svg,.mm-fgo svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
html[dir="ltr"] .mm-all svg,html[dir="ltr"] .mm-fgo svg{transform:scaleX(-1)}
.mm-all:hover svg{transform:translateX(-4px)}
html[dir="ltr"] .mm-all:hover svg{transform:scaleX(-1) translateX(-4px)}
/* كرت المستشار */
.mm-feat{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:100%;padding:20px;border-radius:18px;background:#111;color:#fff;text-decoration:none;outline:none}
.mm-fbg{position:absolute;inset:-20% -40%;z-index:-1;background:url(/img/brand/flow-dark.svg) center/cover no-repeat;opacity:.85;animation:mmDrift 14s ease-in-out infinite alternate}
@keyframes mmDrift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-6%,4%,0) scale(1.08)}}
.mm-feat::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(17,17,17,.92) 30%,rgba(17,17,17,.2))}
.mm-fdot{position:absolute;top:18px;inset-inline-start:20px;width:8px;height:8px;border-radius:50%;background:#2fa55a;box-shadow:0 0 0 0 rgba(47,165,90,.6);animation:mmPulse 2s infinite}
@keyframes mmPulse{0%{box-shadow:0 0 0 0 rgba(47,165,90,.55)}70%{box-shadow:0 0 0 10px rgba(47,165,90,0)}100%{box-shadow:0 0 0 0 rgba(47,165,90,0)}}
.mm-feat b{font-size:16px;font-weight:900;line-height:1.35}
.mm-feat small{font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.66)}
.mm-fgo{margin-top:8px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800}
.mm-feat:hover .mm-fgo svg{transform:translateX(-4px)}
html[dir="ltr"] .mm-feat:hover .mm-fgo svg{transform:scaleX(-1) translateX(-4px)}
.mm-feat:focus-visible,.mm-all:focus-visible{box-shadow:0 0 0 2px var(--mm-ink)}
/* دخول العناصر ورا بعض */
.mm-h,.mm-link,.mm-all,.mm-feat{opacity:0;transform:translateY(8px);filter:blur(4px);transition:opacity .35s ease,transform .5s cubic-bezier(.2,1,.3,1),filter .4s ease;transition-delay:calc(var(--i,0) * 28ms + 60ms)}
.mm-feat{transform:translateY(8px) scale(.97)}
.mm.open .mm-h,.mm.open .mm-link,.mm.open .mm-all,.mm.open .mm-feat{opacity:1;transform:none;filter:none}
.mm.closing .mm-h,.mm.closing .mm-link,.mm.closing .mm-all,.mm.closing .mm-feat{transition-delay:0s;transition-duration:.15s}
/* الرابط في الشريط وهي مفتوحة */
#navbar-links a[data-mm][aria-expanded="true"]{color:var(--k-111111)}
@media(max-width:1000px){.mm{display:none!important}}
@media(prefers-reduced-motion:reduce){.mm-card,.mm-h,.mm-link,.mm-all,.mm-feat{transition:opacity .15s!important;transform:none!important;filter:none!important;clip-path:none!important}.mm-fbg,.mm-fdot{animation:none}}
/* سهم «الأدوات» عشان يبان إنها قائمة منسدلة — يلف لما تنفتح */
#navbar-links a[data-mm]{display:inline-flex;align-items:center;gap:4px}
.mm-chev{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.6;transition:transform .35s cubic-bezier(.3,1.3,.5,1),opacity .2s}
#navbar-links a[data-mm]:hover .mm-chev{opacity:1}
#navbar-links a[data-mm][aria-expanded="true"] .mm-chev{transform:rotate(180deg);opacity:1}
.mm-link.mm-cur .mm-ic{background:var(--mm-ink)}
.mm-link.mm-cur .mm-ic svg{stroke:var(--mm-bg-solid,#fff)}
.mm-link.mm-cur .mm-ic svg.mm-ry{fill:var(--mm-bg-solid,#fff)}