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

// High contrast - change colour of all primary brand
// colours when this class is active on the html element
// --------------------------------------------------

.high-contrast {
  .bg-brand-terracotta-i,
  .bg-brand-terracotta-aa {
    background-color: $black-primary;
  }

  .bg-brand-terracotta-aaa {
    background-color: $black-pure;
  }

  .\!bg-brand-terracotta-aaa {
    background-color: $black-pure !important;
  }

  .text-brand-terracotta-i,
  .text-brand-terracotta-aa {
    color: $black-primary;
  }

  .text-brand-terracotta-aaa {
    color: $black-pure;
  }

  .\!text-brand-terracotta-aaa {
    color: $black-pure !important;
  }

  .border-brand-terracotta-i,
  .border-brand-terracotta-aa {
    border-color: $black-primary;
  }

  .border-brand-terracotta-aaa {
    border-color: $black-pure;
  }

  .\!border-brand-terracotta-aaa {
    border-color: $black-pure !important;
  }
}

// .200%
.\32 00\% {
   .footer-top-wrapper {
     flex-direction: column;
     padding: 0;

     .links-wrapper {
       display: flex;
       flex-direction: column;
       padding-top: 1rem;

       .header-link {
         padding: 1rem 2rem;
         width: 100%;
       }
     }
   }

   .footer-newsletter-form {
     .freeform-button-container {
       position: relative;
       margin-top: 1rem;

       .freeform-button-wrapper {
         padding: 0;
       }

       .form-button {
         background-color: $white-primary;
         color: $brand-terracotta-aa;
       }
     }
   }

  @include for-sm {
    .search-results-wrapper {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .footer-top-wrapper {
      .logo-wrapper {
        padding: 2rem 2rem 0;
      }

      .links-wrapper {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    .footer-bottom-wrapper {
      align-items: flex-start;
      flex-direction: column;
      padding-right: 2rem;
    }
  }

  @include for-lg {
    .search-results-wrapper {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .footer-top-wrapper {
      .links-wrapper {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
  }

  @include for-lg {
    .footer-top-wrapper {
      .links-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: center;

        .header-link {
          width: auto;
        }
      }
    }
  }

  @include for-2xl {
    .search-results-wrapper {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
}

// .300%
.\33 00\% {
  .footer-top-wrapper {
    flex-direction: column;
    padding: 0;

    .logo-wrapper {
      padding: 2rem 2rem 0;
    }

    .links-wrapper {
      display: flex;
      flex-direction: column;
      padding-top: 1rem;

      .header-link {
        padding: 1rem 2rem;
        width: 100%;
      }
    }
  }

   .footer-newsletter-form {
     .freeform-button-container {
       position: relative;
     }
   }

  @include for-sm {
    .search-results-wrapper {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .footer-bottom-wrapper {
      align-items: flex-start;
      flex-direction: column;
      padding-right: 2rem;
    }

    .footer-newsletter-form {
      .freeform-button-container {
        bottom: 0.25rem;
        position: absolute;
      }
    }
  }

  @include for-md {

  }

  @include for-xl {
    .search-results-wrapper {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
}

// Used for clamping the accessibility menu
.text-max-base {
  font-size: clamp(16px, 1rem, 16px);
}

.text-max-lg {
  font-size: clamp(16px, 1.125rem, 18px);
}