/* =========================================================================
 * Purebred Kitties — wishlist + shared account buttons (site-wide).
 * Loaded everywhere so hearts work on grid cards, hero cards and the PDP.
 * Brand tokens: bg #FFFFFF · accent #F4FF73 · purple #B47CE4 / border #BF81F5
 * · text #342A41 / muted #645676 · body Plus Jakarta Sans · display Sora.
 * ========================================================================= */

/* NOTE: the .pbk-btn / .pbk-btn--ghost / .pbk-btn--sm button primitives come from
 * pbk-tokens.css (the P1 design system). This file only consumes them — it does
 * NOT redefine .pbk-btn, to avoid clobbering the shared primitive. */

/* ---------- heart control (grid cards / hero cards / PDP) ---------- */
.pbk-wish-btn{
	position:absolute;top:10px;right:10px;z-index:3;
	display:inline-flex;align-items:center;justify-content:center;
	width:36px;height:36px;padding:0;margin:0;
	background:rgba(255,255,255,.82);border:0;border-radius:50%;
	box-shadow:0 1px 3px rgba(52,42,65,.18);cursor:pointer;
	-webkit-appearance:none;appearance:none;
	transition:transform .16s ease,background-color .16s ease;
}
.pbk-wish-btn:hover{background:#fff;transform:scale(1.08);}
.pbk-wish-btn:focus-visible{outline:2px solid #B47CE4;outline-offset:2px;}
.pbk-wish-btn__ico{
	display:block;width:22px;height:22px;
	background-repeat:no-repeat;background-position:center;background-size:22px 22px;
	/* outline heart */
	background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.62 20.55C12.28 20.67 11.72 20.67 11.38 20.55C8.48 19.56 2 15.43 2 8.43C2 5.34 4.49 2.84 7.56 2.84C9.38 2.84 10.99 3.72 12 5.08C13.01 3.72 14.63 2.84 16.44 2.84C19.51 2.84 22 5.34 22 8.43C22 15.43 15.52 19.56 12.62 20.55Z' fill='none' stroke='%23B47CE4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.pbk-wish-btn.is-active .pbk-wish-btn__ico{
	/* filled heart */
	background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.62 20.55C12.28 20.67 11.72 20.67 11.38 20.55C8.48 19.56 2 15.43 2 8.43C2 5.34 4.49 2.84 7.56 2.84C9.38 2.84 10.99 3.72 12 5.08C13.01 3.72 14.63 2.84 16.44 2.84C19.51 2.84 22 5.34 22 8.43C22 15.43 15.52 19.56 12.62 20.55Z' fill='%23B47CE4'/%3E%3C/svg%3E");
}
.pbk-wish-btn.is-active{animation:pbk-heart-pop .28s ease;}
@keyframes pbk-heart-pop{0%{transform:scale(1);}45%{transform:scale(1.28);}100%{transform:scale(1);}}

/* ---------- "N people love me" (PDP, opt-in; hidden at 0) ---------- */
.pbk-wish-loves{
	display:inline-flex;align-items:center;gap:6px;
	font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-size:14px;color:#645676;
}
.pbk-wish-loves.is-hidden{display:none;}
.pbk-wish-loves .pbk-wish-count{font-weight:700;color:#B277E8;}

/* ---------- header wishlist link count ---------- */
.pbk-wish-headerlink .pbk-wish-total{
	font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-weight:700;line-height:1;
}

/* ---------- standalone /wishlist/ page shell ---------- */
.pbk-wishlist-page{max-width:1200px;margin:0 auto;padding:28px 20px 56px;}
.pbk-wishlist-page__head{margin-bottom:24px;}
.pbk-wishlist-page__title{
	font-family:"Sora","Plus Jakarta Sans",sans-serif;font-weight:800;color:#342A41;
	font-size:clamp(30px,5vw,48px);margin:0 0 8px;
}
.pbk-wishlist-page__sub{font-family:"Plus Jakarta Sans",system-ui,sans-serif;color:#645676;margin:0;font-size:16px;}

/* ---------- wishlist grid (page + account tab) ---------- */
.pbk-wishlist-grid{
	display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;
}
.pbk-wishlist-grid.is-empty{display:block;}

.pbk-wishcard{
	display:flex;flex-direction:column;background:#fff;border:1px solid #efe9f7;
	border-radius:18px;overflow:hidden;transition:box-shadow .18s ease,transform .18s ease;
}
.pbk-wishcard:hover{box-shadow:0 12px 30px rgba(52,42,65,.12);transform:translateY(-2px);}
.pbk-wishcard__media{position:relative;aspect-ratio:1/1;background:#f2f6fb;overflow:hidden;}
.pbk-wishcard__imglink{display:block;width:100%;height:100%;}
.pbk-wishcard__img{width:100%;height:100%;object-fit:cover;display:block;}
.pbk-wishcard__noimg{
	position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
	font-size:46px;opacity:.5;
}
.pbk-wishcard__remove{
	position:absolute;top:10px;left:10px;z-index:3;
	display:inline-flex;align-items:center;justify-content:center;
	width:32px;height:32px;padding:0;color:#B277E8;
	background:rgba(255,255,255,.82);border:0;border-radius:50%;cursor:pointer;
	box-shadow:0 1px 3px rgba(52,42,65,.18);transition:background-color .15s ease,transform .15s ease;
}
.pbk-wishcard__remove:hover{background:#fff;transform:scale(1.08);}
.pbk-wishcard__remove svg{width:16px;height:16px;}
.pbk-wishcard__body{display:flex;flex-direction:column;gap:8px;padding:14px 14px 16px;}
.pbk-wishcard__title{
	font-family:"Sora","Plus Jakarta Sans",sans-serif;font-weight:700;font-size:18px;
	margin:0;line-height:1.2;
}
.pbk-wishcard__title a{color:#342A41;text-decoration:none;}
.pbk-wishcard__title a:hover{color:#B277E8;}
.pbk-wishcard__meta{
	display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;
	font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-size:14px;color:#645676;
}
.pbk-wishcard__price{font-weight:700;color:#342A41;}
.pbk-wishcard__breed::after{content:"";}
.pbk-wishcard__cta{margin-top:6px;align-self:flex-start;}
/* dynamically-generated CTAs are anchors — guarantee no underline */
a.pbk-btn{text-decoration:none;}

/* ---------- empty state ---------- */
.pbk-wishlist-empty{
	text-align:center;padding:48px 20px;border:1px dashed #e3d8f3;border-radius:18px;
	background:#f9f9ff;
}
.pbk-wishlist-empty__ico{font-size:44px;line-height:1;margin-bottom:12px;}
.pbk-wishlist-empty__title{
	font-family:"Sora","Plus Jakarta Sans",sans-serif;font-weight:700;font-size:20px;color:#342A41;margin:0 0 6px;
}
.pbk-wishlist-empty__text{font-family:"Plus Jakarta Sans",system-ui,sans-serif;color:#645676;margin:0 0 18px;}

@media (max-width:600px){
	.pbk-wishlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
	.pbk-wishcard__title{font-size:16px;}
}
@media (max-width:390px){
	.pbk-wishlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
	.pbk-wishcard__body{padding:12px;}
}