/**
 * MarketTier Pricing - Public Frontend Styles
 * Neutral, theme-agnostic, accessible, and RTL compatible.
 */

.markprfo-market-selector-wrapper {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 10px 0;
	font-family: inherit;
}

.markprfo-selector-label {
	font-weight: 600;
	font-size: 0.9em;
	color: inherit;
	cursor: pointer;
}

.markprfo-market-select {
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
	color: #333;
	font-size: 0.95em;
	line-height: 1.4;
	cursor: pointer;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.markprfo-market-select:focus {
	outline: none;
	border-color: #0073aa;
	box-shadow: 0 0 0 1px #0073aa;
}

.markprfo-selector-spinner {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(0, 0, 0, 0.2);
	border-top-color: #0073aa;
	border-radius: 50%;
	animation: markprfo-spin 0.6s linear infinite;
}

@keyframes markprfo-spin {
	to {
		transform: rotate(360deg);
	}
}

/* RTL Support */
body.rtl .markprfo-market-selector-wrapper {
	direction: rtl;
}