/* Future Formative: header language flag (EN/TR paired pages only).
 * >= 768px: .ff-lang-switch on the right of the menu row, same line as the menu.
 * <  768px: last row of the burger menu (li.ff-lang-item), flag + language name. */
.ff-lang-link { text-decoration: none; }
.ff-lang-link .ff-flag {
  display: inline-block; width: auto; max-width: none; height: 14px;
  vertical-align: middle; border-radius: 3px;
}
.ff-lang-link .ff-lang-label {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
.first-part { position: relative; }
.ff-lang-switch {
  position: absolute; top: 0; bottom: 0; right: 15px; z-index: 5;
  display: flex; align-items: center;
}
.ff-lang-switch .ff-lang-link { display: inline-flex; align-items: center; padding: 10px 0 10px 10px; }
.ff-lang-switch .ff-flag {
  box-shadow: 0 0 0 1px rgba(228, 231, 234, .42);
  opacity: .88; transition: opacity .2s ease;
}
.ff-lang-switch .ff-lang-link:hover .ff-flag,
.ff-lang-switch .ff-lang-link:focus-visible .ff-flag { opacity: 1; }
@media (min-width: 768px) {
  #navbar .ff-lang-item { display: none; }
}
@media (max-width: 767px) {
  .ff-lang-switch { display: none; }
  #navbar .ff-lang-item .ff-flag { box-shadow: 0 0 0 1px #E4E7EA; }
  #navbar .ff-lang-item .ff-lang-label {
    position: static; width: auto; height: auto; margin: 0 0 0 10px;
    overflow: visible; clip: auto; vertical-align: middle;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ff-lang-switch .ff-flag { transition: none; }
}