/**
 * Outdoor / playground equipment landing page (slug: playground-equipment).
 * Intro copy + WooCommerce [product_categories] loop — Moon Kids brand alignment.
 */

.page-playground-equipment {
	--mk-pe-card-border: color-mix(in srgb, var(--moonkids-primary, #400080) 12%, #e8eef4);
	--mk-pe-accent: var(--moonkids-primary, #400080);
	--mk-pe-gold: var(--moonkids-secondary, #f4b011);
}

/* ——— Page shell ——— */
.page-playground-equipment article.card {
	border: 1px solid var(--mk-pe-card-border);
	border-radius: 14px;
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
	overflow: hidden;
	background: linear-gradient(180deg, #fdfdfe 0%, #ffffff 18%);
}

.page-playground-equipment article.card .card-body {
	padding: clamp(1.35rem, 3.5vw, 2.25rem);
}

.page-playground-equipment .entry-header {
	position: relative;
	padding-bottom: 0.85rem;
	margin-bottom: clamp(1rem, 2.5vw, 1.35rem);
}

.page-playground-equipment .entry-header::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: min(220px, 42%);
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(
		90deg,
		var(--mk-pe-accent) 0%,
		color-mix(in srgb, var(--mk-pe-gold) 92%, #ffffff) 100%
	);
	opacity: 0.85;
}

.page-playground-equipment .entry-title {
	font-size: clamp(1.65rem, 2.4vw, 2.35rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	color: #0f172a;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 0;
	line-height: 1.2;
}

.page-playground-equipment .entry-content > p {
	max-width: 72ch;
	margin-left: 0;
	margin-right: auto;
	font-size: clamp(1rem, 1.15vw, 1.08rem);
	line-height: 1.65;
	color: #3d4f5f;
}

.page-playground-equipment .entry-content > p:first-of-type {
	margin-top: 0;
	text-align: center;
	max-width: min(72ch, 100%);
	margin-left: auto;
	margin-right: auto;
}

.page-playground-equipment .entry-content > p + p {
	margin-top: 1rem;
	text-align: center;
	max-width: min(72ch, 100%);
	margin-left: auto;
	margin-right: auto;
	/* Clear separation before category grid */
	margin-bottom: clamp(2rem, 5vw, 3rem);
	padding-bottom: 0.25rem;
}

.page-playground-equipment .entry-content > p a {
	color: var(--mk-pe-accent);
	font-weight: 600;
	text-decoration: none;
	border-bottom: 2px solid color-mix(in srgb, var(--mk-pe-accent) 35%, transparent);
	padding-bottom: 1px;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.page-playground-equipment .entry-content > p a:hover {
	color: color-mix(in srgb, var(--mk-pe-accent) 88%, #000);
	border-bottom-color: var(--mk-pe-gold);
}

/* Bootstrap `.card-text a` defaults — neutralize for category cards only */
.page-playground-equipment .entry-content .woocommerce a {
	text-decoration: none;
	color: inherit;
	border-bottom: none;
	padding-bottom: 0;
}

/* ——— Category grid ——— */
.page-playground-equipment .entry-content .woocommerce {
	margin-top: 0;
	clear: both;
	padding-top: 0.25rem;
}

.page-playground-equipment .entry-content .woocommerce .products {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1rem, 2.5vw, 1.5rem);
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

@media (min-width: 992px) {
	.page-playground-equipment .entry-content .woocommerce .products {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.page-playground-equipment .entry-content .woocommerce .products::before,
.page-playground-equipment .entry-content .woocommerce .products::after {
	display: none !important;
	content: none !important;
}

.page-playground-equipment .entry-content .woocommerce .products > li,
.page-playground-equipment .entry-content .woocommerce .products li.product,
.page-playground-equipment .entry-content .woocommerce .products li.product-category {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	max-width: none !important;
	float: none !important;
	clear: none !important;
	display: block !important;
	list-style: none !important;
}

.page-playground-equipment .entry-content .woocommerce .products > li::marker,
.page-playground-equipment .entry-content .woocommerce .products li.product::marker,
.page-playground-equipment .entry-content .woocommerce .products li.product-category::marker {
	content: "" !important;
}

.page-playground-equipment .entry-content .products li.product-category > a {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 100%;
	text-decoration: none !important;
	color: inherit !important;
	background: #fff;
	border: 1px solid var(--mk-pe-card-border);
	border-radius: 12px;
	overflow: hidden;
	box-shadow:
		0 4px 14px rgba(15, 23, 42, 0.05),
		0 1px 0 rgba(255, 255, 255, 0.9) inset;
	transition:
		transform 0.22s ease,
		box-shadow 0.22s ease,
		border-color 0.22s ease;
}

.page-playground-equipment .entry-content .products li.product-category > a.mk-wc-cat-card {
	padding: 0;
}

.page-playground-equipment .entry-content .products li.product-category > a:hover,
.page-playground-equipment .entry-content .products li.product-category > a:focus-visible {
	transform: translateY(-5px);
	border-color: color-mix(in srgb, var(--mk-pe-accent) 35%, var(--mk-pe-card-border));
	box-shadow:
		0 16px 38px rgba(64, 0, 128, 0.12),
		0 8px 22px rgba(15, 23, 42, 0.08);
	outline: none;
}

.page-playground-equipment .entry-content .products li.product-category > a:focus-visible {
	box-shadow:
		0 0 0 3px color-mix(in srgb, var(--mk-pe-accent) 35%, transparent),
		0 16px 38px rgba(64, 0, 128, 0.1);
}

.page-playground-equipment .entry-content .products li.product-category img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	display: block;
	background: linear-gradient(145deg, #f8fafc 0%, #eef2f7 100%);
	transition: transform 0.35s ease;
}

.page-playground-equipment .entry-content .products li.product-category > a:hover img {
	transform: scale(1.03);
}

.page-playground-equipment .entry-content .products li.product-category .card-body {
	padding: 0.95rem 1rem 1.05rem;
}

.page-playground-equipment .entry-content .woocommerce-loop-category__title {
	font-size: clamp(0.9rem, 1.05vw, 1rem);
	font-weight: 700;
	line-height: 1.35;
	color: #0f172a;
	margin: 0;
	padding: 0.95rem 1rem 1.05rem;
	flex-grow: 1;
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.4rem 0.55rem;
	text-align: center;
	transition: color 0.2s ease;
}

.page-playground-equipment .entry-content .products li.product-category > a:hover .woocommerce-loop-category__title {
	color: var(--mk-pe-accent);
}

.page-playground-equipment .entry-content .woocommerce-loop-category__title mark.count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: baseline;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1;
	color: color-mix(in srgb, var(--mk-pe-accent) 55%, #334155);
	background: linear-gradient(
		180deg,
		color-mix(in srgb, var(--mk-pe-gold) 38%, #ffffff) 0%,
		color-mix(in srgb, var(--mk-pe-gold) 22%, #fefce8) 100%
	) !important;
	border: 1px solid color-mix(in srgb, var(--mk-pe-gold) 55%, #fde68a);
	border-radius: 6px;
	padding: 0.28rem 0.55rem;
	margin: 0;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset;
}