/* Icons */
.elementor-icon-wrapper {
  display: flex;
}
/* Bold */
strong,
b {
  font-weight: 700 !important;
}
/* A-Tag Textdecoration */
a {
  text-decoration-thickness: 1px !important;
}
.unterline-a {
  a {
    text-decoration: underline;
  }
}
/* Fixed Contact Button */
.contact-fixed {
  display: flex !important;
  width: fit-content !important;
  position: fixed !important;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  &:after {
    content: "";
    position: absolute;
    right: 30px;
    top: 0;
    width: calc(100% - 30px);
    background: linear-gradient(180deg, #007d67 0%, #003c4d 100%);
    height: 100%;
    position: absolute;
    z-index: -1;
    opacity: 0;
    transition: 0.5s ease-in-out !important;
    @media (max-width: 767px) {
      width: calc(100% - 17px);
      right: 17px;
    }
  }
  .elementor-icon-list--layout-traditional {
    max-width: 0px !important;
    overflow: hidden;
    transition: 0.5s ease-in-out !important;
    opacity: 1;
    ul {
      padding: 0px 100px 0px 20px !important;
      li {
        white-space: nowrap;
      }
    }
  }
  &.active {
    &:after {
      opacity: 1;
    }
    .elementor-icon-list--layout-traditional {
      max-width: 210px !important;
      opacity: 1;
    }
  }
}
body.page-id-798 {
  .contact-fixed {
    display: none !important;
  }
}

/* USP Slider */
.usp-slider {
  @media (min-width: 767px) {
    .elementor-swiper-button {
      display: none !important;
    }
  }
  @media (min-width: 767px) and (max-width: 1024px) {
    .swiper-wrapper {
      transform: none !important;
      display: flex;
      flex-wrap: wrap;
      overflow: visible !important;
      gap: 20px;
      .swiper-slide {
        margin: 0 !important;
        width: calc(50% - 10px) !important;
      }
    }
    .elementor-swiper-button {
      display: none;
    }
  }
}

/* List Style */
body:not(.elementor-editor-active) {
  .elementor-widget-text-editor {
    ul:not(.elementor-editor-element-setting) {
      padding: 0;
      list-style-type: none;
      display: flex;
      flex-direction: column;
      gap: 10px;
      li {
        padding-left: 25px;
        position: relative;
        &:before {
          content: "";
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          min-width: 15px;
          width: 15px;
          height: 15px;
          background-image: url("/wp-content/themes/Eberhardt-Service-Theme/assets/media/polygon.svg");
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
        }
      }
      &.white {
        li {
          &:before {
            background-image: url("/wp-content/themes/Eberhardt-Service-Theme/assets/media/polygon-white.svg");
          }
        }
      }
    }
  }
}

/* Toggle Widget */
.toggle-widget {
  summary {
    padding-bottom: 10px !important;
  }
}

/* Elementor Form Checkbox */
.elementor-form {
  .elementor-field-type-acceptance,
  .elementor-field-type-checkbox {
    .elementor-field-option {
      flex-basis: auto;
      input {
        display: none !important;
      }
      label {
        display: block !important;
        padding-left: 35px;
        position: relative;
        cursor: pointer;
        a {
          font-family:
            var(--e-global-typography-a459ee0-font-family), Sans-serif;
          font-size: var(--e-global-typography-a459ee0-font-size);
          font-weight: var(--e-global-typography-a459ee0-font-weight);
          line-height: var(--e-global-typography-a459ee0-line-height);
          text-decoration: underline;
        }
        &:before {
          content: "";
          display: flex;
          width: 20px;
          min-width: 20px;
          height: 20px;
          border: 1px solid #fff;
          position: absolute;
          left: 0px;
          top: 50%;
          transform: translateY(-50%);
        }
      }
      &:has(input:checked) {
        label {
          &:before {
            background-image: url("/wp-content/themes/Eberhardt-Service-Theme/assets/media/check.svg");
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-color: #fff;
          }
        }
      }
    }
  }
}