/* ==========================================================================
   FILE: assets/css/announcement-bar.css
   PURPOSE: Styles for the marquee announcement bar (gold pills, shimmer text).
   Full-bleed black strip regardless of theme container width.
   ========================================================================== */

.dc-full-marquee {
	width: var( --dc-vw, 100% );
	max-width: var( --dc-vw, 100% );
	margin-left: calc( 50% - var( --dc-vw, 100% ) / 2 );
	margin-right: calc( 50% - var( --dc-vw, 100% ) / 2 );
	position: relative;
	left: 0;
	overflow: hidden;
	background: linear-gradient( 90deg, #0a0a0a, #161616, #0a0a0a );
	color: #fff;
	box-sizing: border-box;
}

.dc-full-marquee::before,
.dc-full-marquee::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient( 90deg, transparent, rgba( 212, 175, 55, .5 ), transparent );
	z-index: 2;
}
.dc-full-marquee::before { top: 0; }
.dc-full-marquee::after { bottom: 0; }

.dc-marquee-track {
	display: flex;
	align-items: center;
	width: max-content;
	min-width: max-content;
	padding: 13px 0;
	animation: dcMarquee 30s linear infinite;
	will-change: transform;
}

.dc-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-left: 14px;
	margin-right: 14px;
	padding: 6px 14px;
	border-radius: 999px;
	border: 1px solid rgba( 212, 175, 55, .35 );
	white-space: nowrap;
	transition: border-color .25s ease, background .25s ease, transform .25s ease;
}
.dc-pill:hover {
	border-color: rgba( 212, 175, 55, .9 );
	background: rgba( 212, 175, 55, .08 );
	transform: scale( 1.06 );
}

.dc-pill-icon {
	font-style: normal;
	font-size: 13px;
	line-height: 1;
	filter: grayscale( 15% );
}

.dc-pill b {
	font-family: var( --dc-font-body );
	font-size: 13px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .14em;
	white-space: nowrap;
	background: linear-gradient( 90deg, #fff 0%, #fff 40%, #d4af37 50%, #fff 60%, #fff 100% );
	background-size: 250% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: dcTextShimmer 5s linear infinite;
}

@keyframes dcTextShimmer {
	0% { background-position: 200% 0; }
	100% { background-position: -50% 0; }
}

.dc-highlight {
	border-color: rgba( 212, 175, 55, .8 );
	background: rgba( 212, 175, 55, .1 );
}
.dc-highlight b { animation-duration: 2.6s; }

.dc-sep {
	display: inline-block;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	color: rgba( 212, 175, 55, .5 );
	line-height: 1;
}

@keyframes dcMarquee {
	0% { transform: translateX( 0 ); }
	100% { transform: translateX( -50% ); }
}

.dc-full-marquee:hover .dc-marquee-track {
	animation-play-state: paused;
}

@media ( max-width: 749px ) {
	.dc-marquee-track { padding: 11px 0; animation-duration: 20s; }
	.dc-pill { margin-left: 8px; margin-right: 8px; padding: 5px 10px; gap: 6px; }
	.dc-pill b { font-size: 10.5px; letter-spacing: .1em; }
	.dc-pill-icon { font-size: 11px; }
	.dc-sep { font-size: 10px; }
}

@media ( prefers-reduced-motion: reduce ) {
	.dc-marquee-track { animation: none; }
	.dc-pill b { animation: none; }
}