// Header

header.header-minimal {
  .header-minimal-contact {
    text-align: center;
  }

  .header-minimal-back-to-shop-button {
    color: var(--bs-btn-color);
  }
}

header.header-main {
    position: relative;
  z-index: 10;
  @include media-breakpoint-down(lg) {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--bs-primary);
  }

  .header-row {
    padding: 0;


    .header-logo-col {
      margin: 2rem 0;
      padding-bottom: 0;

      @include media-breakpoint-up(lg) {
        margin: 2.5rem 0;
      }

      .header-logo-picture img {
        @include media-breakpoint-down(sm) {
          max-width: 75%;
        }
      }
    }
  }


  div.header-search {
    max-width: none;
    margin: auto;

    @include media-breakpoint-down(sm) {
      padding-bottom: 1rem;
    }


    @include media-breakpoint-up(lg) {
      margin: 0;
    }

    .header-search-btn, .header-search-input {
      border-width: 2px;
      color: var(--bs-primary);

      &:focus {
        box-shadow: none;
      }
    }

    .header-search-input {
      transition: all .3s ease-in-out;

      @include media-breakpoint-up(lg) {
        max-width: 190px;
      }

      &:focus {
        @include media-breakpoint-up(lg) {
          //width: 380px;
          max-width: calc(100% - 50px);
        }
      }
    }

    .header-search-btn i[class*="fa-"] {
      font-size: 1.25rem;
    }
  }

  i[class*="fa-"] {
    font-size: 1.75rem;
  }

  .btn {
    --bs-btn-line-height: 1;
  }

  .header-actions-col .btn {
    --bs-btn-padding-x: 1rem;
    overflow: visible;

    i {
      color: var(--bs-primary);
    }

    .header-cart-badge {
      display: block;
      top: -5px;
    }
  }
}