/* * MageCopilot i18n — CSS-based language switcher * Default language: English (en) * Alternate: Spanish (es) * Switch triggered by */ /* Hide all Spanish content by default */ .es, .es-block, .es-flex, .es-grid, .es-inline-flex { display: none !important; } /* When Spanish is active — show Spanish, hide English */ html[lang="es"] .en { display: none !important; } html[lang="es"] .es { display: inline !important; } html[lang="es"] .en-block { display: none !important; } html[lang="es"] .es-block { display: block !important; } html[lang="es"] .en-flex { display: none !important; } html[lang="es"] .es-flex { display: flex !important; } html[lang="es"] .en-grid { display: none !important; } html[lang="es"] .es-grid { display: grid !important; } html[lang="es"] .en-inline-flex { display: none !important; } html[lang="es"] .es-inline-flex { display: inline-flex !important; } /* Language switcher button styles */ .lang-btn { padding: 0.2rem 0.5rem; border-radius: 0.25rem; font-weight: 700; font-size: 0.7rem; letter-spacing: 0.05em; color: #9ca3af; transition: color 0.15s, background 0.15s; } .lang-btn:hover { color: #fff; } html[lang="en"] #lang-btn-en, html[lang="es"] #lang-btn-es { color: #fff; background: rgba(47, 79, 79, 0.5); }