/* 1. تنظیمات عمومی Navbar */
.navbar-brand {
  font-size: 1.25rem;
}

.nav-link {
  color: var(--dark-grey) !important;
  font-weight: 500;
  transition: var(--transition);
}

.nav-link.active {
  color: var(--primary-color) !important;
}

.nav-link:hover,
.nav-link.show {
  color: var(--primary-color) !important;
}

/* 2. استایل دکمه‌های CTA */
.btn-cta {
  background: var(--industrial-gradient);
  color: var(--white);
  border-radius: var(--border-radius-btn);
  font-weight: 600;
  border: 1px solid var(--primary-color);
  transition: var(--transition);
}

.btn-cta:hover {
  color: var(--white);
  transform: translateY(-2px);
  filter: brightness(1.1); /* افکت هوشمند برای هاور */
}

/* 3. منوی کشویی (Dropdown) */
.dropdown-menu {
  border-radius: var(--border-radius-sm);
  padding: 0.5rem 0;
  border: none;
}

.dropdown-item {
  padding: 0.6rem 1.5rem;
  transition: var(--transition);
}

.dropdown-item:hover {
  background-color: var(--light-grey);
  color: var(--primary-color);
}

/* 4. بخش Offcanvas (مخصوص موبایل) */
.offcanvas {
  width: 300px !important;
  background-color: var(--white);
}

.offcanvas-header {
  padding: 1.5rem;
}

.btn-close:focus {
  box-shadow: none;
  outline: none;
}

/* 5. ریسپانسیو و بهینه‌سازی‌های موبایل */
@media (max-width: 991px) {
  /* تنظیمات خاص برای نوار ابزار موبایل */
  .navbar-nav .nav-link {
    padding: 1rem !important;
    border-bottom: 1px solid var(--light-grey);
  }

  .navbar-nav .dropdown-menu {
    border: none !important;
    box-shadow: none !important;
    background: var(--light-grey);
    margin: 0 1rem;
  }
}