/* ===== Caspian Menu — RTL-first, Responsive ===== */
.cm-nav{--cm-bg:#fff;--cm-fg:#1e293b;--cm-ac:#2563eb;--cm-sub:#f8fafc;--cm-bd:#e2e8f0;
  font-family:inherit;direction:rtl;font-size:15px}
.cm-theme-dark{--cm-bg:#0f172a;--cm-fg:#e2e8f0;--cm-sub:#1e293b;--cm-ac:#38bdf8;--cm-bd:#334155}
.cm-theme-accent{--cm-bg:#2563eb;--cm-fg:#fff;--cm-sub:#1d4ed8;--cm-ac:#fbbf24;--cm-bd:#3b82f6}

/* ===== همبرگر (فقط موبایل) ===== */
.cm-burger{display:none;background:none;border:0;cursor:pointer;padding:10px}
.cm-burger span{display:block;width:26px;height:3px;background:var(--cm-fg);margin:5px 0;border-radius:2px;transition:.3s}

/* ===== ۱) افقی ===== */
.cm-tpl-horizontal .cm-list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;
  background:var(--cm-bg);border:1px solid var(--cm-bd);border-radius:10px}
.cm-tpl-horizontal .cm-list>li{position:relative}
.cm-tpl-horizontal .cm-list>li>a{display:flex;align-items:center;gap:6px;padding:14px 18px;color:var(--cm-fg);text-decoration:none;transition:.2s}
.cm-tpl-horizontal .cm-list>li>a:hover{background:var(--cm-ac);color:#fff;border-radius:8px}

/* ===== ۲) سایدبار چسبیده ===== */
.cm-tpl-sidebar{position:sticky;top:20px;align-self:start}
.cm-tpl-sidebar .cm-list{list-style:none;margin:0;padding:8px;background:var(--cm-bg);
  border:1px solid var(--cm-bd);border-radius:12px;min-width:230px}
.cm-tpl-sidebar .cm-list>li>a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:8px;
  color:var(--cm-fg);text-decoration:none;transition:.2s}
.cm-tpl-sidebar .cm-list>li>a:hover{background:var(--cm-ac);color:#fff}
.cm-tpl-sidebar .cm-list>li:not(:last-child){margin-bottom:2px}

/* ===== ۳) مگا منو ===== */
.cm-tpl-mega .cm-list{display:flex;list-style:none;margin:0;padding:0;background:var(--cm-bg);
  border:1px solid var(--cm-bd);border-radius:10px}
.cm-tpl-mega .cm-list>li{position:relative}
.cm-tpl-mega .cm-list>li>a{display:flex;flex-direction:column;gap:2px;padding:14px 20px;color:var(--cm-fg);text-decoration:none}
.cm-tpl-mega .cm-desc{opacity:.65;font-size:12px}
.cm-tpl-mega .cm-sub{position:absolute;top:100%;right:0;display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));
  gap:4px;min-width:380px;background:var(--cm-sub);border:1px solid var(--cm-bd);border-radius:10px;
  padding:12px;margin:0;list-style:none;box-shadow:0 12px 30px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s;z-index:9999}
.cm-tpl-mega .cm-has-sub:hover .cm-sub,.cm-tpl-mega .cm-has-sub:focus-within .cm-sub{opacity:1;visibility:visible;transform:translateY(0)}
.cm-tpl-mega .cm-sub a{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;color:var(--cm-fg);text-decoration:none}
.cm-tpl-mega .cm-sub a:hover{background:var(--cm-ac);color:#fff}
.cm-arrow{font-size:10px;opacity:.6;margin-inline-start:auto}

/* ===== ۴) آیکونی (گرید) ===== */
.cm-tpl-icon .cm-grid{background:var(--cm-bg);border:1px solid var(--cm-bd);border-radius:14px;padding:14px}
.cm-tpl-icon .cm-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;list-style:none;margin:0;padding:0}
.cm-tpl-icon .cm-list>li>a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px;
  border-radius:12px;color:var(--cm-fg);text-decoration:none;text-align:center;transition:.2s;border:1px solid transparent}
.cm-tpl-icon .cm-list>li>a:hover{border-color:var(--cm-ac);background:var(--cm-sub);transform:translateY(-2px)}
.cm-tpl-icon .dashicons{font-size:28px;width:28px;height:28px;color:var(--cm-ac)}
.cm-tpl-icon .cm-sub{list-style:none;margin:8px 0 0;padding:0;font-size:13px}
.cm-tpl-icon .cm-sub a{color:inherit;text-decoration:none;opacity:.75}
.cm-tpl-icon .cm-arrow{display:none}

/* ===== دراپ‌داون افقی (زیرمنو طرح افقی/سایدبار) ===== */
.cm-tpl-horizontal .cm-sub{position:absolute;top:100%;right:0;min-width:210px;background:var(--cm-sub);
  border:1px solid var(--cm-bd);border-radius:10px;padding:6px;margin:0;list-style:none;box-shadow:0 10px 25px rgba(0,0,0,.12);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s;z-index:9999}
.cm-tpl-horizontal .cm-has-sub:hover .cm-sub,.cm-tpl-horizontal .cm-has-sub:focus-within .cm-sub{opacity:1;visibility:visible;transform:none}
.cm-tpl-horizontal .cm-sub a{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:6px;color:var(--cm-fg);text-decoration:none;white-space:nowrap}
.cm-tpl-horizontal .cm-sub a:hover{background:var(--cm-ac);color:#fff}
.cm-tpl-sidebar .cm-sub{list-style:none;margin:4px 12px 8px;padding:0;font-size:14px}
.cm-tpl-sidebar .cm-sub a{display:block;padding:6px 12px;color:var(--cm-fg);text-decoration:none;opacity:.8;border-radius:6px}
.cm-tpl-sidebar .cm-sub a:hover{background:var(--cm-sub);opacity:1}
.cm-tpl-sidebar .cm-arrow{display:none}

/* ===== 📱 موبایل (زیر 782px): همه طرح‌ها همبرگری ===== */
@media (max-width:782px){
  .cm-nav{position:relative}
  .cm-burger{display:block;background:var(--cm-bg);border:1px solid var(--cm-bd);border-radius:8px;width:100%;text-align:start}
  .cm-nav.cm-open .cm-burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .cm-nav.cm-open .cm-burger span:nth-child(2){opacity:0}
  .cm-nav.cm-open .cm-burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .cm-nav .cm-list,.cm-tpl-icon .cm-grid{
    display:none;flex-direction:column;flex-wrap:nowrap;grid-template-columns:1fr;
    width:100%;margin-top:6px;border:1px solid var(--cm-bd);border-radius:10px;
    max-height:70vh;overflow-y:auto}
  .cm-nav.cm-open .cm-list,.cm-nav.cm-open .cm-tpl-icon .cm-grid{display:flex}
  .cm-nav.cm-open .cm-tpl-icon .cm-grid{display:block}
  .cm-nav.cm-open .cm-tpl-icon .cm-list{display:grid;grid-template-columns:repeat(2,1fr)}
  /* دراپ‌داون‌ها در موبایل به‌صورت آکاردئونی */
  .cm-tpl-horizontal .cm-sub,.cm-tpl-mega .cm-sub{position:static;display:none;opacity:1;visibility:visible;transform:none;
    grid-template-columns:1fr;min-width:0;width:auto;box-shadow:none;margin:4px 10px}
  .cm-tpl-horizontal .cm-list>li,.cm-tpl-mega .cm-list>li{border-bottom:1px solid var(--cm-bd)}
  .cm-tpl-horizontal .cm-list>li>a,.cm-tpl-mega .cm-list>li>a{width:100%}
  .cm-tpl-sidebar{position:static}
  .cm-has-sub.cm-sub-open>.cm-sub{display:block!important}
}