/* Segmented language switcher made from a parent menu item and its children. */
.rvnski-language-switcher {
  --language-switcher-bg: rgba(255, 255, 255, 0.14);
  --language-switcher-border: rgba(255, 255, 255, 0.3);
  --language-switcher-text: currentColor;
  --language-switcher-inactive-text: #fff;
  --language-switcher-active-bg: #fff;
  --language-switcher-active-text: #17365d;
}

.rvnski-language-switcher > a,
.rvnski-language-switcher > .sf-sub-indicator {
  display: none !important;
}

.rvnski-language-switcher,
.rvnski-language-switcher:hover,
.rvnski-language-switcher.sfHover {
  transform: none !important;
  transition: none !important;
}

#top nav > ul > li.rvnski-language-switcher,
#slide-out-widget-area li.rvnski-language-switcher,
#mobile-menu li.rvnski-language-switcher {
  display: flex !important;
  align-self: center;
  align-items: center;
  width: auto;
  height: 42px !important;
  min-height: 0 !important;
  margin: 0;
  padding: 3px;
  border: 1px solid var(--language-switcher-border);
  border-radius: 999px;
  background: var(--language-switcher-bg);
  line-height: 1;
  transform: none !important;
  transition: none !important;
}

#top nav > ul > li.rvnski-language-switcher > ul.sub-menu,
#top nav > ul > li.rvnski-language-switcher:hover > ul.sub-menu,
#top nav > ul > li.rvnski-language-switcher.sfHover > ul.sub-menu,
#slide-out-widget-area li.rvnski-language-switcher > ul.sub-menu,
#slide-out-widget-area li.rvnski-language-switcher:hover > ul.sub-menu,
#mobile-menu li.rvnski-language-switcher > ul.sub-menu {
  position: static !important;
  top: auto !important;
  left: auto !important;
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 999px;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
  pointer-events: auto !important;
}

#top nav > ul > li.rvnski-language-switcher > ul > li,
#slide-out-widget-area li.rvnski-language-switcher > ul > li,
#mobile-menu li.rvnski-language-switcher > ul > li {
  display: block;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

#top nav > ul > li.rvnski-language-switcher > ul > li > a,
#slide-out-widget-area li.rvnski-language-switcher > ul > li > a,
#mobile-menu li.rvnski-language-switcher > ul > li > a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  margin: 0 !important;
  padding: 0 9px !important;
  border: 0 !important;
  border-radius: 999px;
  color: var(--language-switcher-text) !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 600;
  line-height: 1 !important;
  text-align: center;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

#top nav > ul > li.rvnski-language-switcher > ul > li:not(.current-language):not(.current-menu-item) > a:hover,
#top nav > ul > li.rvnski-language-switcher > ul > li:not(.current-language):not(.current-menu-item) > a:focus,
#top nav > ul > li.rvnski-language-switcher > ul > li:not(.current-language):not(.current-menu-item).sfHover > a,
#slide-out-widget-area li.rvnski-language-switcher > ul > li:not(.current-language):not(.current-menu-item) > a:hover,
#slide-out-widget-area li.rvnski-language-switcher > ul > li:not(.current-language):not(.current-menu-item) > a:focus,
#mobile-menu li.rvnski-language-switcher > ul > li:not(.current-language):not(.current-menu-item) > a:hover,
#mobile-menu li.rvnski-language-switcher > ul > li:not(.current-language):not(.current-menu-item) > a:focus {
  color: var(--language-switcher-text) !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
}

#top nav > ul > li.rvnski-language-switcher > ul > li > a:hover,
#top nav > ul > li.rvnski-language-switcher > ul > li > a:focus,
#top nav > ul > li.rvnski-language-switcher > ul > li.sfHover > a,
#slide-out-widget-area li.rvnski-language-switcher > ul > li > a:hover,
#slide-out-widget-area li.rvnski-language-switcher > ul > li > a:focus,
#mobile-menu li.rvnski-language-switcher > ul > li > a:hover,
#mobile-menu li.rvnski-language-switcher > ul > li > a:focus {
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

.rvnski-language-switcher .menu-title-text:before,
.rvnski-language-switcher .menu-title-text:after,
.rvnski-language-switcher > ul > li > a:before,
.rvnski-language-switcher > ul > li > a:after {
  display: none !important;
  content: none !important;
  animation: none !important;
  transition: none !important;
}

#top nav > ul > li.rvnski-language-switcher > ul > li.current-language > a,
#top nav > ul > li.rvnski-language-switcher > ul > li.current-menu-item > a,
#slide-out-widget-area li.rvnski-language-switcher > ul > li.current-language > a,
#slide-out-widget-area li.rvnski-language-switcher > ul > li.current-menu-item > a,
#mobile-menu li.rvnski-language-switcher > ul > li.current-language > a,
#mobile-menu li.rvnski-language-switcher > ul > li.current-menu-item > a {
  color: #17365d !important;
  background: #fff !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

#header-outer:not(.transparent) .rvnski-language-switcher,
#header-outer.dark-text .rvnski-language-switcher {
  --language-switcher-bg: #edf3fc;
  --language-switcher-border: #dce7f7;
  --language-switcher-text: #5a6f90;
}

#header-outer.scrolled-down .rvnski-language-switcher {
  --language-switcher-inactive-text: #17365d;
}

#header-outer.transparent.dark-slide .rvnski-language-switcher,
#header-outer.dark-text .rvnski-language-switcher {
  --language-switcher-inactive-text: #17365d;
}

@media only screen and (max-width: 999px) {
  #slide-out-widget-area li.rvnski-language-switcher,
  #mobile-menu li.rvnski-language-switcher {
    display: inline-block !important;
    margin-top: 18px !important;
    --language-switcher-bg: #edf3fc;
    --language-switcher-border: #dce7f7;
    --language-switcher-text: #5a6f90;
  }

  /* Persisted mobile-header output contains the language options directly. */
  .cflow-mobile-only.mobile-header .inner > ul.sf-menu:has(> .rvnski-language-option) {
    display: flex !important;
    align-items: center;
    width: auto !important;
    height: 40px !important;
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    --language-switcher-inactive-text: #fff;
    --language-switcher-active-bg: rgba(255, 255, 255, 0.92);
  }

  .cflow-mobile-only.mobile-header .rvnski-language-option {
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .cflow-mobile-only.mobile-header .rvnski-language-switcher {
    display: flex !important;
    align-items: center;
    width: 80px !important;
    height: 40px !important;
    min-width: 80px !important;
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    --language-switcher-inactive-text: #fff;
    --language-switcher-active-bg: rgba(255, 255, 255, 0.92);
  }

  .cflow-mobile-only.mobile-header .rvnski-language-switcher > ul.sub-menu {
    position: static !important;
    display: flex !important;
    width: 80px !important;
    height: 40px !important;
    min-width: 80px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    transform: none !important;
    transition: none !important;
  }

  .cflow-mobile-only.mobile-header .rvnski-language-option > a,
  .cflow-mobile-only.mobile-header .rvnski-language-option > a:hover,
  .cflow-mobile-only.mobile-header .rvnski-language-option > a:focus {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .cflow-mobile-only.mobile-header .rvnski-language-option.current-language > a,
  .cflow-mobile-only.mobile-header .rvnski-language-option.current-menu-item > a {
    border-radius: 0 !important;
  }

  #header-outer.scrolled-down .cflow-mobile-only.mobile-header .inner > ul.sf-menu:has(> .rvnski-language-option),
  #header-outer.transparent.dark-slide .cflow-mobile-only.mobile-header .inner > ul.sf-menu:has(> .rvnski-language-option),
  #header-outer.dark-text .cflow-mobile-only.mobile-header .inner > ul.sf-menu:has(> .rvnski-language-option) {
    --language-switcher-inactive-text: #17365d;
    --language-switcher-active-bg: #edf3fc;
  }
}