/* Favorite hearts — plugin CSS dependency is off; this is the whole look. */

/* Day-level favorite buttons (rendered by the Favorites plugin) */
.nf-fav-heart {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  line-height: 0;
  color: #9aa0a6;
  transition: color 0.15s ease;
}

.nf-fav-heart .nf-fav-heart-icon {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}

.nf-fav-heart:hover {
  color: #e0245e;
}

.nf-fav-heart.active {
  color: #e0245e;
}

.nf-fav-heart.active .nf-fav-heart-icon {
  fill: currentColor;
}

/* Replaces the plugin spinner while the AJAX toggle is in flight */
.nf-fav-heart.loading {
  opacity: 0.4;
  pointer-events: none;
}

/* Season-level popup trigger: heart in a circle. Element gets
   .nf-season-fav-trigger in Bricks plus {nf_season_fav_class} for the
   initial filled state; nf-favorites.js keeps it in sync after that. */
.nf-season-fav-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border: 1px solid #d0d3d8;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  color: #9aa0a6;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.nf-season-fav-trigger svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}

.nf-season-fav-trigger:hover,
.nf-season-fav-trigger.active {
  color: #e0245e;
  border-color: #e0245e;
}

.nf-season-fav-trigger.active svg {
  fill: currentColor;
}

/* Popup (Bricks template 6058): one row per event day, heart on the right. */
.nf-fav-popup {
  min-width: 300px;
  max-width: 420px;
  padding: 24px;
}

.nf-fav-popup-title {
  margin: 0 0 16px;
}

.nf-fav-popup-row {
  gap: 16px;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}

.nf-fav-popup-row:last-child {
  border-bottom: 0;
}

.nf-fav-popup-day {
  font-size: 15px;
}

.nf-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}