/**
 * [atlas_status_loja] — bolinha piscando + texto. Standalone, funciona
 * fora do .atlas-wrap (header/footer/qualquer página).
 */

.atlas-status-loja {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-family: inherit !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	padding: 8px 14px !important;
	border-radius: 20px !important;
	background: #f2f2f2 !important;
	color: #555 !important;
}

.atlas-status-loja__ponto {
	width: 10px !important;
	height: 10px !important;
	border-radius: 50% !important;
	background: #999 !important;
	flex: 0 0 auto !important;
}

.atlas-status-loja--aberta {
	background: #eaf7ec !important;
	color: #1d7a2f !important;
}

.atlas-status-loja--aberta .atlas-status-loja__ponto {
	background: #2a9d3a !important;
	animation: atlas-status-piscar 1.4s ease-in-out infinite !important;
}

.atlas-status-loja--fechada {
	background: #fdeeee !important;
	color: #b32d2e !important;
}

.atlas-status-loja--fechada .atlas-status-loja__ponto {
	background: #d92c2c !important;
}

@keyframes atlas-status-piscar {
	0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(42, 157, 58, 0.5); }
	50% { opacity: 0.55; box-shadow: 0 0 0 5px rgba(42, 157, 58, 0); }
}