/* navrole.css — ناوبری نقش‌محور (کاربر/وکیل) + صفحات به‌زودی */
.navdrop{position:relative}
.navdrop-btn{display:flex;align-items:center;gap:7px;padding:9px 13px;border-radius:12px;font-size:.9rem;white-space:nowrap;color:var(--muted);background:none;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:.2s}
.navdrop-btn svg{width:17px;height:17px}
.navdrop-btn svg:last-child{width:13px;height:13px;color:var(--muted);margin-inline-start:auto}
.navdrop-btn:hover{background:var(--surface-2);color:var(--text)}
.navdrop.open .navdrop-btn{background:var(--primary-soft);color:var(--primary-ink);border-color:rgba(212,175,55,.35);font-weight:700}
.navdrop-btn .caret{font-size:.62rem;color:var(--muted)}
.navdrop-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(-6px);min-width:200px;padding:8px;z-index:60;opacity:0;visibility:hidden;transition:.22s}
.navdrop.open .navdrop-menu{opacity:1;visibility:visible;transform:translateX(-50%)}
.navdrop-menu a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;font-size:.88rem}
.navdrop-menu a:hover{background:var(--primary-soft)}
.navdrop-menu a svg{width:18px;height:18px;color:var(--muted)}
/* زیرگروه دراور */
.drawersub .drawersub-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.32,.72,.24,1)}
.drawersub .drawersub-body>div{overflow:hidden;display:flex;flex-direction:column}
.drawersub.open .drawersub-body{grid-template-rows:1fr}
.drawersub-links a{display:flex !important;align-items:center;gap:12px;padding:10px 14px 10px 26px !important;border-radius:12px;font-size:.88rem;color:var(--muted)}
.drawersub-links a svg{width:18px;height:18px}
.drawersub-links a:hover{background:var(--primary-soft);color:var(--text)}
.drawersub-links a.active{color:var(--primary-ink);font-weight:700}
.drawersub-head{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:none;border:0;color:var(--text);font-family:inherit;font-size:.95rem;cursor:pointer}
.drawersub-head svg{width:20px;height:20px;color:var(--muted)}
.drawersub-head svg:last-child{width:14px;height:14px;margin-inline-start:auto;transition:.2s}
.drawersub.open .drawersub-head svg:last-child{transform:rotate(180deg)}
/* باتم‌نو ۶ آیتمی وکلا */
.bottom-nav.n6 a{min-width:0;padding:8px 7px;font-size:.6rem;flex:1}
/* صفحات به‌زودی */
.soon-hero{position:relative;overflow:hidden;padding:clamp(30px,6vw,60px);text-align:center;isolation:isolate;display:flex;flex-direction:column;align-items:center}
.soon-hero .eyebrow{margin-bottom:6px}
.soon-mark{width:110px;height:110px;border-radius:34px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--secondary),#2f5a94 60%,var(--primary));box-shadow:var(--shadow-lg);margin:16px 0 6px;animation:soonfloat 4s ease-in-out infinite}
.soon-mark svg{width:56px;height:56px}
@keyframes soonfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.soon-hero h1{margin:10px 0 8px;font-size:clamp(1.5rem,4vw,2.2rem)}
.soon-hero .lede{color:var(--muted);line-height:2;max-width:52ch;margin:0}
.soon-feats{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.soon-feats span{font-size:.78rem;background:var(--secondary-soft);border:1px solid var(--stroke);padding:8px 16px;border-radius:99px}
.soon-hero .hero-cta{margin-top:22px}
@media (prefers-reduced-motion:reduce){.soon-mark{animation:none}}