/* ClubOnlyFans accessibility refinements: WCAG contrast and touch targets. */
:root {
	--muted: #4c5b76;
	--blue: #075fcf;
}

.ribbon-1, .symbol-1 { color: #075fcf; }
.ribbon-2, .symbol-2 { color: #bd2055; }
.ribbon-3, .symbol-3 { color: #087b76; }
.ribbon-4, .symbol-4 { color: #7130d1; }
.ribbon-6, .symbol-6 { color: #ad4214; }
.symbol-7 { color: #304fc4; }
.symbol-8 { color: #79570f; }
.category-grid i { color: #53627d; }
.copyright { color: #586784; }

.language-switch a {
	display: grid;
	min-width: 32px;
	min-height: 32px;
	place-items: center;
}

.round-link {
	flex-basis: 44px;
	width: 44px;
	height: 44px;
}

.section-head > a {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	padding-inline: 6px;
}

@media (max-width: 640px) {
	.language-switch { gap: 4px; padding: 3px 6px; }
	.language-switch a { min-width: 36px; min-height: 40px; }
	.menu-toggle { min-width: 44px; min-height: 44px; }
	.creator-card h3 a,
	.article-card h2 a,
	.article-card h3 a { display: inline-flex; min-height: 44px; align-items: center; }
	.footer-grid > div > a,
	.footer-languages a { display: flex; min-height: 44px; align-items: center; margin: 0; }
	.cof-pagination a.page-numbers,
	.cof-pagination span.page-numbers { min-width: 44px; height: 44px; }
}

/* Refined category-card depth without changing the existing layout. */
.category-ribbon,
.category-grid > a,
.category-showcase-card {
	border-color: #d8e2f4;
	box-shadow:
		0 2px 5px rgba(20, 47, 101, 0.04),
		0 10px 26px rgba(42, 72, 138, 0.08),
		0 22px 48px rgba(74, 77, 190, 0.045);
}

.category-grid > a {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	background: linear-gradient(145deg, #ffffff 0%, #fbfcff 72%, #f4f7ff 100%);
	transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.category-grid > a::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: -35px;
	left: -30px;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(82, 109, 255, .11), transparent 68%);
	pointer-events: none;
}

.category-grid > a:hover,
.category-grid > a:focus-visible {
	transform: translateY(-4px);
	border-color: #bdcdf0;
	box-shadow:
		0 4px 8px rgba(20, 47, 101, 0.055),
		0 16px 34px rgba(42, 72, 138, 0.13),
		0 28px 58px rgba(112, 72, 255, 0.08);
}

.category-showcase-card:hover,
.category-showcase-card:focus-visible {
	border-color: #c7d5ef;
	box-shadow:
		0 6px 14px rgba(20, 47, 101, 0.08),
		0 22px 48px rgba(42, 72, 138, 0.16),
		0 34px 70px rgba(112, 72, 255, 0.09);
}

@media (max-width: 640px) {
	.category-ribbon,
	.category-grid > a,
	.category-showcase-card {
		box-shadow: 0 8px 22px rgba(42, 72, 138, 0.09);
	}
	.category-grid > a:hover,
	.category-grid > a:focus-visible { transform: translateY(-2px); }
}