/**
 * GluJoy text logo — GLU (teal) + JOY (gold) + smile accent.
 * Inspired by Allrecipes wordmark weight + Amazon smile.
 */

.gj-wordmark {
	--gj-glu: var(--global-palette2, #3d998e);
	--gj-joy: var(--global-palette1, #daaf53);
	--gj-ink: var(--global-palette3, #343434);
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	line-height: 1;
	user-select: none;
}

.gj-wordmark__text {
	display: inline-flex;
	align-items: baseline;
	font-family: "Montserrat", var(--global-body-font-family, system-ui, sans-serif);
	font-weight: 800;
	font-size: 2rem;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	line-height: 0.95;
}

.gj-wordmark__glu {
	color: var(--gj-glu);
}

.gj-wordmark__joy {
	color: var(--gj-joy);
	position: relative;
}

/* Slight bounce/weight play on JOY */
.gj-wordmark__joy {
	letter-spacing: -0.03em;
}

.gj-wordmark__smile {
	display: block;
	width: 2.65em;
	height: 0.42em;
	margin-top: 0.08em;
	margin-left: 2.05em; /* sits under JOY */
	color: var(--gj-joy);
	overflow: visible;
}

/* Header size */
.gj-wordmark--header .gj-wordmark__text,
.gj-ar-header__logo .gj-wordmark__text {
	font-size: clamp(1.85rem, 2.4vw, 2.35rem);
}

.gj-wordmark--header .gj-wordmark__smile,
.gj-ar-header__logo .gj-wordmark__smile {
	width: 2.7em;
	margin-left: 2.05em;
}

/* Kadence mobile / branding */
.gj-wordmark--kadence .gj-wordmark__text,
.site-branding .gj-wordmark__text {
	font-size: 1.65rem;
}

.site-branding .gj-wordmark-link,
.brand.gj-wordmark-link {
	display: inline-flex;
	align-items: center;
	text-decoration: none !important;
	line-height: 1;
}

.site-branding .custom-logo-link,
.site-branding img.custom-logo {
	/* image logo replaced by filter on get_custom_logo */
}

/* Footer — light on dark */
.gj-wordmark--footer .gj-wordmark__text {
	font-size: 1.75rem;
}

.gj-wordmark--footer .gj-wordmark__glu {
	color: #5ec4b8; /* brighter teal on dark */
}

.gj-wordmark--footer .gj-wordmark__joy,
.gj-wordmark--footer .gj-wordmark__smile {
	color: #e8c36a; /* brighter gold on dark */
}

#colophon .gj-footer-brand .gj-wordmark-link,
#colophon .gj-ar-footer-brand .gj-wordmark-link {
	text-decoration: none !important;
	display: inline-block;
}

/* Kill invert filter on wordmark in footer (was for PNG logo) */
#colophon .gj-footer-brand img,
#colophon .footer-widget1 img {
	/* keep for any leftover imgs */
}

#colophon .gj-wordmark {
	filter: none !important;
}

/* Hover joy: smile brightens */
a:hover .gj-wordmark__smile {
	color: var(--gj-joy);
	filter: drop-shadow(0 1px 0 rgba(218, 175, 83, 0.35));
}

a:hover .gj-wordmark__joy {
	color: #e4b84a;
}

a:hover .gj-wordmark__glu {
	color: #36a898;
}

/* Hide old logo max-width rules fighting text */
.gj-ar-header__logo-img {
	display: none !important;
}
