/* Loaded first so the typography layer precedes historical presentation layers.
   The existing font stacks retain coverage for each writing system. */
@layer sanabit-alternativmedicin-type {
  body#homeopati-layout main h1:not(.visually-hidden):not(.HPVisuallyHidden) {
    font-weight: 450 !important;
  }

  body#homeopati-layout main :is(h2, h3):not(.visually-hidden):not(.HPVisuallyHidden) {
    font-weight: 500 !important;
  }

  body#homeopati-layout main.SBDirectory h2:not(.visually-hidden):not(.HPVisuallyHidden) {
    font-weight: 450 !important;
  }

  body#homeopati-layout .SBDirectory .HPLead {
    font-size: 19px !important;
  }

  body#homeopati-layout .SBDirectoryCard h3 {
    font-size: 21px !important;
  }

  body#homeopati-layout .SBDirectoryCard > p {
    font-size: 16px !important;
  }

  body#homeopati-layout .IFAccountMain h1 {
    font-size: 48px !important;
  }

  body#homeopati-layout .IFAccountMain :is(.IFPrimaryButton, .IFMembershipChoiceButton) {
    font-size: 17px !important;
    font-weight: 500 !important;
  }

  body#homeopati-layout .IFAccountMain .IFFormField {
    font-weight: 400 !important;
  }

  body#homeopati-layout main .IFMembershipChoiceKicker {
    font-size: 12px !important;
    font-weight: 600 !important;
  }

  body#homeopati-layout main .IFCheckoutProvider {
    font-size: 15px !important;
  }

  @media (max-width: 620px) {
    body#homeopati-layout .SBDirectory h1 {
      font-size: 32px !important;
    }

    body#homeopati-layout .IFAccountMain h1 {
      font-size: 30px !important;
    }
  }

  body#homeopati-layout header.HPHeader a:is([href*="/account/login/"], [href*="/account/register/"]) {
    font-size: 17px !important;
    font-weight: 400 !important;
  }

  @media (min-width: 621px) {
    body#homeopati-layout.HPPage-about main h1:not(.visually-hidden):not(.HPVisuallyHidden) {
      font-size: clamp(var(--sanabit-about-heading-min, 32px), 3.6vw, 48px) !important;
    }
  }

  /* Keep the reference size at the desktop breakpoint even with a reserved scrollbar. */
  @media (min-width: 1280px) {
    body#homeopati-layout.HPPage-about {
      --sanabit-about-heading-min: 46.08px;
    }
  }

  /* Keep the existing controls and split their visual order into two rows. */
  body#homeopati-layout header.HPHeader[data-sanabit-two-rows] > .HPHeaderMain {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: clamp(12px, 3vw, 32px) !important;
    row-gap: 10px !important;
    min-height: 0 !important;
    padding-block: 14px 0 !important;
  }

  body#homeopati-layout header.HPHeader[data-sanabit-two-rows] .HPBrand {
    grid-column: 1;
    grid-row: 1;
  }

  body#homeopati-layout header.HPHeader[data-sanabit-two-rows] .HPHeaderActions {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    min-inline-size: 0;
    max-inline-size: 100%;
  }

  body#homeopati-layout header.HPHeader[data-sanabit-two-rows] .HPMainNav {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    min-inline-size: 0;
    border-block-start: 1px solid #dbe5ea;
    padding-block: 4px;
  }

  @media (min-width: 761px) {
    body#homeopati-layout header.HPHeader[data-sanabit-two-rows] .HPMainNav {
      display: flex !important;
      justify-self: stretch !important;
      inline-size: 100% !important;
      margin-inline: 0 !important;
    }

    body#homeopati-layout header.HPHeader[data-sanabit-two-rows] .HPMobileMenu {
      display: none !important;
    }

    body#homeopati-layout header.HPHeader[data-sanabit-two-rows] .HPMainNav > .finder-sites-menu {
      margin-inline-start: auto !important;
    }
  }

  @media (max-width: 760px) {
    body#homeopati-layout header.HPHeader[data-sanabit-two-rows] > .HPHeaderMain {
      grid-template-columns: minmax(0, 1fr) !important;
      row-gap: 8px !important;
      padding-block-start: 10px !important;
    }

    body#homeopati-layout header.HPHeader[data-sanabit-two-rows] .HPHeaderActions {
      grid-column: 1;
      grid-row: 2;
      justify-self: stretch;
      display: flex !important;
      inline-size: auto !important;
      border-block-start: 1px solid #dbe5ea;
      padding-block: 4px;
    }
  }
}