/* Melted-gold presence outside its page: top-bar status + homepage block. */

/* Top bar: same look as the theme's ticker items; value white, dot green/grey. */
html body .sg-rate-ticker .swg-rt { text-decoration: none !important; }
html body .sg-rate-ticker .swg-rt:hover .sg-rt__label { text-decoration: underline; }
.swg-rt__dot { width: 6px; height: 6px; border-radius: 50%; background: #9a9a9a; flex: none; }
.is-open > .swg-rt__dot { background: #3FBF7F; box-shadow: 0 0 0 3px rgba(63, 191, 127, .18); }
html body .sg-rate-ticker .swg-rt.is-closed .sg-rt__value { color: #cfcfcf !important; }

/* Homepage: one compact row (icon · title + live rate · button). Explanations live on the page. */
.swg-cta {
	--g: var(--sg-gold, #C9A227);
	--gd: var(--sg-gold-dark, #A88418);
	display: flex;
	align-items: center;
	gap: 14px;
	max-width: 1700px;
	margin: 0 auto 1.6rem;
	padding: 14px 16px;
	border: 1px solid var(--sg-border-light, #E8DFCE);
	border-radius: 16px;
	background: #fff;
	color: var(--sg-black, #1A1A1A) !important;
	text-decoration: none !important;
	box-sizing: border-box;
	transition: border-color .2s;
}
.swg-cta:hover { border-color: var(--g); }
.swg-cta__icon { position: relative; display: grid; place-items: center; flex: none; width: 48px; height: 48px; border-radius: 50%; background: var(--sg-gold-light, #FAF4E6); color: var(--gd); }
.swg-cta__text { display: grid; gap: 4px; flex: 1; min-width: 0; }
.swg-cta__title { font-size: 1rem; font-weight: 700; line-height: 1.5; }
/* Button: soft black with gold text — boutique, not mustard. The arrow steps forward on hover. */
.swg-cta__btn { display: inline-flex; align-items: center; gap: 6px; flex: none; min-height: 42px; padding: 0 18px; border-radius: 99px; background: var(--sg-black, #1A1A1A); color: var(--g); font-size: .9rem; font-weight: 700; transition: background-color .2s; }
.swg-cta__btn svg { transition: transform .2s; }
.swg-cta:hover .swg-cta__btn { background: #2a2a2a; }
.swg-cta:hover .swg-cta__btn svg { transform: translateX(-3px); }

/* Gold glint: a thin line of light that keeps crossing the bottom edge (right → left, RTL reading way), then rests. */
.swg-cta { position: relative; overflow: hidden; }
.swg-cta__glint { position: absolute; bottom: 0; right: 0; width: 38%; height: 2px; background: linear-gradient(90deg, transparent, var(--g) 50%, transparent); transform: translateX(100%); animation: swg-glint 4.5s ease-in-out infinite; pointer-events: none; }
.swg-cta__icon::before { content: ''; position: absolute; inset: -3px; border: 1px solid var(--g); border-radius: 50%; opacity: 0; animation: swg-ring 4.5s ease-out infinite; }
@keyframes swg-glint { 0% { transform: translateX(100%); } 55%, 100% { transform: translateX(-270%); } }
@keyframes swg-ring { 0%, 55% { opacity: 0; transform: scale(.9); } 65% { opacity: .7; } 85%, 100% { opacity: 0; transform: scale(1.12); } }
@media (prefers-reduced-motion: reduce) {
	.swg-cta__glint, .swg-cta__icon::before { animation: none; display: none; }
}
@media (max-width: 420px) {
	.swg-cta { gap: 9px; padding: 12px 10px; }
	.swg-cta__icon { width: 40px; height: 40px; }
	.swg-cta__icon svg { width: 22px; height: 22px; }
	.swg-cta__title { font-size: .95rem; }
	.swg-cta__btn { padding: 0 14px; min-height: 40px; font-size: .85rem; }
}
@media (min-width: 860px) {
	.swg-cta { padding: 16px 22px; gap: 18px; }
	.swg-cta__title { font-size: 1.1rem; }
}
.swg-cta__icon .swg-rt__dot { position: absolute; top: 3px; left: 3px; width: 9px; height: 9px; border: 2px solid #fff; box-sizing: content-box; }

/* Header «کیف طلا» icon: the one gold icon in the row; dot = wallet not set up yet. */
html body .sg-header__icon.swg-hdr-wallet { color: var(--sg-gold, #C9A227) !important; }
html body .sg-header__icon.swg-hdr-wallet:hover,
html body .sg-header__icon.swg-hdr-wallet.is-current { color: var(--sg-gold-dark, #A88418) !important; }
.swg-hdr-wallet__dot { position: absolute; top: -3px; left: -4px; width: 8px; height: 8px; border-radius: 50%; background: #b3261e; box-shadow: 0 0 0 2px #fff; }