/* Elko Metals Ticker */
.emt-bar {
	display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;
	background: linear-gradient(170deg, #14213C, #1B2A4A 55%, #23324F);
	border: 1px solid rgba(217,166,4,.35); border-radius: 14px;
	padding: .6rem 1.2rem; margin: .9rem 0;
	box-shadow: 0 2px 4px rgba(20,33,60,.07), 0 6px 16px rgba(20,33,60,.12);
}
.emt-lead { font-weight: 800; font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; color: #F2B04A; }
.emt-chip { display: inline-flex; align-items: center; gap: .45rem; }
.emt-sym {
	font-style: normal; font-weight: 800; font-size: .68rem; width: 26px; height: 26px;
	display: inline-flex; align-items: center; justify-content: center; border-radius: 50%;
	background: linear-gradient(180deg, #E5B93B, #B8860B); color: #14213C;
}
.emt-chip:nth-of-type(2) .emt-sym { background: linear-gradient(180deg, #D7DCE4, #9AA3B2); }
.emt-label { color: #DFE4EF; font-size: .85rem; }
.emt-price { font-family: "Bitter", Georgia, serif; font-weight: 800; color: #fff; font-size: 1.02rem; }
.emt-pct { font-style: normal; font-size: .74rem; font-weight: 800; padding: .1rem .5rem; border-radius: 999px; }
.emt-up { color: #7FC98F; background: rgba(44,74,51,.55); }
.emt-down { color: #F0A090; background: rgba(156,47,30,.45); }
.emt-flat { color: #9BA6C0; background: rgba(155,166,192,.18); }
.emt-meta { font-size: .7rem; color: #9BA6C0; }
.emt-jobs {
	margin-left: auto; font-size: .78rem; font-weight: 800; color: #F2B04A !important; text-decoration: none;
	border: 2px solid rgba(242,176,74,.5); border-radius: 999px; padding: .28rem .85rem;
	transition: background .15s, color .15s;
}
.emt-jobs:hover { background: #F2B04A; color: #14213C !important; }
@media (max-width: 560px) { .emt-bar { justify-content: center; } .emt-jobs { margin-left: 0; } }

/* Flip card: hover/tap turns the bar over to a gold fact */
.emt-flip { perspective: 1200px; margin: .9rem 0; outline: none; }
.emt-flip .emt-bar { margin: 0; }
.emt-inner { position: relative; transition: transform .6s cubic-bezier(.4, .1, .2, 1); transform-style: preserve-3d; }
.emt-flip.is-flipped .emt-inner { transform: rotateY(180deg); }
@media (hover: hover) { .emt-flip:hover .emt-inner, .emt-flip:focus-visible .emt-inner { transform: rotateY(180deg); } }
.emt-bar, .emt-back { backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.emt-back {
	position: absolute; inset: 0; transform: rotateY(180deg);
	display: flex; align-items: center; gap: .9rem; padding: .6rem 1.2rem;
	border-radius: 14px; overflow: hidden;
	background: linear-gradient(170deg, #2A2410, #14213C 60%, #1B2A4A);
	border: 1px solid rgba(217,166,4,.55);
	box-shadow: 0 2px 4px rgba(20,33,60,.07), 0 6px 16px rgba(20,33,60,.12), inset 0 0 40px rgba(217,166,4,.08);
}
.emt-back::before {
	content: ""; position: absolute; inset: 0;
	background: linear-gradient(115deg, transparent 30%, rgba(242,176,74,.14) 45%, rgba(255,236,180,.22) 50%, rgba(242,176,74,.14) 55%, transparent 70%);
	transform: translateX(-100%);
}
.emt-flip.is-flipped .emt-back::before, .emt-flip:hover .emt-back::before { animation: emt-shimmer 1.6s ease .25s 1 forwards; }
@keyframes emt-shimmer { to { transform: translateX(100%); } }
.emt-back-tag {
	flex: 0 0 auto; font-weight: 800; font-size: .68rem; text-transform: uppercase; letter-spacing: .08em;
	color: #14213C; background: linear-gradient(180deg, #E5B93B, #B8860B);
	padding: .28rem .7rem; border-radius: 999px;
}
.emt-fact { flex: 1; color: #F6EFE1; font-size: .88rem; line-height: 1.35; font-weight: 600; }
.emt-fact b { color: #F2B04A; font-family: "Bitter", Georgia, serif; }
.emt-flip-hint { margin-left: auto; color: rgba(242,176,74,.6); font-size: .95rem; flex: 0 0 auto; }
.emt-bar .emt-flip-hint { margin-left: .2rem; }
@media (max-width: 560px) { .emt-fact { font-size: .8rem; } }
@media (prefers-reduced-motion: reduce) {
	.emt-inner { transition: none; }
	.emt-back::before { animation: none !important; }
}