/* مرجع موقعیت برای دراپ‌داون */
.nav-item.onhover-dropdown {
  position: relative !important;
}

.nav-item.onhover-dropdown > .nav-link {
  position: relative;
  z-index: 1002;
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}

.nav-item.onhover-dropdown .onhover-show-div {
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  width: 100%;
  min-width: 220px !important;
  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
  text-align: right !important;

  background: #fff !important;
  border-radius: 10px !important;

  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important;

  z-index: 1001 !important;
}

.nav-item.onhover-dropdown .onhover-show-div li {
  width: 100%;
}

.nav-item.onhover-dropdown .onhover-show-div .dropdown-item {
  display: block !important;

  padding: 10px 18px !important;

  white-space: nowrap;
  text-align: right;

  color: #263238 !important;
  background: transparent !important;

  transition:
    background-color 0.18s ease,
    color 0.18s ease;
}

.nav-item.onhover-dropdown:hover .onhover-show-div {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
  overflow: hidden;
}
/* هاور روی آیتم‌های dropdown */
.nav-item.onhover-dropdown .onhover-show-div .dropdown-item:hover {
  background-color: #f5f7fa !important;
  color: #172033 !important;
}

/* --- آکاردئون منوی موبایل --- */
.mobile-accordion .accordion-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mobile-accordion .accordion-arrow {
  transition: transform 0.3s ease;
}

.mobile-accordion.is-open .accordion-arrow {
  transform: rotate(180deg);
}

.mobile-accordion .accordion-panel {
  list-style: none;
  padding: 0;
  margin: 0;
  border-radius: 10px;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.mobile-accordion.is-open .accordion-panel {
  max-height: 500px; /* عددی بزرگ‌تر از ارتفاع واقعی لیست */
}

.mobile-accordion .accordion-panel li a {
  padding-right: 30px; /* تورفتگی زیرمنو، برای RTL */
  display: block;
}

/* حفظ باز بودن dropdown تا زمانی که موس روی کل منو است */
.nav-item.onhover-dropdown:hover > .onhover-show-div {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* =========================================
   Mobile Accordion
   Shared Site Theme
   ========================================= */

/* عنوان آکاردئون + فلش */
.mobile-accordion .accordion-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;

  color: var(--text-primary, #263238);
  font-weight: 600;
}

/* آیکون فلش */
.mobile-accordion .accordion-arrow {
  color: var(--text-secondary, #5b6b82);
  transition: transform 0.3s ease;
}

/* حالت باز / فعال */
.mobile-accordion.is-open .accordion-toggle,
.mobile-accordion.is-open .accordion-arrow {
  color: var(--theme-color, #147d7e);
}

/* چرخش فلش در حالت باز */
.mobile-accordion.is-open .accordion-arrow {
  transform: rotate(180deg);
}

/* پنل زیرمنو */
.mobile-accordion .accordion-panel {
  list-style: none;
  margin: 10px;

  overflow: hidden;

  background: var(--surface-background, #f5f7fa);

  transition: max-height 0.3s ease;
}

/* پنل در حالت باز */
.mobile-accordion.is-open .accordion-panel {
  max-height: 500px;
}

/* جداکننده آیتم‌های زیرمنو */
.mobile-accordion .accordion-panel li + li {
  padding: 5px 0px !important;
}

/* لینک‌های زیرمنو */
.mobile-accordion .accordion-panel li a {
  display: block;

  padding: 10px 5px;

  color: var(--text-secondary, #5b6b82);
  font-size: 0.92em;

  transition:
    background-color 0.18s ease,
    color 0.18s ease;
}

/* هاور لینک‌های زیرمنو */
.mobile-accordion .accordion-panel li a:hover {
  background-color: rgba(var(--theme-color-rgb, 20, 125, 126), 0.08);

  color: var(--text-primary, #263238);
}

.mobile-accordion .accordion-panel > li {
  padding: 0 !important;
  margin: 0 !important;
}

.mobile-accordion .accordion-panel > li > a {
  display: block !important;

  padding: 11px 24px 11px 16px !important;

  margin: 0 !important;

  color: var(--text-secondary, #5b6b82);
  font-size: 0.92em;
  line-height: 1.7;

  transition:
    background-color 0.18s ease,
    color 0.18s ease;
}

.nav-services {
  position: relative !important;
}

.nav-services:hover > .onhover-show-div {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.nav-services > .onhover-show-div {
  top: 100% !important;
  right: 0 !important;
  margin-top: 0 !important;
}

.theme-color-5 .header-style-1,
header.header-style-1 {
  position: relative !important;
}

/* پل نامرئی بین لینک تریگر و پنل دراپ‌داون، برای جلوگیری از قطع hover */
.nav-item.onhover-dropdown {
  padding-bottom: 12px; /* یا از ::after به‌جای پدینگ استفاده کن اگر پدینگ چیدمان را به‌هم می‌زند */
}

.nav-item.onhover-dropdown .onhover-show-div {
  /* تاخیر روی بسته‌شدن، نه روی بازشدن */
  transition: opacity .2s ease, visibility 0s .2s;
  transition-delay: 0s, .15s;
}

.nav-item.onhover-dropdown:hover .onhover-show-div,
.nav-item.onhover-dropdown .onhover-show-div:hover {
  transition-delay: 0s;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.nav-item.onhover-dropdown::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 14px; /* به اندازه فاصله واقعی بین nav-link و ul تنظیم کن */
  z-index: 1000;
}
.header-style-1 {
  position: relative;
  z-index: 1050;
}
.header-style-1 .main-menu {
  z-index: 1050;
}
.nav-item.onhover-dropdown .onhover-show-div,
.nav-services > .onhover-show-div {
  transform: none !important;
  transition: opacity .2s ease, visibility .2s ease;
}
.nav-item.onhover-dropdown:not(:hover) .onhover-show-div {
  transition-delay: .15s;
}