/* The language layer: the few rules it needs. Installed as i18n.css by tools/codemod_i18n.mjs, linked after the module stylesheets in index.html. */

/* The static page (index.html) carries its Polish text. For an owner who may read English, the labels that sit in the static page wait (hidden, not removed)
   until js/i18n.js has translated them; js/early.js sets the flag, i18n.js lifts it, a 3 s timer in early.js lifts it if the script never arrives. */
html[data-i18n-pending] .guide,
html[data-i18n-pending] .tabbar,
html[data-i18n-pending] .login,
html[data-i18n-pending] .toast { visibility: hidden; }

/* Language switch on the sign-in screen (before there is a Settings screen to reach). Same quiet look as the legal links under it. */
.langsw { display: flex; justify-content: center; align-items: center; gap: 2px; margin-top: -6px; }
.langsw button {
  min-height: 44px; min-width: 44px; padding: 0 12px; font-size: 13px; line-height: 18px; font-weight: 500; color: var(--fg3);
  text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px; transition: color 140ms ease, text-decoration-color 140ms ease;
}
.langsw button[aria-pressed="true"] { color: var(--fg); font-weight: 600; text-decoration-color: currentColor; }
.langsw button:focus-visible { outline: 2px solid var(--accent, currentColor); outline-offset: 2px; border-radius: 8px; }

/* English runs longer than Polish in a few narrow places. The rules below only apply when the app is in English, so the Polish layout is exactly what it was. */
/* "Suggest another time" next to "Decline": the first button gets the room it needs (Polish said "Inny termin"). */
html[data-lang="en-GB"] .drow2 > [data-act="slots"] { flex: 1.5; }
@media (max-width: 359px) {
  html[data-lang="en-GB"] .drow2 > [data-act="slots"] { font-size: 13px; letter-spacing: -0.01em; }
}