/* DIVSA Multilingual 0.3.1 — Hindi / English toggle in the site header. */
.divsa-ml-toggle{
  --divsa-ml-on:var(--tap-primary,#5B168F);
  --divsa-ml-ink:var(--tap-ink,#241233);
  --divsa-ml-line:var(--tap-line,#D8CBE0);
  display:inline-flex;align-items:center;gap:2px;flex:0 0 auto;
  margin:0 8px;padding:3px;border:1px solid var(--divsa-ml-line);border-radius:999px;
  background:#fff;box-shadow:0 2px 8px rgba(36,18,51,.06);
  font-family:inherit;line-height:1;white-space:nowrap;
}
.divsa-ml-toggle button{
  -webkit-appearance:none;appearance:none;border:0;margin:0;background:transparent;
  min-width:38px;height:32px;padding:0 10px;border-radius:999px;
  font-family:inherit;font-size:13px;font-weight:600;line-height:1;color:var(--divsa-ml-ink);
  cursor:pointer;transition:background-color .15s ease,color .15s ease;
  -webkit-tap-highlight-color:transparent;
}
.divsa-ml-toggle button:hover{background:rgba(91,22,143,.08)}
.divsa-ml-toggle button[aria-pressed="true"]{background:var(--divsa-ml-on);color:#fff}
.divsa-ml-toggle button:focus-visible{outline:2px solid var(--divsa-ml-on);outline-offset:2px}
/* Used only when the page has no DIVSA header to sit in. */
.divsa-ml-toggle.is-floating{position:fixed;right:12px;bottom:88px;z-index:997;margin:0}
/* Laptops and small desktops: the menu is tight, keep the toggle compact. */
@media (min-width:768px) and (max-width:1199px){
  .divsa-ml-toggle{margin:0 3px;padding:2px}
  .divsa-ml-toggle button{min-width:30px;height:30px;padding:0 6px;font-size:12px}
}
@media (max-width:767px){
  .divsa-ml-toggle{margin:0 4px;padding:2px}
  .divsa-ml-toggle button{min-width:34px;height:32px;padding:0 8px;font-size:12px}
}

/* 0.3.1: phones show ONE 40px chip with the other language (EN ⇄ हिं), the same size
   as the cart and account buttons, so the logo keeps its full width. */
@media (max-width:767px){
  html body .divsa-ml-toggle{padding:0;margin:0 4px;border:0;background:transparent;box-shadow:none;gap:0}
  html body .divsa-ml-toggle button[aria-pressed="true"]{display:none}
  html body .divsa-ml-toggle button[aria-pressed="false"]{
    min-width:40px;width:auto;height:40px;padding:0 8px;border:1px solid var(--divsa-ml-line);
    background:#fff;color:var(--divsa-ml-on);font-size:13px;font-weight:700;border-radius:999px;
  }
}