/**
 * استایل منوی مگا - روبروی هم و دو ستونه وقتی زیاد باشند
 * بارگذاری توسط افزونه: منوی مگا افقی (Sootak Mega Menu Horizontal)
 * اولویت بالا تا استایل و JS تم (TagDiv) را کنار بزند.
 */

/* فقط زیرمنوی سطح اول: زیر ناو، دو ستون — با تأخیر باز می‌شود (کلاس sootak-mega-open) */
.tdb-block-menu.tdb-menu > li > .sub-menu,
.tdb-block-menu.tdb-menu > li.tdb-mega-menu > .sub-menu,
.tdb-block-menu.tdb-menu > li.tdb-mega-menu-page > .sub-menu,
.tdb-block-menu.tdb-menu > li.tdb-mega-menu-cat > .sub-menu {
  display: none !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 20px;
  align-content: start;
  position: absolute !important;
  top: 100%;
  right: 0;
  left: auto !important;
  width: auto !important;
  min-width: 340px;
  max-width: min(90vw, 640px);
  transform: none !important;
  padding: 14px 18px;
  background: #fff;
  border: 1px solid #eaeaea;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  z-index: 9999;
  float: none !important;
  box-sizing: border-box;
}

.tdb-block-menu.tdb-menu > li.sootak-mega-open > .sub-menu,
.tdb-block-menu.tdb-menu > li.tdb-hover > .sub-menu,
.tdb-block-menu.tdb-menu > li.tdb-mega-menu.sootak-mega-open > .sub-menu,
.tdb-block-menu.tdb-menu > li.tdb-mega-menu.tdb-hover > .sub-menu {
  display: grid !important;
}

/* خنثی‌سازی استایل اینلاین JS تم روی همین سطح اول */
.tdb-block-menu.tdb-menu .tdb-mega-menu .sub-menu,
.tdb-block-menu.tdb-menu .tdb-mega-menu-page .sub-menu,
.tdb-block-menu.tdb-menu .tdb-mega-menu-cat .sub-menu {
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  width: auto !important;
  min-width: 340px;
  max-width: min(90vw, 640px);
  transform: none !important;
}

/* والد زیرمنوی سطح اول: برای قرارگیری درست در RTL */
.tdb-block-menu.tdb-menu > li.menu-item-has-children,
.tdb-block-menu.tdb-menu > li.tdb-mega-menu {
  position: relative;
}

.tdb-block-menu.tdb-menu .sub-menu > li {
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  float: none !important;
  white-space: normal;
  display: block;
  break-inside: avoid;
  box-sizing: border-box;
}

/* آیتمی که زیرمنو دارد: یک سلول گرید؛ زیرمنو همیشه جلو (ستون جدید درختی) */
.tdb-block-menu.tdb-menu .sub-menu > li.menu-item-has-children {
  position: relative;
  display: block;
  grid-column: span 1;
  min-width: 0;
  overflow: visible;
}

/* هر زیرمنوی تو‌در‌تو (سطح ۲، ۳، ۴، …): درختی جلو میاد — پنل جدا سمت راست (RTL) */
.tdb-block-menu.tdb-menu .sub-menu li.menu-item-has-children > .sub-menu {
  position: absolute !important;
  right: 100%;
  left: auto !important;
  top: 0;
  margin-right: 6px;
  min-width: 200px;
  max-width: 320px;
  width: max-content;
  display: none;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 12px;
  padding: 12px 14px;
  border: 1px solid #eaeaea;
  background: #fff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  float: none !important;
  z-index: 10001;
  box-sizing: border-box;
}

.tdb-block-menu.tdb-menu .sub-menu li.menu-item-has-children.sootak-mega-open > .sub-menu,
.tdb-block-menu.tdb-menu .sub-menu li.menu-item-has-children.tdb-hover > .sub-menu,
.tdb-block-menu.tdb-menu .sub-menu li.menu-item-has-children.is-open > .sub-menu,
.tdb-block-menu.tdb-menu .sub-menu li.menu-item-has-children:hover > .sub-menu {
  display: grid !important;
}

/* آیتم‌های داخل هر زیرمنو — در دو ستون */
.tdb-block-menu.tdb-menu .sub-menu .sub-menu > li {
  width: auto !important;
  min-width: 0;
  display: block;
  break-inside: avoid;
}

.tdb-block-menu.tdb-menu .sub-menu .sub-menu > li a {
  display: block;
  padding: 6px 14px;
  white-space: nowrap;
  border-radius: 4px;
}
.tdb-block-menu.tdb-menu .sub-menu .sub-menu > li a:hover {
  background: rgba(77, 178, 236, 0.08);
}

/* آیتم دارای زیرمنو در سطوح پایین‌تر: فقط position نسبت برای پنل درختی */
.tdb-block-menu.tdb-menu .sub-menu .sub-menu > li.menu-item-has-children {
  position: relative;
}

/* مگا منو (آرشیو و بلوک محتوا): یک ستون کامل */
.tdb-block-menu.tdb-menu .sub-menu > li.tdb-mega-menu-cat,
.tdb-block-menu.tdb-menu .sub-menu > li.menu-item-0 {
  grid-column: 1 / -1;
  min-width: 0;
}
.tdb-block-menu.tdb-menu .sub-menu > li.menu-item-0 .tdb_header_mega_menu {
  width: 100%;
}

/* زیرمنوی مستقیم زیر خانه / فال / ایرانی: دو ستون */
.tdb-block-menu.tdb-menu > li > .sub-menu {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 20px;
  min-width: 340px;
}

/* رفع استایل‌های inline از JS تم (مگا منو full-width و موقعیت) */
.tdb-block-menu.tdb-menu .sub-menu[style],
.tdb-block-menu.tdb-menu .tdb-mega-menu .sub-menu[style],
.tdb-block-menu.tdb-menu .tdb-mega-menu-page .sub-menu[style],
.tdb-block-menu.tdb-menu .tdb-mega-menu-cat .sub-menu[style] {
  left: auto !important;
  right: 0 !important;
  width: auto !important;
  min-width: 340px;
  max-width: min(90vw, 640px) !important;
}
/* زیرمنوهای تو‌در‌تو: همیشه جلو (درختی)، حتی با استایل اینلاین تم */
.tdb-block-menu.tdb-menu .sub-menu .sub-menu[style] {
  left: auto !important;
  right: 100% !important;
  top: 0 !important;
  width: auto !important;
  margin-right: 6px;
}

.tdb-block-menu.tdb-menu .menu-item-has-children > a .tdb-sub-menu-icon.td-icon-left-arrow {
  margin-right: 4px;
}

/* تبلت و موبایل: همچنان دو ستون، فاصله کمتر */
@media (max-width: 1018px) {
  .tdb-block-menu.tdb-menu .sub-menu {
    min-width: 280px;
    gap: 0 12px;
    padding: 12px 14px;
  }
  .tdb-block-menu.tdb-menu .sub-menu .sub-menu {
    min-width: 200px;
    gap: 0 10px;
  }
}