/**
 * Bold-Frame Top Bar
 * Minimalist, premium announcement strip. Dark #1c1c1e ground, light sand text,
 * a single bronze ✦ accent. Thin, centered, small type. Sits in normal flow at
 * the very top of the body, above the Rehub #main_header.
 */

.bftb-bar {
	background: #1c1c1e;
	color: #f4dfc8;
	font-family: inherit;
	line-height: 1.2;
	border-bottom: 1px solid rgba( 201, 147, 98, 0.28 ); /* faint bronze hairline */
}

.bftb-inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 6px 46px; /* room for the right cluster so the text stays centered */
	max-width: 1280px;
	margin: 0 auto;
	box-sizing: border-box;
}

.bftb-text {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12.5px;
	font-weight: 500;
	letter-spacing: 0.3px;
	color: #f4dfc8;
}

.bftb-mark {
	color: #c99362; /* bronze accent */
	margin-right: 8px;
	font-size: 11px;
	vertical-align: 1px;
}

/* Desktop text shown by default; mobile short version hidden. */
.bftb-mobile {
	display: none;
}

/* Right cluster: social icons + close, absolutely placed so text stays centered. */
.bftb-right {
	position: absolute;
	top: 50%;
	right: 14px;
	transform: translateY( -50% );
	display: flex;
	align-items: center;
	gap: 12px;
}

.bftb-social {
	display: inline-flex;
	align-items: center;
	color: rgba( 244, 223, 200, 0.72 );
	transition: color 0.15s ease;
}

.bftb-social:hover,
.bftb-social:focus {
	color: #c99362; /* bronze on hover */
}

/* ------- Mobile (≤767px): shorter text, tighter, drop the social icons ------- */
@media ( max-width: 767px ) {
	.bftb-inner {
		min-height: 34px;
		padding: 5px 16px; /* right cluster is empty on mobile, so center symmetrically */
	}

	.bftb-text {
		font-size: 12px;
		letter-spacing: 0.2px;
	}

	.bftb-desktop {
		display: none;
	}

	.bftb-mobile {
		display: inline;
	}

	.bftb-social {
		display: none; /* keep the bar clean on small screens */
	}
}