/*THEME RED*/
.red-theme {
  .site-branding__logo img {
    max-height: clamp(70px, calc(70px + (100vw - 768px) * 22 / 232), 92px);
  }

  .page-text {
    --arrow-color: #D90030;
  }

  .button--primary,
  .button--secondary {
    &:hover {
      --color-secondary: #D90030;
    }
  }

  .block__more-info {
    background: #D90030;

    .bg-wave--more-info {
      top: -1px;
      bottom: -1px;
      right: 0;
      transform: none;
      width: auto;
      height: calc(100% + 2px);
      max-width: none;
    }

    .button--green,
    .button--border-green {
      --color-accent-complete: #fff;
      --color-table-bg: #DDE8F0;
      color: var(--color-primary);
    }

    .button--border-green {
      color: var(--color-white);
    }
  }

  .site-footer {
    background: #F2F2F2;
    color: var(--color-primary);

    a {
      color: var(--color-primary);
      transition: opacity .2s ease;

      svg {
        fill: var(--color-primary);
      }

      &:hover {
        color: var(--color-primary);
        opacity: .8;

        svg {
          fill: var(--color-primary);
        }
      }
    }
  }

  .footer-title {
    color: var(--color-primary);
  }

  .blue-bg-hero {
    background: #D90030;

    & h1 {
      display: inline-block;
      max-width: 80%;
    }

    .bg-wave {
      top: calc(-8rem - 1px);
      bottom: -1px;
      right: 0;
      transform: none;
      width: auto;
      height: calc(100% + 16rem + 1px);
      max-width: none;
    }
  }

  @media (max-width: 1199px) {
    .region--secondary-menu {
      margin-block-start: var(--sp1);
      margin-block-end: var(--sp1);
    }
  }

  @media (max-width: 768px) {
    .block__more-info {
      .bg-wave--more-info {
        opacity: .3;
      }
    }

    .blue-bg-hero {
      .bg-wave {
        top: calc(-4rem - 1px);
        bottom: -1px;
        height: calc(100% + 8rem + 1px);
        opacity: .3;
      }

      & h1 {
        max-width: 100%;
      }
    }
  }
}