/* ============================================================
 * ab24-favorites.css — Header favorites link
 * ============================================================ */

.ab-fav-link {
  position: relative;
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px;
  color: var(--ab-ink-2);
  border-radius: 100px;
  transition: all var(--ab-dur) var(--ab-ease);
  margin-right: 4px;
}
.ab-fav-link:hover {
  background: var(--ab-blue-soft);
  color: var(--ab-blue);
}
.ab-fav-link.is-active {
  color: var(--ab-blue);
  background: var(--ab-blue-soft);
}
.ab-fav-link.has-items {
  color: #e63946;
}
.ab-fav-link.has-items svg {
  fill: #e63946; stroke: #e63946;
}

/* Count badge */
.ab-fav-link__count {
  position: absolute; top: 0px; right: 0px;
  display: none;
  min-width: 20px; height: 20px; padding: 0 4px;
  font-size: 10px; font-weight: 600; line-height: 17px;
  color: #fff; background: #e63946;
  border: 2px solid var(--ab-surface, #fff);
  border-radius: 100px; text-align: center;
  letter-spacing: 0;
}
.ab-fav-link__count.is-visible { display: inline-block; }

@media (max-width: 575px) {
  .ab-fav-link { width: 36px; height: 36px; }
  .ab-fav-link svg { width: 18px; height: 18px; }
}