/* Shared category image fallback — imported by categories-v1/2/3.css */

.cat-no-image {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background:
		radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--primary-brand-color) 28%, transparent) 0%, transparent 42%),
		radial-gradient(circle at 82% 82%, color-mix(in srgb, var(--secondary-brand-color) 24%, transparent) 0%, transparent 40%),
		linear-gradient(
			145deg,
			color-mix(in srgb, var(--primary-brand-color) 52%, var(--secondary-background-color)),
			color-mix(in srgb, var(--secondary-brand-color) 42%, var(--primary-background-color))
		);
}

.cat-no-image::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		radial-gradient(circle at 18% 82%, rgba(255, 255, 255, 0.16) 0%, transparent 48%),
		radial-gradient(circle at 82% 18%, rgba(255, 255, 255, 0.12) 0%, transparent 42%);
	pointer-events: none;
}

.cat-no-image::after {
	content: "";
	position: absolute;
	width: min(72%, 220px);
	height: min(72%, 220px);
	border-radius: 50%;
	background: var(--sc-categories-no-image-cat-no-image-after-bg, rgba(255, 255, 255, 0.08));
	filter: blur(28px);
	pointer-events: none;
}

.cat-no-image__icon-wrap,
.cat-no-image__glyph-wrap {
	position: relative;
	z-index: 1;
	width: clamp(5.5rem, 20vw, 8rem);
	height: clamp(5.5rem, 20vw, 8rem);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--sc-categories-no-image-cat-no-image-icon-wrap-bg, rgba(255, 255, 255, 0.14));
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border: 1px solid var(--sc-categories-no-image-cat-no-image-icon-wrap-border, rgba(255, 255, 255, 0.3));
	box-shadow:
		0 16px 42px rgba(0, 0, 0, 0.18),
		inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

.cat-no-image__glyph {
	font-size: clamp(2.25rem, 7vw, 3.5rem);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.05em;
	color: var(--sc-categories-no-image-cat-no-image-glyph-text, rgba(255, 255, 255, 0.96));
	text-shadow: 0 4px 28px rgba(0, 0, 0, 0.28);
	user-select: none;
}

.cat-no-image__icon {
	font-size: clamp(2rem, 6.5vw, 3.25rem);
	color: var(--sc-categories-no-image-cat-no-image-icon-text, rgba(255, 255, 255, 0.98));
	filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.22));
}

.cat-no-image:hover .cat-no-image__icon-wrap,
.cat-no-image:hover .cat-no-image__glyph-wrap {
	transform: scale(1.04);
	box-shadow:
		0 20px 48px rgba(0, 0, 0, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.48);
}

.cat-no-image__icon-wrap,
.cat-no-image__glyph-wrap {
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

/* V1 — text-forward cards: lighter overlay + initial in icon badge */
.category-card--no-image .category-overlay {
	background: linear-gradient(
		135deg,
		color-mix(in srgb, var(--overlay-color) 55%, transparent) 0%,
		color-mix(in srgb, var(--overlay-color) 35%, transparent) 100%
	);
}

.category-card--no-image:hover .category-overlay {
	background: linear-gradient(
		135deg,
		color-mix(in srgb, var(--overlay-color) 72%, transparent) 0%,
		color-mix(in srgb, var(--overlay-color) 52%, transparent) 100%
	);
}

.category-initial {
	font-size: 34px;
	font-weight: 800;
	line-height: 1;
	color: var(--sc-categories-no-image-category-initial-text, #fff);
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
	user-select: none;
}

.category-card--no-image .category-icon-wrapper {
	background: var(--sc-categories-no-image-category-icon-wrapper-bg, rgba(255, 255, 255, 0.18));
	border-color: var(--sc-categories-no-image-category-icon-wrapper-border, rgba(255, 255, 255, 0.36));
	box-shadow:
		0 12px 32px rgba(0, 0, 0, 0.16),
		inset 0 1px 0 rgba(255, 255, 255, 0.34);
}

.category-card--no-image .category-icon-wrapper i {
	font-size: 38px;
	filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.24));
}

.category-card--no-image:hover .category-icon-wrapper {
	transform: scale(1.08);
	background: var(--sc-categories-no-image-category-icon-wrapper-hover-bg, rgba(255, 255, 255, 0.24));
	border-color: var(--sc-categories-no-image-category-icon-wrapper-hover-border, rgba(255, 255, 255, 0.48));
}

/* V2 — portrait cards */
.cat-v2-card-media--no-image {
	background: var(--sc-categories-no-image-cat-v2-card-media-no-image-bg, transparent);
}

.cat-v2-card-media--no-image .cat-no-image__icon-wrap,
.cat-v2-card-media--no-image .cat-no-image__glyph-wrap {
	width: clamp(6rem, 34vw, 9rem);
	height: clamp(6rem, 34vw, 9rem);
}

.cat-v2-card-media--no-image .cat-no-image__glyph {
	font-size: clamp(2.75rem, 12vw, 4.5rem);
}

.cat-v2-card-media--no-image .cat-no-image__icon {
	font-size: clamp(2.5rem, 11vw, 4rem);
}

/* V3 — split cards */
.cat-v3-card-panel--image .cat-no-image__icon-wrap,
.cat-v3-card-panel--image .cat-no-image__glyph-wrap {
	width: clamp(4.5rem, 16vw, 6.5rem);
	height: clamp(4.5rem, 16vw, 6.5rem);
}

.cat-v3-card-panel--image .cat-no-image__glyph {
	font-size: clamp(1.85rem, 6vw, 2.75rem);
}

.cat-v3-card-panel--image .cat-no-image__icon {
	font-size: clamp(1.65rem, 5.5vw, 2.5rem);
}