/*
 * Gamelade Content Labels v1.4.0
 * Single article pages show one label above the headline.
 * Archive/listing labels remain compact and unchanged.
 */

.gcl-content-label {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	margin: 0 7px 0 0;
	padding: 3px 7px 3px;
	border: 1px solid transparent;
	border-radius: 999px;
	font-family: inherit;
	font-size: 9px !important;
	font-weight: 800;
	line-height: 1.2 !important;
	letter-spacing: .06em;
	text-transform: uppercase;
	text-decoration: none !important;
	vertical-align: middle;
	white-space: nowrap;
}

.gcl-content-label--news {
	color: #1768B2 !important;
	background: #EEF5FD;
	border-color: #D9E8F8;
}

.gcl-content-label--sponsored {
	color: #76551D !important;
	background: #FBF3E4;
	border-color: #EBD9B6;
}

/* Hide old breadcrumb/meta/fallback positions on single articles. */
body.gcl-single-post .gcl-content-label--breadcrumb,
body.gcl-single-post .gcl-content-label--meta,
body.gcl-single-post .gcl-content-label--fallback {
	display: none !important;
}

/* One clean badge directly above the article headline. */
body.gcl-single-post .gcl-content-label--single {
	display: flex !important;
	width: max-content;
	max-width: 100%;
	margin: 0 0 10px 0 !important;
	padding: 4px 9px;
	border-radius: 4px;
	font-size: 10px !important;
	line-height: 1.25 !important;
	letter-spacing: .045em;
	vertical-align: initial;
}

/* Compact archive/card badge treatment remains as before. */
.gcl-content-label--listing {
	margin: 0 7px 3px 0;
	padding: 3px 6px 2px;
	border-radius: 3px;
	font-size: 8px !important;
	letter-spacing: .055em;
}

.gcl-content-label--fallback {
	margin: 0 0 8px;
}

a .gcl-content-label,
h1 .gcl-content-label,
h2 .gcl-content-label,
h3 .gcl-content-label,
h4 .gcl-content-label {
	text-decoration: none !important;
}

.gcl-content-label,
.gcl-content-label * {
	font-size: 9px !important;
	line-height: 1.2 !important;
}

body.gcl-single-post .gcl-content-label--single,
body.gcl-single-post .gcl-content-label--single * {
	font-size: 10px !important;
	line-height: 1.25 !important;
}

@media (max-width: 600px) {
	.gcl-content-label {
		font-size: 8px !important;
		padding: 3px 6px;
		letter-spacing: .045em;
	}
	body.gcl-single-post .gcl-content-label--single {
		font-size: 9px !important;
		margin-bottom: 8px !important;
	}
}