/* ==========================================================================
   Custom CSS - nadpisania i style dodawane przez motyw WP.
   Mobile-first; jedno media query @media (min-width: 992px).
   ========================================================================== */

/* ----- Margines górny / dolny dla bloków ACF ----- */
.margin-top    { margin-top: var(--sp-64); }
.margin-bottom { margin-bottom: var(--sp-64); }
@media (min-width: 992px) {
  .margin-top    { margin-top: var(--sp-100); }
  .margin-bottom { margin-bottom: var(--sp-100); }
}

/* ----- Wishlist: stan aktywny (serce wypełnione) ----- */
.testimony-card__fav.is-active,
.audio-player__fav.is-active,
.page-title__fav.is-active {
  background: var(--accent);
  color: var(--pink-light);
}
.testimony-card__fav.is-active svg,
.audio-player__fav.is-active svg,
.page-title__fav.is-active svg { fill: currentColor; }

/* ----- Wishlist: licznik w przycisku w headerze ----- */
.action-btn { position: relative; }
.action-btn__count {
  position: absolute;
  top: -4px; right: -4px;
  min-width: 18px; height: 18px;
  background: var(--accent);
  color: var(--text-on-accent);
  border-radius: 9px;
  font-size: 11px;
  font-weight: var(--fw-bold);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  line-height: 1;
}

/* ----- Wishlist: licznik na tabach ----- */
.worth-knowing__tab .tab-count {
  opacity: 0.6;
  font-weight: var(--fw-regular);
  margin-left: var(--sp-4);
}

/* ----- Search modal: wyniki AJAX ----- */
.search-modal__group { padding: var(--sp-16) 0; border-bottom: 1px solid var(--border); }
.search-modal__group:last-child { border-bottom: 0; }
.search-modal__group-title {
  font-size: var(--fs-14);
  color: var(--text-muted);
  margin: 0 0 var(--sp-12);
  font-weight: var(--fw-medium);
}
.search-modal__group-title span { color: var(--text-muted); font-weight: var(--fw-regular); }
.search-modal__results-list { list-style: none; padding: 0; margin: 0; }
.search-modal__results-list li { margin-bottom: var(--sp-8); }
.search-modal__results-list a {
  display: block;
  padding: var(--sp-12);
  border-radius: var(--r-8);
  transition: background-color var(--t-fast);
}
.search-modal__results-list a:hover { background: var(--accent-soft); }
.search-modal__results-list strong { display: block; color: var(--text); }
.search-modal__results-list span { display: block; color: var(--text-soft); font-size: var(--fs-14); margin-top: 2px; }
.search-modal__group-more {
  display: inline-block;
  margin-top: var(--sp-8);
  color: var(--accent);
  font-weight: var(--fw-medium);
  font-size: var(--fs-14);
}

/* ----- Form message (login/register) ----- */
.form-message { margin-top: var(--sp-12); font-size: var(--fs-14); }

/* ----- Pagination (default WP nav) ----- */
.pagination, .nav-links { display: flex; gap: var(--sp-8); justify-content: center; flex-wrap: wrap; }
.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px; height: 40px;
  padding: 0 var(--sp-12);
  border-radius: var(--r-full);
  background: var(--bg-card);
  color: var(--text);
  border: 1px solid var(--border);
  transition: background-color var(--t-base), color var(--t-base);
}
.page-numbers.current,
.page-numbers:hover { background: var(--accent); color: var(--text-on-accent); border-color: var(--accent); }