/* File: template.css
   Language Switcher (Open Content)
   - Desktop button shows by default
   - Mobile button is hidden until mobile breakpoint, then desktop hides
*/

.oc-lang-switcher {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
}
.oc-lang-switcher a.cm-btn.cm-modal-btn {
  cursor: pointer;
  text-decoration: none;
}

#lang-switcher-mobile {
  display: none;
}
#lang-switcher-desktop {
  display: inline-block;
}

/* Mobile: show mobile, hide desktop*/
@media (max-width: 767.98px) {
  #lang-switcher-mobile {
    display: inline-block;
  }
  #lang-switcher-desktop {
    display: none;
  }
}