/**
 * DigiSoul Geo Pricing — minimal, brand-aligned styles.
 * Heritage-Tech / DigiSoul palette: Deep Sapphire #0A244A, Muted Gold #C9A86E.
 * Override in your theme if you want a different look.
 */
.ds-currency-switcher {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0 .5rem;
	font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
}

.ds-currency-label {
	font-size: 12px;
	color: rgba( 10, 36, 74, 0.7 );
	font-weight: 500;
	letter-spacing: 0.02em;
}

.ds-currency-select {
	font-family: inherit;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.2;
	padding: 7px 30px 7px 12px;
	border: 1px solid rgba( 201, 168, 110, 0.45 );
	background-color: rgba( 10, 36, 74, 0.04 );
	color: #0A244A;
	border-radius: 4px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url( "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path fill='%23C9A86E' d='M2 4l4 4 4-4z'/></svg>" );
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 10px 10px;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}

.ds-currency-select:hover {
	border-color: rgba( 201, 168, 110, 0.85 );
	background-color: rgba( 10, 36, 74, 0.07 );
}

.ds-currency-select:focus {
	outline: 2px solid #C9A86E;
	outline-offset: 2px;
}

/* Dark headers — auto contrast */
header.elementor-section[data-bg="dark"] .ds-currency-select,
.ds-currency-switcher[data-theme="dark"] .ds-currency-select {
	background-color: rgba( 255, 255, 255, 0.08 );
	color: #F7F7F7;
	border-color: rgba( 201, 168, 110, 0.6 );
}

/* Numeric stability — keeps digits aligned during animations */
.ds-geo-price {
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

/* RTL support — the select arrow flips automatically with [dir="rtl"] */
[dir="rtl"] .ds-currency-select {
	padding: 7px 12px 7px 30px;
	background-position: left 10px center;
}

/* Mobile compact */
@media ( max-width: 768px ) {
	.ds-currency-switcher { margin: 0 4px; }
	.ds-currency-select { font-size: 12px; padding: 6px 26px 6px 10px; }
}