/* ghn/sponsor-box — loaded only when the block renders (Slice 2). */

/* Sponsor strip — horizontal band per Figma category-sponsor-strip (88px) */

.sponsor-strip {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 12px 16px;
	background: var(--wp--preset--color--surface-warm);
	max-width: 100%;
	box-sizing: border-box;
	border-radius: 4px;
	font-family: var(--wp--preset--font-family--sans);
	margin-block: 24px 32px;
}

/* Figma: Roboto Bold 10px, text-muted, letter-spacing 1.2px */
.sponsor-strip__label {
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	color: var(--wp--preset--color--text-muted);
	white-space: nowrap;
	flex-shrink: 0;
}

.sponsor-strip .sponsor-box__logo {
	flex-shrink: 0;
}

.sponsor-strip .sponsor-box__logo img {
	max-width: 154px;
	max-height: 64px;
	object-fit: contain;
}

.sponsor-strip__info {
	display: flex;
	flex-direction: column;
	gap: 2px;
	flex: 1;
	min-width: 0;
}

.sponsor-strip__name {
	font-size: var(--wp--preset--font-size--regular);
	font-weight: 700;
	color: var(--wp--preset--color--primary-dark);
}

.sponsor-strip__name a {
	color: var(--wp--preset--color--primary-dark);
	text-decoration: none;
}

.sponsor-strip__tagline {
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--text-muted);
}

.sponsor-strip__visit {
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 500;
	/* primary (#2a8289) on surface-warm is 3.94:1, below WCAG AA's 4.5:1 for
	   this text size — primary-dark passes and matches the rest of the
	   sponsor-strip's text color usage (see __name, __tagline above). */
	color: var(--wp--preset--color--primary-dark);
	text-decoration: none;
	white-space: nowrap;
	flex-shrink: 0;
	margin-left: auto;
}

.sponsor-strip__visit:hover { color: var(--wp--preset--color--accent-2); }

@media (max-width: 768px) {

	/* Sponsor strip: stacked mobile layout.
	   Row 1: PRESENTED BY + logo side by side.
	   Row 2: sponsor name + tagline.
	   Row 3: visit link. */
	.sponsor-strip {
		height: auto;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
		padding: 16px;
	}

	/* Label stays inline with logo */
	.sponsor-strip__label {
		flex-shrink: 0;
	}

	.sponsor-strip .sponsor-box__logo img {
		max-width: 120px;
		max-height: 48px;
	}

	/* Info takes full width on its own row */
	.sponsor-strip__info {
		flex-basis: 100%;
	}

	.sponsor-strip__name {
		font-size: var(--wp--preset--font-size--medium);
	}

	.sponsor-strip__visit {
		margin-left: 0;
	}
}