/* FlexiCare Insurance — Patch V408
   Hub program filters (premium UX)
   Scope: /asfaleies/idiotes & /asfaleies/epixeiriseis
*/

.fc-hub-filters{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  margin: 10px 0 12px;
}

.fc-hub-filter{
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.88);
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  color: rgba(9,60,74,.92);
}

.fc-hub-filter:hover{
  border-color: rgba(47,143,158,.25);
  box-shadow: var(--fc-shadow-xs);
}

.fc-hub-filter.is-active{
  border-color: rgba(47,143,158,.40);
  background: linear-gradient(135deg, rgba(47,143,158,.18), rgba(47,143,158,.08));
  font-weight: 700;
}

.fc-hub-filter:focus-visible{
  outline: 3px solid rgba(47,143,158,.30);
  outline-offset: 2px;
}

@media (max-width: 560px){
  .fc-hub-filters{ gap: 7px; }
  .fc-hub-filter{ padding: 6px 9px; }
}