/**
 * FoodX wishlist page + shared heart/badge states.
 *
 * The page shell reuses .fx-shop / .fx-shop-grid card styling; only the
 * page-specific states (loading, empty) and the heart/badge visuals live here.
 */

.fx-wish{
	--fx-forest:#163d2b;
	--fx-forest-deep:#0f2c1f;
	--fx-green:#2f7a4f;
	--fx-green-soft:#e8f2ea;
	--fx-ink:#1a2b22;
	--fx-muted:#7a8078;
	--fx-line:#ebe8e1;
	--fx-tomato:#d2452e;
	--fx-radius:16px;

	max-width:1360px;
	width:calc(100% - 40px);
	margin:0 auto;
	padding:24px 0 96px;
	color:var(--fx-ink);
	box-sizing:border-box;
}

.fx-wish *{box-sizing:border-box;}

.fx-wish .fx-crumbs{
	display:flex;flex-wrap:wrap;align-items:center;gap:8px;
	font-size:.85rem;color:var(--fx-muted);margin-bottom:22px;
}
.fx-wish .fx-crumbs a{color:var(--fx-muted);text-decoration:none;}
.fx-wish .fx-crumbs a:hover{color:var(--fx-green);text-decoration:underline;}
.fx-wish .fx-crumbs .is-current{color:var(--fx-ink);font-weight:700;}

.fx-wish-head{margin-bottom:28px;}
.fx-wish-title{
	font-family:'Bricolage Grotesque',-apple-system,BlinkMacSystemFont,sans-serif;
	font-size:clamp(2rem,4vw,2.65rem);font-weight:800;line-height:1.1;
	letter-spacing:-.02em;color:var(--fx-forest);margin:0 0 8px;
}
.fx-wish-lede{color:var(--fx-muted);font-size:.98rem;margin:0;}

.fx-wish .fx-shop-grid{
	display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;
}
@media (max-width:1180px){ .fx-wish .fx-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));} }
@media (max-width:860px){ .fx-wish .fx-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:560px){ .fx-wish .fx-shop-grid{grid-template-columns:1fr;} }
.fx-wish .fx-shop-grid[hidden]{display:none;}

/* --- loading + empty ---------------------------------------------------- */

.fx-wish-loading{padding:60px 24px;text-align:center;color:var(--fx-muted);}
.fx-wish-loading[hidden]{display:none;}

.fx-wish-empty{
	text-align:center;padding:64px 24px;
	border:1px dashed var(--fx-line);border-radius:var(--fx-radius);background:#fdfcfa;
}
.fx-wish-empty[hidden]{display:none;}
.fx-wish-empty-ic{display:inline-flex;color:#cdd4cd;margin-bottom:10px;}
.fx-wish-empty-title{font-size:1.1rem;font-weight:800;margin:0 0 6px;color:var(--fx-ink);}
.fx-wish-empty-sub{color:var(--fx-muted);font-size:.92rem;margin:0 0 20px;}
.fx-wish-empty-btn{
	display:inline-block;text-decoration:none;font-weight:700;font-size:.9rem;
	color:#fff;background:var(--fx-forest);border-radius:999px;padding:12px 28px;
	transition:background .18s ease;
}
.fx-wish-empty-btn:hover{background:var(--fx-forest-deep);color:#fff;}

@media (prefers-reduced-motion:reduce){
	.fx-wish-empty-btn{transition:none;}
}