/* Floating EN/ES language control. Kept separate from storefront styling to avoid layout regressions. */
.language-toggle{
  position:fixed;
  right:18px;
  bottom:20px;
  z-index:1200;
  display:inline-grid;
  grid-template-columns:1fr 1fr;
  gap:2px;
  padding:4px;
  border:1px solid rgba(231,202,145,.55);
  border-radius:999px;
  background:rgba(18,12,24,.88);
  box-shadow:0 12px 30px rgba(0,0,0,.3);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  color:#f5ead8;
  font:600 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.08em;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.language-toggle span{
  min-width:34px;
  padding:9px 10px;
  border-radius:999px;
  text-align:center;
  transition:background-color .2s ease,color .2s ease,transform .2s ease;
}
.language-toggle span[aria-current="true"]{
  background:linear-gradient(135deg,#d9b66f,#f1d79d);
  color:#160f1d;
}
.language-toggle:focus-visible{
  outline:2px solid #f1d79d;
  outline-offset:3px;
}
body:has(dialog[open]) .language-toggle{
  opacity:.18;
}
body:has(dialog[open]) .language-toggle:hover,
body:has(dialog[open]) .language-toggle:focus-visible{
  opacity:1;
}
@media (max-width:720px){
  .language-toggle{
    right:12px;
    bottom:76px;
  }
  .language-toggle span{
    min-width:30px;
    padding:8px 9px;
  }
}
@media (prefers-reduced-motion:reduce){
  .language-toggle span{transition:none}
}