@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  @font-face {
    font-family: 'Lorimer';
    src: url('/fonts/Lorimer.woff2') format('woff2'),
      url('/fonts/Lorimer.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Neue Regrade';
    src: url('/fonts/NeueRegrade.woff2') format('woff2'),
      url('/fonts/NeueRegrade.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Neue Regrade';
    src: url('/fonts/NeueRegrade-Bold.woff2') format('woff2'),
      url('/fonts/NeueRegrade-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }

  .lorimer {
    font-family: 'Lorimer', -apple-system, BlinkMacSystemFont, “Roboto”,
      “Droid Sans”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
  }

  .neue-regrade {
    font-family: 'Neue Regrade', -apple-system, BlinkMacSystemFont, “Roboto”,
      “Droid Sans”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
  }

  .new-spirit {
    font-family: 'new-spirit', serif;
  }

  body {
    @apply text-green-dark;
    @apply neue-regrade;
  }

  h1,
  h2 {
    @apply lorimer;
  }
  h3,
  h4,
  h5,
  h6 {
    @apply new-spirit;
  }

  p:empty {
    @apply hidden;
  }

  p a {
    @apply font-medium underline text-green;
  }

  select option {
    color: #000 !important;
  }

  .searchWrapper {
    padding: 0 !important;
    border: none !important;
  }

  .multiSelectContainer input {
    height: 31px !important;
    margin-top: 0 !important;
  }

  .chip {
    @apply bg-green !important;
  }

  .grecaptcha-badge {
    @apply hidden !important;
  }
}

@layer utilities {
  /* Prevent content overflow in isolated HTML wrapper */
  .isolated-html-wrapper * {
    max-width: 100%;
    box-sizing: border-box;
  }
}