/* استایل‌های جدید برای فیلترها */

.checkbox-label {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  user-select: none;
}

.checkbox-label:hover {
  background: #f5f5f5;
}

.checkbox-label input[type="checkbox"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.city-item, .district-item {
  margin-bottom: 4px;
}

.city-name, .district-name {
  flex: 1;
  font-size: 14px;
}

.has-districts {
  font-size: 12px;
  color: #666;
  background: #f0f0f0;
  padding: 2px 6px;
  border-radius: 4px;
}

.city-section {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.city-section:last-child {
  border-bottom: none;
}

.location-actions {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

.location-actions .ig-btn {
  flex: 1;
}

/* استایل‌های جدید برای دکمه‌های فیلتر */
.location-filter-btn {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  color: white !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 12px !important;
}

.location-filter-btn i {
  font-size: 14px;
}

#city-count, #district-count {
  background: white;
  color: #667eea;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
}

/* استایل برای دکمه‌های فیلتر وقتی فعال هستند */
.location-filter-btn.active {
  background: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%) !important;
  box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3) !important;
}

.location-filter-btn.active #city-count,
.location-filter-btn.active #district-count {
  background: #2E7D32;
  color: white;
}

/* استایل برای نمایش موقعیت در مودال محصولات */
.ig-product-location {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 8px 12px;
  background: var(--ig-background);
  border-radius: 8px;
  font-size: 13px;
  color: var(--ig-text-light);
}

.ig-product-location i {
  color: var(--ig-primary);
  font-size: 12px;
}

/* اسکرول بار */
.cities-list::-webkit-scrollbar,
.districts-list::-webkit-scrollbar {
  width: 6px;
}

.cities-list::-webkit-scrollbar-track,
.districts-list::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

.cities-list::-webkit-scrollbar-thumb,
.districts-list::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}

.cities-list::-webkit-scrollbar-thumb:hover,
.districts-list::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}