/* ============================================================
   WHY KNOT YARN — favorites.css
   ------------------------------------------------------------
   FAVORITES TAB ONLY (Favorites.html). Load after base.css.
   Covers just the "Clear all favorites" button — the pattern
   grid/card, empty state, and modal it displays all live in
   base.css since Home and Patterns use them too.
   ============================================================ */

  /* ---------- "Clear all favorites" — same pill treatment as the
     Achievements nav button, plus a little heartbreak icon and a
     playful hover pop since it lives inline in the page (not the nav). ---------- */
  .btn-clear-favs{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: none;
    cursor: pointer;
    font-family: inherit;
    margin-top: 18px;
  }
  .btn-clear-favs svg{ flex: none; }
  .btn-clear-favs:hover{ transform: translateY(-1px) scale(1.03); }
  .btn-clear-favs:active{ transform: translateY(0) scale(0.98); }