/**
 * Mojaloss Favorites — baseline styling for the `[favorite_button]` pill.
 *
 * The movie/TV/frontpage redesigns already style `.simplefavorite-button` (and
 * its count badge) with !important, so those win where present. This file is the
 * self-contained safety net that replaces the deleted plugin's favorites.css —
 * most importantly it constrains the inline SVG icon size on every surface
 * (including the frontpage hero, which has no `.mj-favorite-icon` rule of its
 * own) so the icon never renders at the SVG default size.
 */

.simplefavorite-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  cursor: pointer;
  line-height: 1;
  -webkit-appearance: none;
  appearance: none;
}

.simplefavorite-button[disabled],
.simplefavorite-button.loading {
  opacity: 0.65;
  cursor: default;
}

/* Inline bookmark icon — sized here so it is correct regardless of theme CSS. */
.simplefavorite-button .mj-favorite-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
}
.simplefavorite-button .mj-favorite-icon svg {
  width: 16px;
  height: 16px;
  display: block;
  fill: currentColor;
}

/* Count badge baseline (redesign CSS repositions/recolors it with !important). */
.simplefavorite-button .simplefavorite-button-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}