/* ============================================================================ [rw_language_switcher] — selector de idioma sólo con banderas. Sin dependencias del tema: tokens propios con fallback, para que se vea igual dentro del header de Woodmart, en una barra lateral o en un bloque Text/HTML suelto. Sigue el modo oscuro de Woodmart y el del sistema. ========================================================================== */ .rw-lang { --rw-lang-flag-w: 26px; --rw-lang-radius: 12px; --rw-lang-surface: #ffffff; --rw-lang-border: rgba(17, 24, 39, .12); --rw-lang-text: #111827; --rw-lang-muted: rgba(17, 24, 39, .55); --rw-lang-hover: rgba(37, 99, 235, .10); --rw-lang-active: rgba(37, 99, 235, .16); --rw-lang-shadow: 0 12px 32px rgba(15, 23, 42, .18); position: relative; display: inline-block; line-height: 1; font-size: 14px; } .rw-lang--sm { --rw-lang-flag-w: 22px; } .rw-lang--lg { --rw-lang-flag-w: 32px; } /* Modo oscuro: el de Woodmart (clase en ) y el del sistema. */ html.global-color-scheme-light .rw-lang, body.global-color-scheme-light .rw-lang { --rw-lang-surface: #1c1f26; --rw-lang-border: rgba(255, 255, 255, .14); --rw-lang-text: #f3f4f6; --rw-lang-muted: rgba(243, 244, 246, .6); --rw-lang-hover: rgba(255, 255, 255, .10); --rw-lang-active: rgba(255, 255, 255, .16); --rw-lang-shadow: 0 12px 32px rgba(0, 0, 0, .5); } /* ---------- Bandera ---------- */ .rw-lang-flag { display: inline-flex; flex: 0 0 auto; width: var(--rw-lang-flag-w); height: calc(var(--rw-lang-flag-w) * 0.75); border-radius: 4px; overflow: hidden; background: none; /* El borde interior evita que el blanco de la bandera de EE. UU. se funda con el panel claro. */ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14); } .rw-lang-flag__svg { display: block; width: 100%; height: 100%; } /* ---------- Disparador ---------- */ /* Woodmart estiliza