/* Safety Signum: responsive language navigation.
 * YOOtheme breakpoint @m is 960px for this template.
 */

@media (min-width: 960px) {
  .tm-header .uk-navbar {
    position: relative;
  }

  .tm-header .uk-navbar-left {
    width: 100%;
    flex-wrap: wrap;
  }

  .tm-header .uk-navbar-left > .uk-logo {
    flex: 0 0 auto;
  }

  .tm-header .uk-navbar-left > .uk-navbar-nav {
    order: 3;
    flex: 0 0 100%;
  }

  .tm-header .ss-language-switcher--desktop {
    position: absolute;
    top: 24px;
    right: 0;
    z-index: 20;
    min-height: 0;
    padding: 0;
  }

  .tm-header .ss-language-switcher--desktop .uk-subnav {
    gap: 14px;
    margin: 0;
  }

  .tm-header .ss-language-switcher--desktop .uk-subnav > * {
    padding-left: 0;
  }

  .tm-header .ss-language-switcher--desktop a {
    display: inline-flex;
    padding: 4px;
    border: 1px solid transparent;
    border-radius: 2px;
    opacity: 0.72;
    transition: opacity 160ms ease, border-color 160ms ease, transform 160ms ease;
  }

  .tm-header .ss-language-switcher--desktop a:hover,
  .tm-header .ss-language-switcher--desktop a:focus-visible,
  .tm-header .ss-language-switcher--desktop .lang-active a {
    border-color: #45c729;
    opacity: 1;
    transform: translateY(-1px);
  }

  .tm-header .ss-language-switcher--desktop img {
    display: block;
    width: 24px;
    height: auto;
  }
}

@media (max-width: 959px) {
  .tm-header-mobile #tm-dialog-mobile .tm-height-min-1-1 > .uk-margin-auto-bottom {
    display: flex;
    flex: 1 1 auto;
  }

  .tm-header-mobile #tm-dialog-mobile .tm-height-min-1-1 > .uk-margin-auto-bottom > .uk-grid {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
  }

  .tm-header-mobile .ss-language-switcher--mobile {
    margin-top: auto;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
  }

  .tm-header-mobile .ss-language-switcher--mobile .uk-subnav {
    gap: 18px;
    margin: 0;
  }

  .tm-header-mobile .ss-language-switcher--mobile .uk-subnav > * {
    padding-left: 0;
  }

  .tm-header-mobile .ss-language-switcher--mobile a {
    display: inline-flex;
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 2px;
    opacity: 0.78;
  }

  .tm-header-mobile .ss-language-switcher--mobile a:hover,
  .tm-header-mobile .ss-language-switcher--mobile a:focus-visible,
  .tm-header-mobile .ss-language-switcher--mobile .lang-active a {
    border-color: #45c729;
    opacity: 1;
  }

  .tm-header-mobile .ss-language-switcher--mobile img {
    display: block;
    width: 26px;
    height: auto;
  }

  .tm-header-mobile #module-menu-dialog-mobile .uk-nav > li > a {
    font-size: 24px;
    line-height: 1.45;
    font-weight: 700;
    letter-spacing: 0;
  }
}