/* Elemary Menu — mega menu. Uses the theme's tokens (--ink, --dim, --tx, --line, --panel, --ar). */
.ekm-nav{display:flex;gap:4px;justify-content:center;align-items:center;flex-wrap:nowrap}
.ekm-nav>li{list-style:none}
.main-nav .ekm-nav a,.ekm-top{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:0;background:none;border-radius:var(--r-btn);font:inherit;font-weight:700;font-size:15.5px;color:var(--dim);white-space:nowrap;cursor:pointer;transition:color .2s,background .2s;position:relative}
.main-nav .ekm-nav a:hover,.ekm-top:hover,.ekm-top[aria-expanded="true"]{color:var(--ink);background:rgba(var(--ar),.1)}
.main-nav .ekm-nav a.is-on,.ekm-top.is-on{color:var(--ink)}
.main-nav .ekm-nav a.is-on::after,.ekm-top.is-on::after{content:"";position:absolute;inset-inline:16px;bottom:5px;height:2px;border-radius:2px;background:var(--tx)}
.ekm-top .ekm-i{width:15px;height:15px;transition:transform .25s var(--ease)}
.ekm-top[aria-expanded="true"] .ekm-i{transform:rotate(180deg)}
.main-nav .ekm-nav a.ekm-play{color:var(--onacc);background:var(--accb);padding:0 18px;font-weight:800}
.main-nav .ekm-nav a.ekm-play:hover{filter:brightness(1.08);color:var(--onacc);background:var(--accb)}
.main-nav .ekm-nav a.ekm-play.is-on::after{display:none}
.ek-en .ekm-nav a,.ek-en .ekm-top{letter-spacing:.06em;font-size:12.5px;padding:0 10px}
.ek-ar .ekm-nav a,.ek-ar .ekm-top{font-size:15px;padding:0 12px}
@media (max-width:1500px) and (min-width:901px){.ek-ar .ekm-nav a,.ek-ar .ekm-top{font-size:14.5px;padding:0 10px}.ek-en .ekm-nav a,.ek-en .ekm-top{font-size:12px;padding:0 8px;letter-spacing:.04em}}

/* ---- panel ---- */
.ekm-panel{position:absolute;top:100%;left:50%;width:min(1080px,calc(100vw - 32px));margin-top:-1px;z-index:70;
  background:rgb(var(--bgr));
  border:1px solid var(--line);border-radius:0 0 var(--r-card) var(--r-card);box-shadow:0 40px 80px -30px rgba(0,0,0,.65);
  opacity:0;transform:translate(-50%,-10px);pointer-events:none;transition:opacity .22s var(--ease),transform .28s var(--ease)}
.ekm-panel.is-open{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.ekm-panel.ekm-fans{width:min(640px,calc(100vw - 32px))}
.ekm-panel.ekm-play{width:min(520px,calc(100vw - 32px))}
.ekm-panel::before{content:"";position:absolute;top:0;inset-inline:22px;height:2px;background:linear-gradient(90deg,transparent,var(--tx),transparent);opacity:.7}
.ekm-in{display:grid;grid-template-columns:minmax(260px,330px) 1fr;gap:0;padding:0}
.ekm-list{padding:14px;display:flex;flex-direction:column;gap:4px;border-inline-end:1px solid var(--line);background:rgba(var(--ar),.04)}
.ekm-list li{list-style:none}
.ekm-row,.ekm-big{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--r-sm);color:var(--ink);transition:background .2s,transform .25s var(--ease),box-shadow .2s;position:relative}
.ekm-row:hover,.ekm-row.is-act,.ekm-row:focus-visible{background:rgba(var(--ar),.14)}
.ekm-row.is-act::before{content:"";position:absolute;inset-inline-start:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--tx)}
.ekm-ico{flex:none;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;color:var(--tx);background:rgba(var(--ar),.14);border:1px solid var(--line)}
.ekm-ico .ekm-i{width:22px;height:22px}
.ekm-txt{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.ekm-txt b{font-family:var(--f-display);font-size:17px;font-weight:800;color:var(--ink)}
.ekm-txt small{font-size:12.5px;color:var(--dim);margin-top:2px}
.ekm-cnt{margin-inline-start:auto;font-style:normal;font-weight:800;font-size:12px;min-width:26px;text-align:center;padding:3px 8px;border-radius:99px;background:rgba(var(--ar),.16);color:var(--tx)}
.ekm-panes{padding:20px 22px 22px;min-height:300px}
.ekm-pane-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.ekm-pane-head strong{font-family:var(--f-display);font-size:15px;font-weight:800;color:var(--ink);letter-spacing:.02em}
.ekm-pane-head a{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--tx)}
.ekm-pane-head .ekm-i{width:16px;height:16px}
html[dir="ltr"] .ekm-pane-head .ekm-i,html:not([lang^="ar"]) .ekm-pane-head .ekm-i,html:not([lang^="ar"]) .ekm-go .ekm-i{transform:scaleX(-1)}
.ekm-pane.is-act{animation:ekmIn .35s var(--ease)}
@keyframes ekmIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ekm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ekm-grid.ekm-g-videos{grid-template-columns:repeat(3,1fr)}
.ekm-grid.ekm-g-gallery{grid-template-columns:repeat(4,1fr)}
.ekm-card{display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--ink)}
.ekm-th{position:relative;display:block;overflow:hidden;border-radius:14px;background:rgba(var(--ar),.1);aspect-ratio:3/4;border:1px solid var(--line);transition:transform .35s var(--ease),box-shadow .35s}
.ekm-g-videos .ekm-th{aspect-ratio:16/9}
.ekm-g-gallery .ekm-th{aspect-ratio:1/1}
.ekm-g-journal .ekm-th{aspect-ratio:4/3}
.ekm-th img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.ekm-card:hover .ekm-th,.ekm-card:focus-visible .ekm-th{transform:translateY(-3px);box-shadow:0 18px 30px -16px rgba(0,0,0,.7);border-color:var(--tx)}
.ekm-card:hover .ekm-th img{transform:scale(1.06)}
.ekm-pl{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.5))}
.ekm-pl .ekm-i{width:44px;height:44px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}
.ekm-ct{font-weight:800;font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ekm-cs{font-size:12px;color:var(--dim)}
.ekm-empty{color:var(--dim);padding:30px 0;text-align:center}
.ekm-in-cards{grid-template-columns:1fr;padding:14px;gap:8px}
.ekm-fans .ekm-in-cards{grid-template-columns:1fr 1fr}
.ekm-big{border:1px solid var(--line);background:rgba(var(--ar),.05);padding:16px}
.ekm-big:hover{background:rgba(var(--ar),.14);transform:translateY(-2px);box-shadow:0 14px 28px -18px rgba(0,0,0,.7)}
.ekm-fans .ekm-big{flex-direction:column;align-items:flex-start;text-align:start}
.ekm-go{margin-inline-start:auto;color:var(--tx)}
.ekm-fans .ekm-go{display:none}
.ekm-go .ekm-i{width:18px;height:18px}
.ekm-scrim{position:fixed;inset:0;z-index:55;background:rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .25s}
.ekm-scrim.is-open{opacity:1;pointer-events:auto}

/* ---- drawer accordion (mobile) ---- */
.ekm-acc-b{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;padding:0 6px;background:none;border:0;border-bottom:1px solid var(--line);font-family:var(--f-display);font-size:22px;font-weight:800;color:inherit;text-align:start;cursor:pointer}
.ekm-acc-b .ekm-i{width:22px;height:22px;transition:transform .25s var(--ease)}
.ekm-acc-b[aria-expanded="true"]{color:var(--tx)}
.ekm-acc-b[aria-expanded="true"] .ekm-i{transform:rotate(180deg)}
.ekm-acc-l{padding:6px 0 10px;background:rgba(var(--ar),.05);border-radius:0 0 var(--r-sm) var(--r-sm)}
.ekm-acc-l li{list-style:none}
.ekm-drawer .ekm-acc-l a{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:52px;padding:0 14px;font-size:18px;font-weight:700;border-bottom:0}
.ekm-drawer .ekm-acc-l .ekm-ico{width:36px;height:36px;border-radius:11px}
.ekm-drawer .ekm-acc-l .ekm-ico .ekm-i{width:19px;height:19px}

@media (max-width:900px){.ekm-panel,.ekm-scrim{display:none!important}}
@media (prefers-reduced-motion:reduce){.ekm-panel,.ekm-pane.is-act{transition:none;animation:none}}