/* Mobileri Kolcukaj – Merkliste (Champagner/Braun) */

/* ---- Herz-Button allgemein ---- */
.mk-wish-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  border:none;background:none;cursor:pointer;color:var(--mk-brown-700);padding:0;
  -webkit-tap-highlight-color:transparent;}
.mk-wish-ic{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;
  transition:fill .18s ease,stroke .18s ease,transform .18s ease;}
.mk-wish-btn:hover .mk-wish-ic{stroke:var(--mk-gold-deep);}
.mk-wish-btn.is-wished .mk-wish-ic{fill:var(--mk-gold-deep);stroke:var(--mk-gold-deep);}
.mk-wish-btn.mk-wish-pop .mk-wish-ic{transform:scale(1.35);}

/* ---- Eck-Herz auf Produktkarten (Grid + Woo-Loop) ---- */
.mk-card{position:relative;}
ul.products li.product{position:relative;}
.mk-wish-corner{position:absolute;top:10px;right:10px;z-index:3;width:38px;height:38px;border-radius:50%;
  background:rgba(255,253,248,.92);box-shadow:0 1px 6px rgba(62,44,28,.18);
  backdrop-filter:saturate(1.1);transition:background .15s ease,transform .15s ease;}
.mk-wish-corner:hover{background:#fff;transform:translateY(-1px);}
.mk-wish-corner .mk-wish-ic{width:20px;height:20px;}

/* ---- Herz-Button auf der Produktseite ---- */
.mk-wish-single{margin:.6rem 0 .2rem;border:1.5px solid var(--mk-champ-300);border-radius:999px;
  padding:.62em 1.3em;font:600 .92rem system-ui,sans-serif;background:var(--mk-surface);
  color:var(--mk-brown-800);}
.mk-wish-single:hover{border-color:var(--mk-gold);background:var(--mk-champ-050);}
.mk-wish-single.is-wished{border-color:var(--mk-gold-deep);background:var(--mk-champ-100);}

/* ---- Header-Link mit Zaehler ---- */
.mk-wishlink{display:inline-flex;align-items:center;gap:.45em;text-decoration:none;white-space:nowrap;
  color:var(--mk-brown-800);border:1.5px solid var(--mk-champ-300);background:var(--mk-surface);
  border-radius:999px;padding:.55em 1em;font:700 .88rem system-ui,sans-serif;line-height:1;}
.mk-wishlink:hover{border-color:var(--mk-gold);color:var(--mk-brown-800);}
.mk-wishlink .mk-wish-ic{width:18px;height:18px;color:var(--mk-brown-700);}
.mk-wish-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;
  padding:0 5px;border-radius:999px;background:var(--mk-brown-700);color:var(--mk-champ-050);
  font-size:.74rem;font-weight:800;}
.mk-wish-count.is-empty{background:var(--mk-champ-300);color:var(--mk-brown-700);}
@media (max-width:560px){.mk-wishlink-txt{display:none;}}

/* ---- Merkliste-Seite ---- */
.mk-wishlist-page{max-width:1240px;margin:0 auto;}
.mk-wishlist-loading{color:var(--mk-brown-500);padding:1.5rem 0;}
.mk-wishlist-empty{text-align:center;padding:2.5rem 1rem;color:var(--mk-brown-700);}
.mk-wishlist-empty-t{font-size:1.25rem;font-weight:700;color:var(--mk-brown-800);margin:0 0 .4rem;}
.mk-wish-ic-inline{color:var(--mk-gold-deep);}
.mk-wishlist-cta{display:inline-block;margin-top:1rem;background:var(--mk-brown-700);color:var(--mk-champ-050);
  text-decoration:none;border-radius:999px;padding:.7em 1.6em;font-weight:700;}
.mk-wishlist-cta:hover{background:var(--mk-brown-500);color:var(--mk-champ-050);}

/* ---- Toast ---- */
.mk-wish-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(16px);
  background:var(--mk-brown-800);color:var(--mk-champ-050);padding:.7em 1.3em;border-radius:999px;
  font:600 .9rem system-ui,sans-serif;box-shadow:0 6px 24px rgba(62,44,28,.3);opacity:0;pointer-events:none;
  transition:opacity .22s ease,transform .22s ease;z-index:9999;}
.mk-wish-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

@media (prefers-reduced-motion:reduce){
  .mk-wish-ic,.mk-wish-corner,.mk-wish-toast{transition:none;}
}
