// =====================================================
// Util
// --------------------------------------------------
// Author: Mintyy <info@mintyy.com.au>
// =====================================================

// No Scrollbar
// --------------------------------------------------

@layer utilities {
  /* Hide scrollbar for Chrome, Safari and Opera */
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  .no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
}

.make-freeform-pages-responsive {
  max-width: 100%;
  overflow: visible;

  .freeform-pages {
    flex-direction: row;
    gap: 0.5rem;
    overflow-x: scroll;
    padding-right: 1.5rem;
    position: relative;
    scrollbar-width: none;
    width: calc(100% + 1.5rem);
    white-space: nowrap;

    &::-webkit-scrollbar {
      display: none;
    }

    @include for-sm {
      width: calc(100% + 1.5rem);
    }

    @include for-lg {
      padding-right: 0;
      width: 100%;
    }

    li {
      display: inline;
      margin-right: 0;

      &:first-child:before {
        display: none;
      }

      &:before {
        content: '';
        width: 1rem;
        height: .125rem;
        background-color: $mintyy-gray-iii;
        display: inline-block;
        margin: .25rem 0.25rem .25rem 0;
      }

      &.active {
        color: $brand-terracotta-aa;

        ~ li {
          opacity: 0.5;
        }
      }
    }
  }
}

.freeform-form-errors {
  margin-bottom: 1rem;
}

.freeform-form-success {
  background-color: rgb(90, 200, 90, 0.7);
  border: solid 2px rgb(29 166 29);
  border-radius: 5px;
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
}