/* Adult Store Theme — Demo */

.adult-store-category-demo {
	margin: 0 auto 20px;
	max-width: 1200px;
	padding: 0 20px;
}

.adult-store-category-demo__wrap {
	padding: 16px 20px;
	border: 2px dashed var(--adult-store-border, #e0e0e0);
	border-radius: 8px;
	background: color-mix(in srgb, var(--adult-store-bg, #fff) 92%, var(--adult-store-primary) 8%);
}

.adult-store-category-demo__title {
	margin: 0 0 8px;
	font-size: 18px;
	color: var(--adult-store-primary);
}

.adult-store-category-demo__note {
	margin: 0 0 12px;
	font-size: 13px;
	color: var(--adult-store-text, #666);
}

.adult-store-category-demo__status {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
}

.adult-store-category-demo__status li {
	padding: 4px 0;
}

.adult-store-category-demo__module-note {
	margin: 0 0 12px;
	padding: 8px 12px;
	font-size: 13px;
	color: var(--adult-store-secondary);
	background: color-mix(in srgb, var(--adult-store-accent) 12%, #fff);
	border-radius: 4px;
}

/* Banner */
.adult-store-category-banner--demo {
	border: 2px dashed var(--adult-store-border, #e0e0e0);
	border-radius: 8px;
	overflow: hidden;
}

.adult-store-category-banner__placeholder {
	width: 100%;
	height: 240px;
	background: linear-gradient(135deg, var(--adult-store-secondary), var(--adult-store-primary));
	opacity: 0.55;
}

.adult-store-category-banner__demo-note {
	margin: 8px 0 0;
	font-size: 14px;
	opacity: 0.85;
	font-style: italic;
}

/* */
.adult-store-showcase__category-featured--demo .adult-store-showcase__category-inner {
	border-style: dashed;
}

.adult-store-showcase__category-image--placeholder {
	width: 100%;
	min-height: 220px;
	background: linear-gradient(160deg, var(--adult-store-border, #e0e0e0), var(--adult-store-accent));
	opacity: 0.45;
	border-radius: 6px;
}

.adult-store-showcase__btn--disabled {
	opacity: 0.55;
	cursor: default;
	pointer-events: none;
}

/* SEO */
.adult-store-category-seo--demo {
	border: 2px dashed var(--adult-store-border, #e0e0e0);
}

@media (max-width: 768px) {
	.adult-store-category-demo {
		padding: 0 12px;
	}
}