/* hiding default elementor Header and Footer */
[data-elementor-type="header"],
[data-elementor-type="footer"] {
  display: none !important;
}

/* html:has(#wpadminbar) header {
  margin-top: 32px;
} */

body {
  --navHeightMax: 100px;
  /* --navHeightMin: 80px; */
  --navHeightMin: 100px; /* Override for now */

  --navHeightMaxMobile: 70px;
  /* --navHeightMinMobile: 50px; */
  --navHeightMinMobile: 70px; /* Override for now */

  overflow-x: hidden;

  /* Add spacing to body */
  /* margin-top: calc(var(--navHeightMax) + 60px); */

  header {
    /* position: fixed;
    top: 0;
    left: 0;
    right: 0;
    max-width: 100vw; */

    display: flex;
    align-items: center;

    z-index: 10;
    background-color: white;
    height: 100%;
    border-bottom: 1px solid transparent;

    transition: max-height 0.2s ease, border-color 0.2s ease;

    img {
      transition: max-width 0.2s ease;
      max-width: 200px;
      max-width: 150px; /* Override for now */
      height: auto;
      max-height: 60px;
    }

    &[data-state="maximized"] {
      height: var(--navHeightMax);
      max-height: var(--navHeightMax);
      transition: max-height 0.2s ease;
    }

    &[data-state="minimized"] {
      height: var(--navHeightMin);
      max-height: var(--navHeightMin);
      border-bottom: 1px solid #d8d8d8;

      img {
        max-width: 150px;
      }
    }

    .container {
      height: 100%;
      width: 100vw;
      max-width: 1280px;
      padding: 0 20px;
      margin: auto;

      display: flex;
      justify-content: space-between;
      align-items: center;

      .image-wrapper {
        display: flex;
        align-items: center;
        justify-content: flex-start;
      }

      .wpml-wrapper {
        .wpml-ls-link {
          color: #4c4c4c;
          transition: color 0.15s ease;
          padding: 10px 9px 7px 9px;

          &:hover {
            color: #f6a435;
          }
        }

        .wpml-ls-current-language .wpml-ls-link {
          font-weight: 700;
        }

        .wpml-ls-item:last-child .wpml-ls-link {
          padding-right: 0;
        }
      }
    }
  }
}

@media screen and (max-width: 769px) {
  body {
    header {
      img {
        max-width: 150px;
      }

      &[data-state="maximized"] {
        max-height: var(--navHeightMaxMobile);
      }

      &[data-state="minimized"] {
        max-height: var(--navHeightMinMobile);
      }
    }
  }
}