/* phototape.app language switcher and suggestion bar (template-parts/language-*.php, assets/js/lang.js).
   The switcher sits beside the App Store pill (the section nav hides below 900 px; the switcher never does).
   Tokens come from critical.css. */
.js-only{display:none}
html.js .js-only{display:block}
.lang{position:relative}
.lang-toggle{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--ink);border:1.5px solid var(--line);
  padding:6px 9px 5px;cursor:pointer;font:700 12px/1 var(--stamp);letter-spacing:.12em}
.lang-toggle:hover,.lang-toggle[aria-expanded="true"]{border-color:var(--accent);color:var(--accent)}
/* Visually hidden, still the button's accessible name ("Language · English"). */
.lang-label,.lang-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.lang-chevron{transition:transform .2s ease}
.lang-toggle[aria-expanded="true"] .lang-chevron{transform:rotate(180deg)}
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:40;list-style:none;margin:0;padding:6px;min-width:170px;
  background:var(--card);box-shadow:0 10px 24px var(--shadow);display:grid;gap:2px}
.lang-menu[hidden]{display:none}
.lang-menu a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;color:var(--ink);text-decoration:none;font-size:15px}
.lang-menu a:hover{background:var(--paper)}
.lang-check{visibility:hidden;color:var(--accent)}
.lang-menu a[aria-current="page"]{font-weight:600}
.lang-menu a[aria-current="page"] .lang-check{visibility:visible}

/* the suggestion bar, above the header */
.lang-suggest{position:relative;z-index:21;background:var(--scrap2);border-bottom:1px dashed var(--line)}
.lang-suggest[hidden]{display:none}
.lang-suggest-body{max-width:1140px;margin:0 auto;padding:10px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.lang-suggest-body .lang-globe{color:var(--accent);flex:none}
.lang-suggest-msg{margin:0;flex:1 1 240px;font-size:15px}
.lang-suggest-actions{display:flex;gap:14px;align-items:center}
.lang-suggest-go{font:700 18px/1 var(--hand);color:var(--on-accent);background:var(--accent);text-decoration:none;padding:7px 12px 5px}
.lang-suggest-no{background:none;border:0;cursor:pointer;font-size:14px;color:var(--ink);text-decoration:underline}
@media (prefers-reduced-motion:no-preference){.lang-suggest:not([hidden]){animation:lang-in .3s ease both}}
@keyframes lang-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}