/* ============================================================
   CULTURA BALEAR · LA ISLA DE ORO — shared language switcher
   Visual companion to cb-bar.css. Renders as a small pill group
   at the end of the same strip, same family as the module pills
   in cb-sites, so the whole bar reads as one component.
   ============================================================ */
.cb-lang{
  display:flex;
  align-items:center;
  gap:2px;
  flex:0 0 auto;
  margin-left:auto;
}
.cb-lang button{
  font-family:Arial,Helvetica,sans-serif;
  background:none;
  border:1px solid transparent;
  color:#c9c5b9;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:10.5px;
  padding:5px 9px;
  border-radius:14px;
  cursor:pointer;
  transition:.15s;
}
.cb-lang button:hover{ color:#fff; border-color:#ffffff33; }
.cb-lang button.active{
  background:var(--cb-cream);
  color:var(--cb-ink);
  border-color:var(--cb-cream);
  cursor:default;
}
.cb-lang-sep{ display:none; } /* reserved; buttons carry their own spacing via gap */

@media (max-width:720px){
  .cb-lang{ margin-left:0; flex:0 0 auto; }
  .cb-lang button{ padding:4px 7px; font-size:9.5px; }
}

/* On the same narrow breakpoint where cb-sites becomes a scroll
   strip, give cb-lang its own line rather than fighting cb-sites
   for room in one row — three module names plus four language
   codes will not fit legibly on a phone width otherwise. */
@media (max-width:720px){
  .cb-bar-inner{ flex-wrap:wrap; }
  .cb-lang{ order:3; width:100%; justify-content:flex-start; margin-top:2px; }
  .cb-sites{ order:2; }
  .cb-brand{ order:1; }
}