/*
 * tailwind.css in this theme is precompiled from Socialite's original demo
 * templates — it only contains rules for class names (including arbitrary
 * bracket values like aspect-[3/4] or max-w-[380px]) that existed somewhere
 * in that original source. Custom values this theme introduces beyond that
 * set need their own rule here instead, since the class name alone has no
 * effect without a matching generated rule.
 */

.tp-aspect-3-4 {
	aspect-ratio: 3 / 4;
}

/*
 * top-2 specifically is missing from the precompiled tailwind.css (unlike
 * right-2/w-8/h-8/z-10, which are present) — Socialite's original templates
 * apparently never used exactly this value. Restore it as the real Tailwind
 * spacing-scale value (spacing 2 = 0.5rem) rather than a renamed class, so
 * any future use of `top-2` in this theme works without another patch.
 */
.top-2 {
	top: 0.5rem;
}

/* Wishlist toggle button: filled with the theme's primary color once saved,
 * instead of staying the same translucent black circle in both states. */
.tp-saved-toggle.is-saved {
	background-color: rgb(var(--color-primary));
}

.tp-badge-text {
	font-size: 11px;
}

.tp-category-text {
	font-size: 10px;
}

@media (min-width: 1024px) {
	.tp-gallery-col {
		max-width: 380px;
	}
}