.footer-main {
  background: $bcb-footer-bg;
  border-top: none;

  background-color: $bcb-footer-bg;
  border-color: $bcb-footer-border;

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

  .container {
    margin: 0 auto;

    @if $theme-footer-width == "1" {
      // Full-width-boxed
      width: 100%;
      max-width: $container-max-width;
    } @else {
      // Full-width
      max-width: none;
      margin: 0;
    }
  }

  .footer-columns {
    justify-content: space-between;
    position: relative;

    &.footer-two {
      padding-bottom: 40px;

      .col-md-4 {
        flex: 0 0 25%;
        max-width: 25%;
      }
    }

    &::after {
      content: "";
      height: 1px;
      background-color: $bcb-footer-border;
      position: absolute;
      left: 50%;
      width: 98%;
      top: 0;
      transform: translateX(-50%);
    }

    .col-md-4 {
      flex: 0 0 18%;
      max-width: 18%;

      &.bc-find-us {
        flex: 0 0 25% !important;
        max-width: 25% !important;
      }

      .footer-column-content-inner {
        .find-us-wrapper {
          display: flex;
          gap: 20px;
          margin-bottom: 20px;

          .find-us-icon {
            img {
              width: 22px;
              height: 20px;
            }
          }

          .find-us-content {
            color: $bcb-footer-link-color;
            font-size: $bcb-footer-column-nav-font-size + px;
            font-weight: 400;
            line-height: $bcb-footer-column-nav-lineheight + px;
            max-width: 195px;

            a {
              color: $bcb-footer-link-color;

              &:hover {
                text-decoration: none;
                color: $bcb-footer-link-color-hover !important;
              }
            }
          }

          &:first-child {
            margin-top: 20px;
          }
        }

        .footer-link-item {
          .footer-link {
            color: $bcb-footer-link-color;
            font-size: $bcb-footer-column-nav-font-size + px;
            font-weight: 400;
            line-height: $bcb-footer-column-nav-lineheight + px;
            transition: all 0.3s ease-in-out;
            text-decoration: none;

            &:hover {
              transition: all 0.3s ease-in-out;
              color: $bcb-footer-link-color-hover !important;
            }
          }
        }

        ul.footer-social-link {
          list-style: none;
          padding: 0;
          display: flex;
          gap: 10px;

          flex-wrap: wrap;
          margin-top: 20px;

          .footer-social-icon {
            width: 40px;
            height: 40px;
            background-color: $bcb-footer-socialsbottom-icons-backgorund-color;
            display: flex;
            justify-content: center;
            padding: 8px;
            transition: all 0.3s ease-in-out;
            cursor: pointer;
            border-radius: $bcb-footer-socialsbottom-icons-border-radius + px;

            &:hover {
              transition: all 0.3s ease-in-out;
              background-color: $theme-footer-socialsbottom-icons-backgorund-color-hover;
            }

            img {
              width: 100%;
            }

            a {
              display: flex;
              width: 100%;
              height: 100%;
            }
          }

          .alert {
            margin: 0;
            border: 1px solid $bcb-footer-link-color;
            padding: 5px 10px;
            font-size: 13px;
            border-radius: 3px;

            .close {
              position: absolute;
              top: 0;
              right: 0;
              padding: 0.75rem 1.25rem;
              color: inherit;
              background-color: transparent;
              border: 0;
              -moz-appearance: none;
              -webkit-appearance: none;
              appearance: none;
              float: right;
              font-size: 1.3125rem;
              font-weight: 700;
              line-height: 1;
              opacity: 0.5;
            }
          }
        }
      }
    }

    .footer-column-headline {
      font-size: $bcb-footer-column-headline-font-size + px;
      font-weight: $bcb-footer-column-headline-font-weight;
      line-height: $bcb-footer-column-headline-font-lineheight + px;
      color: $bcb-footer-column-headline-color;
      text-transform: $theme-footer-column-headline-text-transform;

      a {
        color: $bcb-footer-column-headline-color;
        pointer-events: none;
      }

      .icon {
        color: $bcb-footer-column-headline-color;
      }
    }
  }
  .payment-shipping-logo .logo-container {
    display: flex;
    flex-wrap: wrap;
  }
  .payment-shipping-logo .logo-container .imgbox,
  .payment-shipping-logo .logo-container .footer-logo.no-image {
    background-color: $bcb-footer-socialsbottom-icons-backgorund-color;
    border: 1px solid $sw-color-brand-primary;
    text-align: center;
    margin-bottom: 6px;
    margin-right: 6px;
    border-radius: $bcb-footer-socialsbottom-icons-border-radius + px;
    -moz-border-radius: $bcb-footer-socialsbottom-icons-border-radius + px;
    -webkit-border-radius: $bcb-footer-socialsbottom-icons-border-radius + px;
    padding: 5px 10px;
    line-height: normal;
    color: $bcb-whiteColor;
    font-size: 13px;
    &:hover {
      transition: all 0.3s ease-in-out;
      background-color: $theme-footer-socialsbottom-icons-backgorund-color-hover;
    }
  }

  .payment-shipping-logo .logo-container .imgbox img {
    max-width: 80px;
  }
  .bc-footer-bottom {
    align-items: center;
    display: block;
    position: relative;
    min-height: 54px;
    margin-top: 15px;

    &::after {
      content: "";
      height: 1px;
      background-color: $bcb-footer-border;
      position: absolute;
      left: 50%;
      width: 100%;
      top: 0;
      transform: translateX(-50%);
    }
    .footer-vat {
      p {
        margin: 0;
        padding: 20px 10px 10px 10px;
      }
    }
    .footer-service-menu-list {
      padding: 0;
      margin: 0;
    }

    .footer-copyright {
      width: 100%;
      text-align: center;
      color: $bcb-copyright-color;
      font-size: $bcb-copyright-font-size + px;
      line-height: normal;
      padding: 10px 0 20px 0;
    }

    .footer-logos {
      justify-content: end;
      padding-right: 0;

      .footer-logo {
        margin-bottom: 0;
        margin-right: 10px;

        &:last-child {
          margin-right: 0;
        }
      }

      .is-payment {
        img {
          max-height: 40px;
          max-width: 70px;
        }
      }
    }
  }

  .footer-bottom {
    border-top: 1px solid $bcb-footer-border;
    display: none;
  }

  .footer-version-two {
    .footer-two {
      border-top: 1px solid $bcb-footer-border;
      padding-top: 40px;
    }

    .footer-columns {
      &:first-child {
        &::after {
          display: none;
        }
      }

      &::after {
        display: none;
      }
    }

    .footer-column-headline {
      padding-top: 0;
      text-transform: $theme-footer-column-headline-text-transform;
    }

    .bc-footer-bottom {
      display: block;

      .footer-columns {
        .footer-column-headline {
          padding-top: 0;
          text-transform: $theme-footer-column-headline-text-transform;
        }

        .footer-social-link {
          flex-wrap: wrap;
        }
      }

      .footer-social-link {
        margin-top: 0;
      }

      &::after {
        display: none;
      }

      .footer-logo-warpper {
        display: flex;
        flex-wrap: wrap;

        .footer-logo {
          margin-bottom: 10px;
          margin-right: 10px;

          img {
            max-width: 80px;
            max-height: 40px;
          }
        }
      }

      .certificate-warpper {
        display: flex;
        flex-wrap: wrap;

        .bc-footer-certificate {
          width: 64px;
          height: 64px;
          margin-right: 10px;
          margin-bottom: 10px;

          img {
            max-width: 100%;
            height: 100%;
            width: 100%;
          }
        }
      }

      .footer-copyright {
        width: 100%;
        border-top: 1px solid #ebebeb;
        padding: 15px 0;
        text-align: center;
      }
    }

    .bc-find-us {
      .footer-column-headline {
        display: none;
      }

      .footer-main-logo {
        max-width: 220px;
        height: 74px;

        img {
          width: 100%;
          height: auto;
        }
      }

      .footer-column-content-inner {
        .find-us-wrapper {
          .find-us-icon {
            display: none;
          }

          .find-us-content {
            max-width: 100%;
          }
        }
      }
    }
  }
}

.footer-social-link {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 10px;

  flex-wrap: wrap;

  .footer-social-icon {
    width: 40px;
    height: 40px;
    background-color: $bcb-footer-socialsbottom-icons-backgorund-color;
    display: flex;
    justify-content: center;
    padding: 8px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;

    border-radius: $bcb-footer-socialsbottom-icons-border-radius + px;

    &:hover {
      transition: all 0.3s ease-in-out;
      background-color: $theme-footer-socialsbottom-icons-backgorund-color-hover;
    }

    img {
      width: 100%;
      margin-bottom: 3px;
    }
  }

  .alert {
    margin: 0;
    border: 1px solid $bcb-footer-link-color;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 3px;

    .close {
      position: absolute;
      top: 0;
      right: 0;
      padding: 0.75rem 1.25rem;
      color: inherit;
      background-color: transparent;
      border: 0;
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      float: right;
      font-size: 1.3125rem;
      font-weight: 700;
      line-height: 1;
      opacity: 0.5;
    }
  }
}

.scroll-up-button {
  .btn-primary {
    border-radius: $theme-scroll-up-border-radius + px;
    background: $theme-scroll-up-background-color;
    border-color: $theme-scroll-up-border-color;
    box-shadow: $theme-scroll-up-box-shadow $theme-scroll-up-box-shadow-color;

    .icon {
      color: $theme-scroll-up-color;
    }
  }

  &:hover {
    .btn-primary {
      background: $theme-scroll-up-background-color-hover;
      border-color: $theme-scroll-up-border-color-hover;

      .icon {
        color: $theme-scroll-up-color-hover;
      }
    }
  }
}

@media (min-width: 768px) {
  .col-bc-4.col-md-4 {
    flex: 0 0 auto !important;
    max-width: 33.33333333% !important;
  }
}

@media (min-width: 992px) {
  .footer-version-two {
    .footer-two {
      padding-top: 40px;

      .col-md-4 {
        flex: 0 0 22.66% !important;
        max-width: 22.66% !important;

        &.bc-find-us {
          flex: 0 0 32% !important;
          max-width: 32% !important;
        }
      }
    }

    .bc-footer-bottom {
      display: block;

      .col-lg-3 {
        flex: 0 0 22.66% !important;
        max-width: 22.66% !important;

        &.certificate-wrap {
          flex: 0 0 32% !important;
          max-width: 32% !important;
        }
      }
    }
  }
}

@media (max-width: 1199.98px) {
  .footer-column-headline {
    font-size: 16px;
  }

  .footer-main {
    .footer-columns {
      .col-md-4 {
        .footer-column-content-inner {
          .footer-link-item {
            .footer-link {
              font-size: 14px;
              line-height: 30px;
            }
          }

          .find-us-wrapper {
            .find-us-content {
              font-size: 14px;
              line-height: 20px;
            }
          }
        }
      }
    }

    .bc-footer-bottom {
      .footer-copyright {
        font-size: 14px;
        line-height: 35px;
      }
    }

    .footer-version-two {
      .footer-columns {
        .footer-column-headline {
          font-size: 16px;
        }
      }
    }
  }
}

@media (max-width: 991.98px) {
  .footer-main {
    .footer-columns {
      .col-md-4 {
        flex: 0 0 25%;
        max-width: 25%;

        &.bc-find-us {
          flex: 0 0 100% !important;
          max-width: 100% !important;

          .footer-column-content-inner {
            .footer-social-link {
              justify-content: center;
            }
          }
        }
      }
    }

    .footer-version-two {
      .footer-columns {
        &.footer-two {
          .col-md-4 {
            flex: 0 0 21%;
            max-width: 21%;

            &.bc-find-us {
              flex: 0 0 32% !important;
              max-width: 32% !important;

              .find-us-wrapper {
                justify-content: start;

                .find-us-content {
                  text-align: start;
                }
              }
            }
          }

          &::after {
            display: none;
            left: 68%;
            width: 58%;
          }
        }

        .footer-column-headline {
          font-size: 16px;
        }
      }

      .bc-footer-bottom {
        .footer-columns {
          &::after {
            left: 46%;
            width: 80%;
            display: none;
          }
        }
      }

      .footer-two {
        .col-md-4 {
          padding-left: 10px;
          padding-right: 10px;

          &.bc-find-us {
            padding-left: 20px;
            padding-right: 20px;
          }
        }
      }
    }
  }
}

@media (max-width: 767.98px) {
  .footer-main {
    .newletter-wrapper {
      width: 100%;
    }

    .footer-version-two {
      .footer-columns.footer-two {
        padding-bottom: 0;

        .col-md-4.bc-find-us {
          flex: 0 0 100% !important;
          max-width: 100% !important;

          .collapse:not(.show) {
            display: block;
          }
        }

        .col-md-4 {
          padding-left: 20px;
          padding-right: 20px;
        }
      }

      .bc-footer-bottom {
        .footer-columns {
          border-bottom: 1px solid #ebebeb;
          margin-bottom: 0;
          margin-top: 0;
          padding-top: 10px;
          padding-bottom: 10px;
        }

        .footer-copyright {
          border: none;
        }
      }
    }

    .footer-columns {
      padding-top: 30px;
      .col-md-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;

        &.bc-find-us {
          flex: 0 0 100% !important;
          max-width: 100% !important;

          .footer-column-headline {
            justify-content: space-between;
          }

          .footer-column-content-inner {
            .find-us-wrapper {
              justify-content: start;
              text-align: start;
            }

            .footer-social-link {
              justify-content: start;
            }
          }
        }
      }

      &::after {
        display: none;
      }

      .footer-column-headline {
        font-size: 16px;
        line-height: normal;
      }
    }
    .footer-social-link {
      margin-top: 20px !important;
    }
    .bc-footer-bottom {
      flex-direction: column;
      margin-top: 15px;

      &::after {
        display: none;
      }

      .footer-copyright {
        text-align: center;
        width: 100%;
      }

      .footer-logos {
        justify-content: center;

        .footer-logo {
          margin-bottom: 15px;

          img {
            max-height: 34px;
            max-width: 50px;
          }
        }
      }
    }
    .payment-shipping-logo {
      padding: 15px 0 10px 0;
    }
  }
}
