/* بلوک اصلی وسط‌چین */
.fancy-cat-list {
  position: relative;
  display: flex;
  justify-content: center; /* وسط‌چین افقی */
  direction: rtl;
  width: 100%;
  max-width: 350px;
  margin: 20px auto; /* فاصله از بالا و پایین + وسط‌چین */
}

/* کشوی دسته‌ها */
.fancy-cat-list select {
  flex: 1;
  min-width: 200px; /* برای ریسپانسیو حداقل اندازه */
  background: linear-gradient(135deg, #fff 0%, #fff4f8 100%);
  border: 1px solid #ffd6e3;
  border-radius: 14px;
  padding: 10px 14px;
  font-family: 'IRANSans', sans-serif;
  font-size: 14px;
  color: #333;
  box-shadow: 0 3px 8px rgba(255,182,193,0.25);
  transition: all 0.3s ease;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* حذف فلش SVG قالب */
.fancy-cat-list svg.dashicon.dashicons-arrow-right-alt2 {
  display: none !important;
}

/* حذف دکمه اضافه ووکامرس */
.fancy-cat-list .wc-block-product-categories__button {
  display: none !important;
}

/* حالت شطرنجی گزینه‌ها */
.fancy-cat-list select option:nth-child(odd) {
  background-color: #fff8fa;
}
.fancy-cat-list select option:nth-child(even) {
  background-color: #ffeaf2;
}
.fancy-cat-list select option:hover {
  background-color: #ffcce0;
  color: #000;
}

/* افکت پالس صورتی هنگام انتخاب */
.fancy-cat-list select.active {
  animation: pinkPulse 0.6s ease;
}
@keyframes pinkPulse {
  0% { box-shadow: 0 0 0 0 rgba(255,102,153,0.6); }
  70% { box-shadow: 0 0 0 10px rgba(255,102,153,0); }
  100% { box-shadow: 0 0 0 0 rgba(255,102,153,0); }
}

/* افکت hover */
.fancy-cat-list select:hover {
  border-color: #ff9fc0;
  box-shadow: 0 4px 12px rgba(255,182,193,0.4);
}