$switcher-border-radius: 50% !default;
$switcher-size: 20px !default;

.header-switcher {
   display: flex;
   align-items: center;
   margin-right: $spacer;

   a {
      @include underline-never;

      transition: color $transition-speed;
      color: $white;
      display: flex;
      align-items: center;
      margin: 0 7px;

      @include haf{
         color: $header-sections-color-hover;
      }
   }

   @media screen and (max-width: $lg - 1) {
      display: none;
   }
}

.header-language {
   position: relative;
   display: inline-flex;
   flex-direction: row-reverse;

   img {
      aspect-ratio: 1;
      border-radius: $switcher-border-radius;
      object-fit: cover;
      margin: 0 7px;
      width: $switcher-size;
   }
}

.switcher-list {
   li {
      border-bottom: 1px solid $border-color;
      padding: 10px 0;

      &:last-child {
         border-bottom: 0;
      }
   }

   a {
      @include underline-never;

      display: inline-flex;
      text-transform: uppercase;
   }

   .switcher-link {
      display: flex;
      align-items: center;
      justify-content: space-between;
   }

   img {
      aspect-ratio: 1;
      border-radius: $switcher-border-radius;
      object-fit: cover;
      margin-right: 10px;
      width: $switcher-size;
   }
}

.responsive-switcher {
   display: flex;
   align-items: center;

   .header-switcher {
      display: flex;
   }
}
