/* ==========================================================================
   FILE: assets/css/wishlist-page.css
   PURPOSE: Layout for the dedicated /wishlist/ page. Cards inside
   #dcWishList reuse the ".dc-shop-card" design from assets/css/shop-card.css
   (now enqueued alongside this file — see functions.php section 17) —
   this file only handles page-level spacing, the heading, the empty
   state and the grid's column count. White background / black text,
   no colour anywhere, same as the rest of the site.
   HTML: page-wishlist.php | JS: assets/js/wishlist-page.js
   ========================================================================== */

.dc-wish-page {
	max-width: 1280px;
	margin: 0 auto;
	padding: 40px 16px 60px;
}

.dc-wish-page__title {
	font-size: 28px;
	font-weight: 800;
	letter-spacing: .5px;
	color: #000;
	margin: 0 0 28px;
	text-align: center;
}

.dc-wish-empty {
	text-align: center;
	padding: 60px 16px;
	border: 1px solid #000;
	border-radius: 8px;
}
.dc-wish-empty p {
	font-size: 15px;
	color: #000;
	margin: 0 0 18px;
}
.dc-wish-empty__cta {
	display: inline-block;
	padding: 12px 28px;
	background: #000;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 4px;
}

.dc-wish-grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
	padding: 0 !important;
	margin: 0 !important;
	list-style: none;
}

@media (min-width: 700px) {
	.dc-wish-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1024px) {
	.dc-wish-grid { grid-template-columns: repeat(4, 1fr); }
}

/* FIX: the product name/price sit inside an <a> (.dc-shop-card__info),
   so the browser's default link underline was showing under the name
   here even though it doesn't on the shop grid. Force it off, loaded
   after shop-card.css so it always wins. */
.dc-wish-grid .dc-shop-card__info,
.dc-wish-grid .dc-shop-card__info:hover,
.dc-wish-grid .dc-shop-card__name,
.dc-wish-grid .dc-shop-card__price,
.dc-wish-grid .dc-shop-card__link {
	text-decoration: none !important;
}