/*
 * Przełącznik segmentowy: tor + przesuwany suwak pod aktywną walutą.
 * Kolory w zmiennych, żeby wariant na ciemne tło (nagłówek) różnił się tylko nimi.
 */
.rmc-waluta {
	--rmcw-tor: rgba(0, 33, 70, .06);
	--rmcw-ramka: rgba(0, 33, 70, .14);
	--rmcw-suwak: #002146;
	--rmcw-tekst: rgba(0, 33, 70, .6);
	--rmcw-tekst-hover: #002146;
	--rmcw-tekst-aktywny: #fff;
	--rmcw-cien: 0 1px 2px rgba(0, 18, 39, .25), 0 2px 8px rgba(0, 18, 39, .12);

	position: relative; isolation: isolate;
	display: inline-grid; grid-template-columns: 1fr 1fr; align-items: stretch;
	padding: 3px; border-radius: 999px;
	background: var(--rmcw-tor); box-shadow: inset 0 0 0 1px var(--rmcw-ramka);
	font-family: ff-utility-web-pro, sans-serif; line-height: 1; vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
}
.rmc-waluta--ciemne {
	--rmcw-tor: rgba(255, 255, 255, .07);
	--rmcw-ramka: rgba(255, 255, 255, .16);
	--rmcw-suwak: #fff;
	--rmcw-tekst: rgba(255, 255, 255, .62);
	--rmcw-tekst-hover: #fff;
	--rmcw-tekst-aktywny: #002146;
	--rmcw-cien: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .25);
}

/* Suwak zajmuje połowę toru; przy EUR jedzie w prawo. */
.rmc-waluta__suwak {
	position: absolute; z-index: -1; top: 3px; bottom: 3px; left: 3px;
	width: calc(50% - 3px); border-radius: 999px;
	background: var(--rmcw-suwak); box-shadow: var(--rmcw-cien);
	transition: transform .32s cubic-bezier(.5, 1.6, .4, .8);
}
.rmc-waluta:has([data-waluta="EUR"][aria-pressed="true"]) .rmc-waluta__suwak { transform: translateX(100%); }
/* Przeglądarki bez :has – stan z atrybutu ustawianego przez skrypt na <html> */
html[data-waluta="EUR"] .rmc-waluta__suwak { transform: translateX(100%); }
html[data-waluta="PLN"] .rmc-waluta__suwak { transform: none; }

.rmc-waluta .rmc-waluta__opcja {
	display: inline-flex; align-items: center; justify-content: center; gap: .3em;
	margin: 0; padding: .45rem .7rem; min-width: 0;
	background: transparent !important; border: 0 !important; border-radius: 999px; box-shadow: none !important;
	color: var(--rmcw-tekst) !important; font: inherit; font-size: .6875rem; font-weight: 600; letter-spacing: .08em;
	cursor: pointer; transition: color .2s;
}
.rmc-waluta .rmc-waluta__opcja:hover { color: var(--rmcw-tekst-hover) !important; }
.rmc-waluta .rmc-waluta__opcja[aria-pressed="true"] { color: var(--rmcw-tekst-aktywny) !important; cursor: default; }
.rmc-waluta .rmc-waluta__opcja:focus-visible { outline: 2px solid var(--rmcw-suwak); outline-offset: 2px; }

.rmc-waluta__symbol { font-size: 1.15em; font-weight: 500; letter-spacing: 0; opacity: .75; }
.rmc-waluta__opcja[aria-pressed="true"] .rmc-waluta__symbol { opacity: 1; }

/* Bez animacji przy wczytaniu strony – suwak ma tylko stanąć na zapamiętanej walucie */
.rmc-waluta:not(.is-gotowy) .rmc-waluta__suwak { transition: none; }

@media (prefers-reduced-motion: reduce) {
	.rmc-waluta__suwak, .rmc-waluta .rmc-waluta__opcja { transition: none; }
}

/* W nagłówku obok flagi języka */
.rmc-waluta-wrap { display: inline-flex; align-items: center; gap: .875rem; }

/* Telefon/tablet (burger Elementora od 1024 px): przełącznik tylko w rozwijanym menu.
   Klasę na <html> daje skrypt dopiero, gdy wiersz w menu faktycznie powstał. */
@media (max-width: 1024px) {
	.rmcw-w-menu .rmc-waluta--naglowek { display: none; }
	.rmcw-w-menu .rmc-waluta-wrap { gap: 0; }
}
@media (min-width: 1025px) {
	.rmc-waluta-menu { display: none !important; }
	.rmc-waluta--bez-desktopu { display: none; }
	.rmc-waluta-wrap:has(.rmc-waluta--bez-desktopu) { gap: 0; }
}

/* Pod kafelkami kategorii skupu, nad listą cen. Odstęp listy od kafelków (4,125rem)
   dzielimy mniej więcej na pół, żeby przełącznik nie odsuwał cennika w dół. */
.rmc-waluta-cennik { margin-top: 1.75rem; text-align: center; }
.rmc-waluta-cennik + .ssk-list { margin-top: 1.75rem; }
.rmc-waluta-cennik .rmc-waluta__opcja { padding: .6rem 1rem; font-size: .8125rem; }

/* Wiersz w menu mobilnym – ten sam rytm i linia co pozostałe pozycje menu */
/* Selektor z .elementor-nav-menu – Elementor ustawia li w menu display: block */
.elementor-nav-menu--dropdown .elementor-nav-menu > li.rmc-waluta-menu {
	display: flex; align-items: center; justify-content: space-between; gap: 1rem;
	padding: 20px 0; border-bottom: 1px solid rgba(1, 52, 98, .12);
}
.rmc-waluta-menu__etykieta {
	color: #013462; font-family: ff-utility-web-pro, sans-serif; font-size: .75rem; font-weight: 600;
	letter-spacing: .14em; text-transform: uppercase; opacity: .6;
}
.rmc-waluta--menu { --rmcw-tor: rgba(1, 52, 98, .06); --rmcw-ramka: rgba(1, 52, 98, .14); --rmcw-suwak: #013462; padding: 4px; }
.rmc-waluta--menu .rmc-waluta__suwak { top: 4px; bottom: 4px; left: 4px; width: calc(50% - 4px); }
.rmc-waluta.rmc-waluta--menu .rmc-waluta__opcja { padding: .7rem 1.1rem; font-size: .8125rem; }

.rmc-waluta-nota { margin: .5rem 0 0; font-size: .8125rem; line-height: 1.4; opacity: .75; }