/* ===== Service Tabs – Dark Hero Version ===== */

.service-tabs {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin: 22px 0 10px;
  position: relative;
  z-index: 20;
}

/* Tab عادي */
.service-tab {
  font-size: 14px;
  padding: 8px 18px;
  border-radius: 22px;
  text-decoration: none;

  /* 🔑 التعديل هنا */
  color: #ffffff; /* أبيض */

  border: 1px solid rgba(255,140,58,0.7);
  background: rgba(255,140,58,0.25); /* برتقالي شفاف */

  transition: all .25s ease;
}

/* Hover */
.service-tab:hover {
  background: rgba(255,140,58,0.45);
}

/* Active */
.service-tab.active {
  background: #ff8c3a;  /* برتقالي العنقاء */
  color: #111;          /* أسود لتمييز النشط */
  font-weight: 600;
}