.is-act-home {
  .header-main {
    .header-two {
      position: absolute;
      background-color: transparent;
      box-shadow: none;
    }
  }
}

.logo-dektop-transparente {
  display: none;
}

.header-main-one {
  background-color: $bcb-headerstyle-bg;
}

.header-account-menu {
  .account-aside-btn {
    display: flex;
    align-items: center;
    .icon {
      margin-right: 10px;
      margin-bottom: 7px;
      svg {
        height: 25px;
        top: 0;
      }
    }
  }
}

.header-main {
  .container {
    width: 100%;
    max-width: 100%;
    max-width: none;
    padding: 0;
    position: relative;

    .header-row {
      .header-actions-col {
        .cart-set {
          margin-right: 0px;

          .col.d-lg-none {
            padding-left: 0;
            padding-right: 0;
          }

          .col.d-xl-none {
            padding-left: 0;
            padding-right: 0;
          }
        }

        .header-actions-btn {
          svg {
            path {
              fill: $bcb-header-action-btn-icon-color;
            }
          }

          .header-cart-total {
            color: $bcb-header-action-btn-icon-color;
            font-size: $bcb-header-action-btn-font-size + px;
            display: inline-block;
            margin-left: 0.5rem;
          }

          &:hover {
            .header-cart-total {
              color: $bcb-header-action-btn-icon-hover-color;
            }

            svg {
              path {
                fill: $bcb-header-action-btn-icon-hover-color;
              }
            }
          }
        }

        .search-toggle-btn {
          svg {
            path {
              fill: $bcb-header-action-btn-icon-color;
            }
          }

          &:hover {
            svg {
              path {
                fill: $bcb-header-action-btn-icon-hover-color;
              }
            }
          }
        }

        .header-cart {
          background: rgba($bcb-header-action-backgorund-color, 0.2);
          border-radius: 100px;
          margin-left: 10px;
        }

        .menu-button {
          .header-actions-btn {
            &:hover {
              background: none;
            }
          }
        }

        .col-auto {
          padding-right: 0;
          padding-left: 0;
        }
      }

      .header-actions-btn-toggle {
        &:focus {
          box-shadow: none;
        }
      }
    }

    .header-search-col {
      .collapse {
        &:not(.show) {
          display: none;
        }
      }
    }

    .header-one {
      .header-row {
        // Layout "Full-width" oder "Full-width-boxed"
        @if $theme-header-additional-maxwidth == "1" {
          // Full-width-boxed
          width: 100%;
          max-width: $container-max-width;
          margin: 0 auto;
        } @else {
          // Full-width
          max-width: none;
          margin: 0;
        }
      }
    }

    .header-two {
      .header-row {
        // Layout "Full-width" oder "Full-width-boxed"
        @if $theme-header-additional-maxwidth == "1" {
          // Full-width-boxed
          width: 100%;
          max-width: $container-max-width;
          margin: 0 auto;
        } @else {
          // Full-width
          max-width: none;
          margin: 0;
        }
      }

      .nav-main {
        // Layout "Full-width" oder "Full-width-boxed"
        @if $theme-header-additional-maxwidth == "1" {
          // Full-width-boxed
          width: 100%;
          max-width: $container-max-width;
          margin: 0 auto;
        } @else {
          // Full-width
          max-width: none;
          margin: 0;
        }
      }
    }

    .header-three {
      .header-row {
        // Layout "Full-width" oder "Full-width-boxed"
        @if $theme-header-additional-maxwidth == "1" {
          // Full-width-boxed
          width: 100%;
          max-width: $container-max-width;
          margin: 0 auto;
        } @else {
          // Full-width
          max-width: none;
          margin: 0;
        }
      }
    }
  }
  #topbarCollapse.show {
    & + .header-one {
      .main-navigation {
        .navigation-flyouts {
          top: 122px;
        }
      }
    }
  }
}

.header-one {
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  margin-right: auto;
  margin-left: auto;

  box-shadow: $bct-header-layout-shadow $bct-header-layout-shadow-color;

  background: $theme-header-bg;

  @if $bct-header-background-image != "" {
    -webkit-background-size: $bct-header-background-size;
    background-size: $bct-header-background-size;
    background-position: $bct-header-background-image-position;
    background-repeat: $bct-header-background-repeat;
    background-image: url("#{$bct-header-background-image}");
  }

  .header-row {
    justify-content: space-between;
    padding: 10px 6px;

    .header-logo-col {
      width: 18%;
      padding-left: 0;
      padding-bottom: 0;

      .header-logo-picture {
        width: $theme-logo-additional-maxwidth;
        margin-left: 0;
      }
    }

    .header-actions-col {
      display: flex;
      width: auto;
      flex: 0 0 auto;
      padding: 0;
      align-items: center;

      .header-actions-btn {
        border-radius: 100px;
        display: flex;
        align-items: center;
        border: 1px solid transparent;
        overflow: inherit;

        &:hover {
          background: rgba($bcb-header-action-backgorund-color, 0.2);
        }
      }

      .header-actions-btn-toggle {
        order: 2;
        margin-left: 10px;
        border-radius: 30px;
      }

      svg {
        width: 22px;
        height: 40px;
      }

      .icon-stack {
        margin-top: 4px;

        svg {
          width: 100%;
          height: 100%;
        }
      }
    }
  }
}

.header-two {
  max-width: 100%;
  width: 100%;
  position: relative;
  z-index: 3;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;

  box-shadow: $bct-header-layout-shadow $bct-header-layout-shadow-color;

  background: $theme-header-bg;

  @if $bct-header-background-image != "" {
    -webkit-background-size: $bct-header-background-size;
    background-size: $bct-header-background-size;
    background-position: $bct-header-background-image-position;
    background-repeat: $bct-header-background-repeat;
    background-image: url("#{$bct-header-background-image}");
  }

  .header-row {
    justify-content: space-between;
    padding: 0;

    .header-logo-col {
      transform: translate(0px, 20px);

      .header-logo-main {
        width: $theme-logo-additional-maxwidth;
      }
    }

    .header-actions-col {
      display: flex;
      align-items: center;
      padding-right: 0;

      svg {
        width: 22px;
        height: 22px;
      }
    }

    .nav-main-toggle-btn {
      svg {
        top: 8px;
      }
    }
  }
}

.header-three {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-right: auto;
  margin-left: auto;

  box-shadow: $bct-header-layout-shadow $bct-header-layout-shadow-color;

  background: $theme-header-bg;

  @if $bct-header-background-image != "" {
    -webkit-background-size: $bct-header-background-size;
    background-size: $bct-header-background-size;
    background-position: $bct-header-background-image-position;
    background-repeat: $bct-header-background-repeat;
    background-image: url("#{$bct-header-background-image}");
  }

  .header-row {
    justify-content: space-between;
    padding: 10px 6px;

    .header-logo-col {
      padding-left: 0;
      padding-bottom: 0;
      padding-right: 0;

      .header-logo-picture {
        width: $theme-logo-additional-maxwidth;
        margin-left: 0;
      }
    }

    .header-actions-col {
      display: flex;
      width: auto;
      flex: 0 0 auto;
      padding: 0;
      align-items: center;
      min-width: 20%;
      justify-content: end;

      .header-actions-btn {
        border-radius: 100px;
        display: flex;
        align-items: center;
        border: 1px solid transparent;
        overflow: inherit;

        &:hover {
          background: rgba($bcb-header-action-backgorund-color, 0.2);
        }
      }

      .header-actions-btn-toggle {
        order: 2;
        margin-left: 10px;
        border-radius: 30px;
      }

      svg {
        width: 22px;
        height: 40px;
      }

      .icon-stack {
        margin-top: 4px;

        svg {
          width: 100%;
          height: 100%;
        }
      }
    }

    .header-three-left {
      &.header-actions-col {
        justify-content: flex-start !important;

        .col-auto {
          padding: 0;
        }
      }
    }
  }
  .top-bar-is-open {
    .navigation-flyouts {
      top: 130px !important;
    }
  }

  .navigation-flyouts {
    left: 0;

    .navigation-flyout {
      top: 55px;
    }

    .container {
      padding-right: 20px;
      padding-left: 20px;
    }
  }
}

.is-ctl-auth {
  &.is-act-loginpage {
    main {
      &.content-main {
        padding-top: 65px;
      }
    }
  }
}

.header-wishlist .badge-primary {
  background-color: $bcb-brand-primary;
}
@media (min-width: 992px) {
  .is-act-home {
    .header-main {
      .header-two {
        .logo-dektop-transparente {
          display: block;
        }

        .logo-dektop-solidhide {
          display: none;
        }
      }
    }
  }
}

@media screen and (max-width: 1024px) {
  .header-main {
    .header-one {
      .header-row {
        .header-actions-btn-toggle {
          display: none;
        }
      }
    }
  }
}

@media (max-width: 991.98px) {
  .header-main {
    .header-two {
      position: relative !important;
      padding: 10px;

      .header-row {
        .header-actions-col {
          .header-cart {
            background: no-repeat;
            margin-left: 0;
          }

          .header-actions-btn-toggle {
            display: none;
          }
        }

        .header-logo-col {
          margin: 0;
          padding-bottom: 0;
          transform: translate(0px);
        }
      }
    }

    .header-one {
      .header-row {
        .header-logo-col {
          margin: 0;
          padding-bottom: 0;
        }
      }
    }

    .header-search-col-header-two {
      position: relative;
      top: 0;
      z-index: 2;
    }

    .header-three {
      .header-actions-col .header-actions-btn .header-cart-total {
        display: none;
      }

      .nav-main {
        padding: 0;
      }

      .header-three-left.header-actions-col .col {
        padding-left: 0;
        padding-right: 0;
      }

      .header-actions-col .icon-stack {
        margin-top: -10px;
      }

      .header-row .header-actions-col .header-actions-btn-toggle {
        display: none;
      }
    }
  }
}

@media (max-width: 767.98px) {
  .header-main {
    .header-one {
      .container {
        padding-left: 20px;
        padding-right: 20px;
      }

      .header-row {
        .header-actions-col {
          .header-cart {
            background: transparent;

            .header-cart-btn {
              padding: 2px 8px;

              .header-cart-badge {
                display: block;
                background: $bcb-brand-primary;
              }

              .header-cart-total {
                display: none;
              }
            }
          }
        }
      }
    }

    .header-two {
      .header-row {
        .header-actions-col {
          .header-cart-btn {
            padding: 2px 8px;

            .header-cart-badge {
              display: block;
              background: $bcb-brand-primary;
            }

            .header-cart-total {
              display: none;
            }
          }
        }
      }
    }

    .header-three {
      padding-left: 0px;
      padding-right: 0px;

      .header-row .header-actions-col {
        padding-right: 10px;

        .header-cart-badge {
          display: block;
          background: $bcb-brand-primary;
        }
      }
    }
  }
}

@media (max-width: 575.98px) {
  .header-main {
    .header-one {
      .header-row {
        .header-logo-col {
          width: 100%;
          padding: 0;

          .header-logo-picture {
            width: 160px;

            text-align: start;
            margin: 0 auto;
          }
        }

        .header-actions-col {
          width: 100%;
          justify-content: center;

          .cart-set {
            width: 100%;
            justify-content: space-between;
            margin-right: 0;
          }
        }
      }
    }

    .header-two {
      .header-row {
        .header-logo-col {
          width: 20%;
          flex: 0 0 20%;

          .header-logo-picture {
            width: 160px;
            margin-left: 0;
            text-align: start;
          }
        }

        .header-actions-col {
          width: 60%;
          flex: 0 0 60%;
          padding-right: 20px;
          justify-content: end;
        }
      }
    }

    .header-three {
      .header-row .header-actions-col {
        min-width: 35%;
        order: 2;
      }

      .header-row .header-logo-col {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        justify-content: center;
        display: flex;
      }
    }
  }
}

@media screen and (max-width: 499px) {
  .header-main {
    .header-one {
      .header-row {
        padding: 20px 0 5px 0;
        flex-direction: column;

        .header-logo-col {
          width: 100%;
          padding-right: 0;

          .header-logo-picture {
            margin: 0 auto;
          }
        }
      }
    }

    .header-two {
      .header-row {
        .header-logo-col {
          width: 100%;
          flex: 0 0 100%;

          .header-logo-main {
            margin: 0 auto;

            .header-logo-picture {
              width: 160px;
              margin: 0 auto;
            }
          }
        }

        .header-actions-col {
          width: 100%;
          flex: 0 0 100%;

          justify-content: center;
          padding: 0;

          .cart-set {
            width: 100%;
          }
        }
      }
    }
    
      .header-three {
        .header-row {
          .header-actions-col {
            .header-cart {
              margin-left: 0;
            }
          }
        }
      }
   
  }
}
