/* Only the selected background moves; text, hit targets and focus stay still. */
[data-liquid-ready] { position: relative; isolation: isolate; }
[data-liquid-ready] > svg.liquid-switch-ink {
  position: absolute; inset: 0; z-index: 0; display: block; width: 100%; height: 100%;
  overflow: visible; pointer-events: none; fill: none; stroke: none;
  filter: drop-shadow(0 1px 2px var(--liquid-shadow, transparent));
}
[data-liquid-ready] > .liquid-switch-ink path { fill: var(--liquid-fill, #fff); stroke: none; }
[data-liquid-ready] > button { position: relative; z-index: 1; }
[data-liquid-ready] > button:is([aria-selected='true'], [aria-pressed='true']) { background: transparent !important; box-shadow: none !important; }
.portfolio-tabs { --liquid-fill: #fff; --liquid-shadow: #15121012; }
:root[data-theme='dark'] .portfolio-tabs { --liquid-fill: var(--night-raised); --liquid-shadow: #00000020; }
.arc-menu__languages { --liquid-fill: #151210; }
.arc-menu__languages[data-liquid-ready]::before { display: none; }
.menu-language-options, .menu-segmented { --liquid-fill: var(--ink); }

/* A compact morph for the single-button light/dark version controls. */
:is(.theme-toggle, .contractor-theme) :is(.theme-sun, .theme-moon) {
  display: block !important; grid-area: 1 / 1; transform-origin: center;
  pointer-events: none; transition: transform 580ms cubic-bezier(.22,1,.36,1), opacity 240ms ease;
}
:is(.theme-toggle, .contractor-theme) .theme-sun { opacity: 1; transform: rotate(0) scale(1); }
:is(.theme-toggle, .contractor-theme) .theme-moon { opacity: 0; transform: rotate(-100deg) scale(.25); }
:root[data-theme='dark'] :is(.theme-toggle, .contractor-theme) .theme-sun { opacity: 0; transform: rotate(100deg) scale(.25); }
:root[data-theme='dark'] :is(.theme-toggle, .contractor-theme) .theme-moon { opacity: 1; transform: rotate(0) scale(1); }
@media (prefers-reduced-motion: reduce) {
  :is(.theme-toggle, .contractor-theme) :is(.theme-sun, .theme-moon) { transition: none; }
}
