/* === Favorites page === */
.resales_my_favorites { margin-top: 1rem; }
.resales_my_favorites .favorites-toolbar{
  display:flex; gap:.75rem; align-items:center; justify-content:space-between; margin: .5rem 0 1rem;
}
.resales_my_favorites .favorites-grid{
  display:grid; gap:16px;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
}
.favorite-card{
  position:relative;
  background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,.08);
  display:flex; flex-direction:column;
}
.favorite-card .thumb{
  position:relative; height:180px; background:#f2f2f2;
  background-image: linear-gradient(135deg,#f7f7f7,#eaeaea);
  overflow:hidden;
}
.favorite-card .thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.favorite-card .body{ padding:14px; display:grid; gap:8px; }
.favorite-card .title{ font-weight:700; font-size:1rem; line-height:1.2; }
.favorite-card .meta{ color:#666; font-size:.9rem; }
.favorite-card .price{ font-weight:700; }
.favorite-card .actions{
  display:flex; gap:.5rem; margin-top:6px; align-items:center; justify-content:space-between;
}
.favorite-card .view-btn{
  display:inline-block; padding:.6rem .9rem; background:#ffba08; color:#fff; border-radius:6px; text-decoration:none;
}
.favorite-card .view-btn:hover{ filter:brightness(.95); }
.favorite-card .favorite-btn{
  position:absolute; top:10px; right:10px; font-size:22px; color:white; text-shadow:0 0 5px rgba(0,0,0,.5);
  cursor:pointer; user-select:none; transition: color .2s ease;
}
.favorite-card .favorite-btn.active{ color:red; }

/* favorites pagination */
.favorites-pagination{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin:16px 0; }
.fav-page-link{
  display:inline-block; padding:6px 10px; border:1px solid #ddd; border-radius:6px; background:#fff; text-decoration:none; color:#333;
}
.fav-page-link.active{ background:#ffba08; color:#fff; border-color:#ffba08; pointer-events:none; }



/* SVG heart styling */
.favorite-btn svg{ width:24px; height:24px; display:block; }
.favorite-btn:not(.active) svg path{
  fill:none;               /* outline look when not active */
  stroke:currentColor;
  stroke-width:2;
}
.favorite-btn.active svg path{
  fill:currentColor;       /* filled heart when active */
  stroke:none;
}