/* تحسين بصري للأيقونات — ألوان فقط دون تغيير سلوك الموقع */
:root {
  --icon-home: #0F766E;
  --icon-phones: #2563EB;
  --icon-accessories: #9333EA;
  --icon-services: #EA580C;
  --icon-store: #0891B2;
  --icon-favorite: #E11D48;
  --icon-success: #16A34A;
  --icon-warning: #D97706;
}

/* أيقونات عامة: تباين واضح وانتقالات هادئة */
.icon,
.bottom-nav__icon,
.contact-btn__icon {
  transition: color 180ms ease, background-color 180ms ease;
}
.header-icon { color: var(--icon-home); }
.header-theme-btn {
  color: var(--color-primary);
  background: color-mix(in srgb, var(--color-primary) 10%, transparent);
}
.header-theme-btn:hover {
  background: color-mix(in srgb, var(--color-primary) 17%, transparent);
}

/* لون مختلف لكل قسم في شريط التنقل، مع إبراز الصفحة النشطة */
.bottom-nav__item:nth-child(1) .bottom-nav__icon { color: var(--icon-home); }
.bottom-nav__item:nth-child(2) .bottom-nav__icon { color: var(--icon-phones); }
.bottom-nav__item:nth-child(3) .bottom-nav__icon { color: var(--icon-accessories); }
.bottom-nav__item:nth-child(4) .bottom-nav__icon { color: var(--icon-services); }
.bottom-nav__item:nth-child(5) .bottom-nav__icon { color: var(--icon-store); }
.bottom-nav__item { border-top: 2px solid transparent; }
.bottom-nav__item.is-active {
  border-top-color: var(--color-primary);
  background: color-mix(in srgb, var(--color-primary) 7%, transparent);
}
.bottom-nav__item.is-active .bottom-nav__icon { color: var(--color-primary); }

/* أيقونات التواصل تحافظ على اللون المحدد لكل خدمة */
.contact-btn__icon { color: var(--btn-color, var(--color-primary)); }
.contact-btn:hover .contact-btn__icon { transform: translateY(-1px); }

/* التقييم والنجوم */
.rating-star { color: #CBD5E1; transition: color 150ms ease, transform 150ms ease; }
.rating-star:hover { color: #F59E0B; }
.rating-star.is-active,
.rating-star[aria-pressed="true"] { color: #F59E0B; }
.rating-star .icon { color: inherit; }

/* مراعاة الوضع الداكن */
[data-theme="dark"] .header-theme-btn {
  background: color-mix(in srgb, var(--color-primary) 14%, transparent);
}
[data-theme="dark"] .bottom-nav__item.is-active {
  background: color-mix(in srgb, var(--color-primary) 12%, transparent);
}

@media (prefers-reduced-motion: reduce) {
  .icon, .bottom-nav__icon, .contact-btn__icon, .rating-star {
    transition: none;
  }
}