/**
 * Floating currency switcher (GHS / USD).
 * Loaded only when WooCommerce is active — see functions.php.
 */

.manarchy-currency-switcher {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 9999;
	font-family: inherit;
}

.manarchy-currency-switcher__toggle {
	display: flex;
	align-items: center;
	gap: 6px;
	background: var(--wp--preset--color--ink);
	color: #ffffff;
	border: none;
	border-radius: 999px;
	padding: 10px 16px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.02em;
	cursor: pointer;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
	line-height: 1;
}

.manarchy-currency-switcher__toggle:hover,
.manarchy-currency-switcher__toggle:focus-visible {
	opacity: 0.9;
}

.manarchy-currency-switcher__toggle svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

.manarchy-currency-switcher__menu {
	position: absolute;
	right: 0;
	bottom: calc(100% + 10px);
	min-width: 160px;
	background: var(--wp--preset--color--paper);
	color: var(--manarchy--fg);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 10px;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
	overflow: hidden;
	display: none;
}

.manarchy-currency-switcher.is-open .manarchy-currency-switcher__menu {
	display: block;
}

.manarchy-currency-switcher__option {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background: none;
	color: inherit;
	border: none;
	text-align: left;
	padding: 10px 14px;
	font-size: 13px;
	cursor: pointer;
}

.manarchy-currency-switcher__option:hover,
.manarchy-currency-switcher__option:focus-visible {
	background: var(--wp--preset--color--bone);
}

.manarchy-currency-switcher__option[aria-checked="true"] {
	font-weight: 700;
}

.manarchy-currency-switcher__option[aria-checked="true"]::after {
	content: "✓";
}

@media (max-width: 782px) {
	.manarchy-currency-switcher {
		right: 14px;
		bottom: 14px;
	}
}