/* ======================================================================
   Sales Source - language switcher styles
   ====================================================================== */

/* Switcher */
.lang-switch{ position:relative; }
.lang-btn{
  display:inline-flex; align-items:center; gap:7px; cursor:pointer;
  font-family:'Plus Jakarta Sans',sans-serif; font-weight:600; font-size:.95rem;
  color:var(--ink); background:transparent; border:1.5px solid var(--line);
  padding:8px 12px; border-radius:999px; transition:border-color .2s, background .2s, color .2s;
}
.lang-btn svg{ width:17px; height:17px; }
.lang-chev{ width:14px !important; height:14px !important; opacity:.6; transition:transform .2s; }
.lang-btn[aria-expanded="true"] .lang-chev{ transform:rotate(180deg); }
.lang-btn:hover{ border-color:#CFE6D7; color:var(--green-deep); }
.lang-cur{ letter-spacing:.02em; }
/* On the transparent hero nav */
.nav.on-hero:not(.solid) .lang-btn{ color:#fff; border-color:rgba(255,255,255,.4); }
.nav.on-hero:not(.solid) .lang-btn:hover{ background:rgba(255,255,255,.12); color:#fff; }

.lang-menu{
  position:absolute; top:calc(100% + 10px); right:0; z-index:200;
  width:230px; max-height:340px; overflow-y:auto;
  background:#fff; border:1px solid var(--line); border-radius:14px;
  box-shadow:0 26px 56px -22px rgba(8,39,57,.45), 0 2px 8px rgba(8,39,57,.06);
  padding:7px; display:flex; flex-direction:column; gap:2px;
}
.lang-menu[hidden]{ display:none !important; }
.lang-item{
  display:flex; align-items:center; gap:11px; width:100%; text-align:left; cursor:pointer;
  background:transparent; border:0; border-radius:9px; padding:9px 11px;
  font-family:'Plus Jakarta Sans',sans-serif; font-weight:600; font-size:.92rem; color:var(--ink);
  transition:background .15s;
}
.lang-item img{ width:22px; height:16px; border-radius:3px; object-fit:cover; flex:none; box-shadow:0 0 0 1px rgba(8,39,57,.1); }
.lang-item:hover{ background:var(--bg-soft); }
.lang-item[aria-current="true"]{ background:rgba(52,163,86,.1); color:var(--green-deep); }

/* Mobile menu variant */
.mobile-menu .lang-switch{ width:100%; }
.mobile-menu .lang-btn{ width:100%; justify-content:center; }
.mobile-menu .lang-menu{ position:static; width:100%; margin-top:10px; box-shadow:none; max-height:260px; }

@media (max-width:900px){
  /* keep the desktop switcher visible next to the burger if nav-right shows; otherwise mobile menu covers it */
  .nav .nav-right .lang-switch{ display:none; }
}

/* Nav links never wrap to a second line in any language - font shrinks to fit instead (see fitNav in translate.js) */
.nav-links{ flex-wrap:nowrap; }
.nav-links a{ white-space:nowrap; font-size:var(--nav-fs,.97rem); padding:.55em .9em; }
.nav .btn.nav-cta{ white-space:nowrap; font-size:var(--nav-fs,1rem); }

/* Keep the brand logo and nav stable when text is translated (longer strings) */
.logo{ flex:none; }
.logo-img{ flex:none; height:46px; width:auto; max-width:none; }
@media (max-width:520px){ .logo-img{ height:38px; } }
.nav .wrap{ flex-wrap:nowrap; min-width:0; }
.nav .logo, .footer .logo{ white-space:nowrap; }

/* Loading spinner in the switcher while translating */
.lang-spin{ display:inline-block; width:13px; height:13px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:langSpin .7s linear infinite; vertical-align:-1px; }
@keyframes langSpin{ to{ transform:rotate(360deg); } }
.ss-translating{ cursor:progress; }

/* Brief notice (e.g. engine only on live site) */
.lang-toast{ position:fixed; left:50%; bottom:26px; transform:translate(-50%,16px); z-index:2200; opacity:0; transition:opacity .3s, transform .3s; background:var(--navy); color:#fff; font-weight:600; font-size:.9rem; padding:12px 20px; border-radius:999px; box-shadow:0 16px 38px -14px rgba(0,0,0,.5); pointer-events:none; }
.lang-toast.show{ opacity:1; transform:translate(-50%,0); }

/* Right-to-left languages (e.g. Arabic) */
html[dir="rtl"] body{ text-align:right; }
html[dir="rtl"] .wrap, html[dir="rtl"] .nav .wrap{ direction:rtl; }
html[dir="rtl"] .nav-links, html[dir="rtl"] .btn-row, html[dir="rtl"] .footer-grid{ direction:rtl; }

/* ---- Google widget fallback: keep its chrome out of the design ---------- */
#ss-gt-host{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); }
.goog-te-banner-frame, .skiptranslate iframe, iframe.goog-te-banner-frame{ display:none!important; visibility:hidden!important; }
body{ top:0!important; }  /* the banner shifts <body>; undo it */
.goog-te-gadget, .goog-te-gadget-icon, .goog-logo-link{ display:none!important; }
#goog-gt-tt, .goog-tooltip, .goog-tooltip:hover{ display:none!important; }
.goog-text-highlight{ background:none!important; box-shadow:none!important; }