/* DP Multimoneda */
:root { --dp-mm-accent: #111111; }

.dp-mm-price { white-space: nowrap; }
.dp-mm-price[data-dp-mm-cur] { cursor: help; }

/* ---------- Selector flotante ---------- */
.dp-mm-floating {
	position: fixed;
	z-index: 99990;
	font: 500 14px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.dp-mm-bottom-left  { left: 16px;  bottom: 16px; }
.dp-mm-bottom-right { right: 16px; bottom: 16px; }
.dp-mm-top-left     { left: 16px;  top: 16px; }
.dp-mm-top-right    { right: 16px; top: 16px; }
.admin-bar .dp-mm-top-left,
.admin-bar .dp-mm-top-right { top: 48px; }

.dp-mm-toggle {
	display: inline-flex; align-items: center; gap: 6px;
	height: 40px; padding: 0 14px;
	border: 0; border-radius: 999px;
	background: var(--dp-mm-accent); color: #fff;
	font: inherit; letter-spacing: .02em;
	box-shadow: 0 6px 20px rgba(0,0,0,.18);
	cursor: pointer;
}
.dp-mm-toggle:hover { filter: brightness(1.12); }
.dp-mm-toggle:focus-visible { outline: 2px solid var(--dp-mm-accent); outline-offset: 3px; }
.dp-mm-toggle svg { width: 10px; height: 6px; transition: transform .2s; }
.dp-mm-floating.is-open .dp-mm-toggle svg { transform: rotate(180deg); }
.dp-mm-sym { opacity: .7; }

.dp-mm-menu {
	position: absolute; min-width: 220px;
	padding: 6px; border-radius: 14px;
	background: #fff; color: #111;
	box-shadow: 0 12px 40px rgba(0,0,0,.18), 0 0 0 1px rgba(0,0,0,.05);
	opacity: 0; visibility: hidden; transform: translateY(6px);
	transition: opacity .15s, transform .15s, visibility .15s;
}
.dp-mm-bottom-left .dp-mm-menu,
.dp-mm-bottom-right .dp-mm-menu { bottom: calc(100% + 8px); }
.dp-mm-top-left .dp-mm-menu,
.dp-mm-top-right .dp-mm-menu { top: calc(100% + 8px); }
.dp-mm-bottom-left .dp-mm-menu, .dp-mm-top-left .dp-mm-menu { left: 0; }
.dp-mm-bottom-right .dp-mm-menu, .dp-mm-top-right .dp-mm-menu { right: 0; }
.dp-mm-floating.is-open .dp-mm-menu { opacity: 1; visibility: visible; transform: none; }

.dp-mm-menu .dp-mm-opt {
	display: flex; align-items: baseline; gap: 10px; width: 100%;
	padding: 10px 12px; border: 0; border-radius: 9px;
	background: transparent; color: inherit; font: inherit; text-align: left;
	cursor: pointer;
}
.dp-mm-menu .dp-mm-opt:hover { background: rgba(0,0,0,.05); }
.dp-mm-menu .dp-mm-opt.is-active { background: var(--dp-mm-accent); color: #fff; }
.dp-mm-code { font-weight: 700; min-width: 34px; }
.dp-mm-label { opacity: .7; font-weight: 400; }
.dp-mm-menu-note {
	margin: 6px 6px 4px; padding-top: 8px;
	border-top: 1px solid rgba(0,0,0,.08);
	font-size: 12px; line-height: 1.4; font-weight: 400; color: #555;
}

/* ---------- Selector en línea [dp_monedas] ---------- */
.dp-mm-inline { display: inline-block; }
.dp-mm-seg {
	display: inline-flex; padding: 3px; gap: 2px;
	border-radius: 999px;
	background: rgba(127,127,127,.15);
}
.dp-mm-seg .dp-mm-opt {
	padding: 6px 14px; border: 0; border-radius: 999px;
	background: transparent; color: inherit;
	font: 600 13px/1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	cursor: pointer;
}
.dp-mm-seg .dp-mm-opt.is-active { background: var(--dp-mm-accent); color: #fff; }
.dp-mm-seg .dp-mm-opt:focus-visible { outline: 2px solid var(--dp-mm-accent); outline-offset: 2px; }

.dp-mm-note { font-size: .85em; opacity: .75; }

@media (max-width: 480px) {
	.dp-mm-bottom-left, .dp-mm-bottom-right { bottom: 12px; }
	.dp-mm-bottom-left { left: 12px; }
	.dp-mm-bottom-right { right: 12px; }
}
@media (prefers-reduced-motion: reduce) {
	.dp-mm-menu, .dp-mm-toggle svg { transition: none; }
}
