/* -------------------------------------------------------------------------- */
/*                                LAYOUT: HEADER                              */
/* -------------------------------------------------------------------------- */

.l-header__general {

  .wpml-ls-legacy-list-horizontal {
    padding: 0;
    margin-right: 5px;

    ul {
      display: flex;
      gap: 5px;
      .wpml-ls-link {
        padding: 0;
        position: relative;
        transition: var(--transition);

        @media (max-width: 1336px) {
          img {
            width: 30px;
          }
        }

        .wpml-ls-item:first-child & {
          &::before {
            content: '';
            position: absolute;
            left: 0;
            top: 4px;
            height: 12px;
            width: 4px;
            @media (max-width: 1336px) {
              top: 0;
              height: 20px;
              width: 10px;
            }
            background-color: #005BBF;
          }
        }

        &:hover {
          scale: 1.2;
        }
      }
    }

  }

  ul.menu {
    li.menu-item {
      .menu-item-text, a {
        transition: var(--transition);
      }

      a {
        &:hover {
          scale: 1.05;
          .menu-item-text {
            color: var(--primary);
          }
        }
        .current-menu-item & {
          text-decoration: underline;
          text-underline-offset: 0.5rem;
          color: var(--white);
        }
      }

      ul.sub-menu {
        .l-header__transparent &{
          border-color: var(--white);
        }

        li.menu-item {
          &:has(a:hover) {
            border-color: var(--primary);
          }

          a {
            background: none;
            padding: 2rem 1rem;

            &:hover {
              background-color: var(--primary);
              scale: 1;
              .menu-item-text {
                color: var(--on-primary);
              }
            }

            .current-menu-item & {
              background-color: var(--black);
              color: var(--on-black);
              pointer-events: none;
              .menu-item-text {
                color: var(--on-black);
              }

            }
          }
        }
      }

      @media (min-width: 993px) {
        ul.menu > &:last-child {
          border: var(--black) solid 1.5px;
          .l-header__transparent & { border: var(--white) solid 1.5px; }
          border-radius: var(--border-radius-button);
          padding: 0.5rem 1rem;
          transition: var(--transition);
          color: var(--on-primary);
      
          &:hover {
            background-color: var(--primary);
            border-color: var(--primary);
            scale: 1.05;
      
            .menu-item-text {
              color: var(--on-white);
            }
          }

          &.current-menu-item {
            background-color: var(--black);
            border-color: var(--black);
            pointer-events: none;
      
            .menu-item-text {
              color: var(--on-black);
            }
          }
        }
      }
    }
  }

  .uabb-creative-menu-mobile-toggle-container {
    svg {
      rect {
        fill: var(--black);
        height: 5px;

        .l-header__transparent & {
          fill: var(--white); 
        }

        &.uabb-hamburger-menu-top {
          y: 10;
        }

        &.uabb-hamburger-menu-middle {
          y: 25;
        }

        &.uabb-hamburger-menu-bottom {
          y: 40;
        }
      }
    }
  }
}