/* ============================================ Language Switcher — Home Gallery ============================================ */ /* Hide all Google Translate injected UI */ .goog-te-banner-frame,iframe.skiptranslate,#goog-gt-tt,.goog-te-balloon-frame,.VIpgJd-ZVi9od-ORHb-OEVmcd,.goog-te-gadget{display:none !important}#google_translate_element{display:none !important}body,body.translated-ltr,body.translated-rtl{top:0 !important}/* ── Switcher container ── */ .ls-switcher{position:relative;display:inline-flex;align-items:center;flex-shrink:0}/* Desktop:hide mobile version */ @media (min-width:769px){.ls-switcher--mobile{display:none}}/* Mobile:hide desktop version */ @media (max-width:768px){.ls-switcher--desktop{display:none}}/* ── Toggle button (flag + code + chevron) ── */ .ls-toggle{display:flex;align-items:center;gap:5px;padding:8px 12px;background:transparent;border:1px solid rgba(var(--accent-rgb),0.35);border-radius:0;cursor:pointer;font-family:'Inter',-apple-system,sans-serif;font-size:12px;font-weight:500;letter-spacing:0.8px;color:var(--text-primary);text-transform:uppercase;transition:border-color 0.2s,background 0.2s;white-space:nowrap;height:36px}.ls-toggle:hover{border-color:rgba(var(--accent-rgb),0.7);background:rgba(var(--accent-rgb),0.06)}.ls-flag{display:inline-block;font-size:16px;vertical-align:middle;flex-shrink:0}.ls-code{font-size:11px;letter-spacing:1px}.ls-chevron{opacity:0.5;transition:transform 0.2s ease}.ls-toggle[aria-expanded="true"] .ls-chevron{transform:rotate(180deg)}/* ── Dropdown ── */ .ls-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-panel);border:1px solid rgba(var(--accent-rgb),0.25);box-shadow:0 8px 32px rgba(var(--text-rgb),0.12);min-width:160px;z-index:9999;padding:4px 0}.ls-dropdown[hidden]{display:none}.ls-option{display:flex;align-items:center;gap:10px;width:100%;padding:9px 16px;background:transparent;border:none;cursor:pointer;font-family:'Inter',-apple-system,sans-serif;font-size:13px;color:var(--text-primary);text-align:left;transition:background 0.15s}.ls-option:hover{background:rgba(var(--accent-rgb),0.08)}.ls-option.active{background:rgba(var(--accent-rgb),0.10);color:var(--accent);font-weight:600}.ls-opt-flag{display:inline-block;font-size:20px;vertical-align:middle;flex-shrink:0}.ls-opt-label{white-space:nowrap}/* ── Mobile:toggle button ── */ @media (max-width:768px){.ls-switcher--mobile .ls-toggle{height:40px;padding:6px 10px;border-color:rgba(var(--accent-rgb),0.35);background:transparent}}/* ── Mobile:full-screen overlay ── */ @media (max-width:768px){.ls-switcher--mobile .ls-dropdown:not([hidden]){display:flex}.ls-switcher--mobile .ls-dropdown{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,8,6,0.68);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:20000;flex-direction:column;justify-content:flex-end;align-items:stretch;min-width:unset;padding:0;border:none;box-shadow:none}}/* ── Modal card (bottom sheet) ── */ .ls-modal-card{background:var(--bg-panel);width:100%;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:lsSlideUp 0.38s cubic-bezier(0.16,1,0.3,1)}@keyframes lsSlideUp{from{transform:translateY(48px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes lsSlideDown{from{transform:translateY(0);opacity:1}to{transform:translateY(48px);opacity:0}}@keyframes lsFadeOut{from{opacity:1}to{opacity:0}}.ls-modal-card.ls-closing{animation:lsSlideDown 0.24s linear forwards}@media (max-width:768px){.ls-switcher--mobile .ls-dropdown.ls-closing{animation:lsFadeOut 0.24s linear forwards}}.ls-modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 16px;border-bottom:1px solid rgba(var(--accent-rgb),0.18);position:sticky;top:0;background:var(--bg-panel);z-index:1}.ls-modal-title{font-family:'Inter',-apple-system,sans-serif;font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);margin:0}.ls-modal-close{background:transparent;border:none;cursor:pointer;padding:6px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:color 0.15s;-webkit-tap-highlight-color:transparent;line-height:1}.ls-modal-close:hover{color:var(--text-base)}.ls-modal-options{display:grid;grid-template-columns:1fr 1fr;padding:8px 0 calc(20px + env(safe-area-inset-bottom,0px))}@media (max-width:768px){.ls-switcher--mobile .ls-option{padding:18px 20px;gap:10px;border-bottom:1px solid rgba(var(--text-rgb),0.05);font-size:14px}.ls-switcher--mobile .ls-opt-flag{display:inline-block;font-size:26px}.ls-switcher--mobile .ls-opt-label{font-size:13px;letter-spacing:0.1px}}/* ── Auto-detect popup ── */ .ls-detect-popup{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);z-index:10000;opacity:0;transition:opacity 0.35s ease,transform 0.35s cubic-bezier(0.16,1,0.3,1);pointer-events:none}.ls-detect-popup.visible{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}.ls-detect-inner{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--bg-panel);border:1px solid rgba(var(--accent-rgb),0.30);box-shadow:0 12px 40px rgba(var(--text-rgb),0.15);max-width:420px;white-space:nowrap}.ls-detect-flag{display:inline-block;font-size:28px;vertical-align:middle;flex-shrink:0}.ls-detect-msg{font-family:'Inter',-apple-system,sans-serif;font-size:13px;color:var(--text-base);line-height:1.4;flex:1;white-space:normal}.ls-detect-msg strong{color:var(--accent)}.ls-detect-actions{display:flex;gap:8px;flex-shrink:0}.ls-detect-yes,.ls-detect-no{padding:7px 14px;border:1px solid;border-radius:0;font-family:'Inter',-apple-system,sans-serif;font-size:12px;font-weight:500;letter-spacing:0.5px;cursor:pointer;transition:all 0.18s}.ls-detect-yes{background:var(--accent);border-color:var(--accent);color:var(--surface-white)}.ls-detect-yes:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.ls-detect-no{background:transparent;border-color:rgba(var(--text-rgb),0.18);color:var(--text-muted)}.ls-detect-no:hover{border-color:var(--text-muted);color:var(--text-base)}@media (max-width:480px){.ls-detect-inner{flex-wrap:wrap;white-space:normal;padding:12px 16px;gap:8px}.ls-detect-actions{width:100%;justify-content:flex-end}}