/* ================================================================
   PRIYO STORY — FOOTER ON MOBILE, LANGUAGE NEXT TO THE PROFILE
   ================================================================ */

/* ---------------- language switch in the top bar ---------------- */
.lang-switch{
  display:flex; align-items:center;
  gap:2px;
  background:var(--bg, #f0f2f0);
  border-radius:20px;
  padding:3px;
  margin-left:6px;
  flex-shrink:0;
}
.lang-switch button{
  border:none;
  background:transparent;
  border-radius:16px;
  padding:5px 11px;
  font-family:'Hind Siliguri', sans-serif;
  font-size:15.5px; font-weight:700;
  color:var(--muted, #6b7a72);
  cursor:pointer;
  line-height:1.2;
  white-space:nowrap;
  transition:background .15s ease, color .15s ease;
}
.lang-switch button:hover{ color:var(--text, #1f2a24); }
.lang-switch button.on{
  background:var(--green-dark, #0f5132);
  color:#fff;
}

@media (max-width:900px){
  .lang-switch{ margin-left:2px; padding:2px; }
  .lang-switch button{ padding:5px 8px; font-size:14.5px; }
}
@media (max-width:420px){
  /* on the narrowest phones show just the two letters */
  .lang-switch button{ padding:5px 7px; font-size:14px; }
  .lang-switch button .lang-long{ display:none; }
}
@media (min-width:421px){
  .lang-switch button .lang-short{ display:none; }
}

/* ---------------- footer ---------------- */
/* The link columns are for the desktop site. On a phone the same
   places are already one tap away in the drawer and the top bar, so
   a long list of links there is just something to scroll past. */
@media (max-width:900px){
  .site-footer .footer-top{ display:none; }
  .site-footer .footer-inner{ padding-top:14px; padding-bottom:14px; }
  .site-footer .footer-bottom{
    border-top:none;
    padding-top:0;
    flex-direction:column;
    gap:4px;
    text-align:center;
    font-size:14.5px;
  }
}

/* the switcher lived in the footer — it belongs in the top bar now */
.footer-lang-row{ display:none !important; }