/* =====================================================================
   Temeralds — menus.css
   القوائم: القوائم المنسدلة + قائمة الجوال
   ===================================================================== */

.ndrop{position:relative}
.ndrop-t{display:inline-flex;align-items:center;gap:5px}
.ndrop-t::after{content:"▾";font-size:.65em;opacity:.7}
.ndrop::before{content:"";position:absolute;top:100%;left:0;right:0;height:14px}
.ndrop-menu{position:absolute;top:calc(100% + 12px);right:0;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--soft2);padding:14px;min-width:240px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s;z-index:120}
.ndrop:hover .ndrop-menu{opacity:1;visibility:visible;transform:none}
.ndrop-menu a{display:block;padding:8px 11px;border-radius:9px;font-size:.9rem;font-weight:600;color:var(--ink);white-space:nowrap;transition:background .2s,color .2s}
.ndrop-menu a:hover{background:rgba(188,108,37,.1);color:var(--rust)}
.ndrop-h{display:block;font-family:var(--disp);font-weight:800;font-size:.78rem;color:var(--rust);padding:4px 11px;margin-bottom:2px}
.ndrop-2col{display:grid;grid-template-columns:1fr 1fr;gap:2px 18px;min-width:440px}
.mobile-menu{position:fixed;inset:0;z-index:300;background:var(--bg);padding:20px 22px;display:none;overflow-y:auto}
.mobile-menu.open{display:block;animation:mmfade .25s ease}
.mm-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.mm-brand{font-family:var(--disp);font-weight:900;font-size:1.5rem;color:var(--ink)}
.mm-brand span{color:var(--rust)}
.mm-close{font-size:2rem;line-height:1;background:none;border:none;cursor:pointer;color:var(--ink)}
.mobile-menu a{display:block;padding:15px 6px;font-family:var(--disp);font-weight:700;font-size:1.15rem;color:var(--ink);border-bottom:1px solid var(--line)}
.mobile-menu a:active{color:var(--rust)}
.mobile-menu .mm-cta{margin-top:18px;border:none;justify-content:center;color:#fff;text-align:center}

/* ===== Mobile menu section headers (EN) ===== */
.mobile-menu .mm-h{display:block;font-family:'Poppins';font-weight:800;color:#606c38;font-size:.78rem;letter-spacing:.4px;margin:14px 0 2px;padding-top:12px;border-top:1px solid rgba(40,54,24,.12)}