/* أنماط مخصصة وتأثيرات الصالون الفاخر */

@keyframes pulseGlow {
  0%, 100% {
    box-shadow: 0 0 10px 2px rgba(255, 215, 0, 0.6), inset 0 0 4px #FFF;
    background-color: #FFF9E6;
  }
  50% {
    box-shadow: 0 0 18px 5px rgba(255, 182, 193, 0.8), inset 0 0 6px #FFF;
    background-color: #FFFFFF;
  }
}

.bulb {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #FFF9E6;
  border: 1px solid #FFE082;
  animation: pulseGlow 2.5s infinite ease-in-out;
}

.bulb:nth-child(2n) {
  animation-delay: 0.6s;
}
.bulb:nth-child(3n) {
  animation-delay: 1.2s;
}

/* شريط التمرير المخفي اللطيف */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* أزرار التبويب الرئيسية */
.mode-tab.active {
  background: linear-gradient(135deg, #FF4081, #E91E63);
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(233, 30, 99, 0.35);
}

/* تصميم خيارات الألوان والأدوات (Swatches) */
.swatch-card {
  transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.swatch-card:hover {
  transform: translateY(-2px) scale(1.05);
}
.swatch-card:active {
  transform: scale(0.94);
}
.swatch-card.selected {
  outline: 3px solid #E91E63;
  outline-offset: 2px;
  transform: scale(1.06);
}

/* تأثير التكبير للمودال */
@keyframes scaleUp {
  0% { transform: scale(0.85); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
.animate-scaleUp {
  animation: scaleUp 0.28s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

/* لمعة الأظافر والمجوهرات */
.nail-target {
  transition: transform 0.2s ease;
}
.nail-target:hover {
  filter: drop-shadow(0 0 6px rgba(255, 64, 129, 0.6));
}

/* أزرار التصنيفات */
.cat-btn {
  transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.cat-btn.active {
  background: #FFFFFF;
  color: #D81B60;
  border-color: #F48FB1;
  box-shadow: 0 2px 8px rgba(244, 143, 177, 0.3);
  font-weight: 800;
}