/* EngageFlow brand assets */

:root {
  --ef-blue: #0898f8;
  --ef-blue-deep: #5050f8;
  --ef-purple: #9000f8;
  --ef-pink: #e83088;
  --ef-orange: #f82000;
  --ef-black: #000000;
  --ef-white: #f8f8f8;
  --ef-light: #f8f0f0;
  --ef-gradient: linear-gradient(
    135deg,
    var(--ef-blue) 0%,
    var(--ef-blue-deep) 32%,
    var(--ef-purple) 52%,
    var(--ef-pink) 74%,
    var(--ef-orange) 100%
  );
}

.ef-logo {
  display: inline-flex;
  align-items: center;
}

.ef-logo__img {
  display: none;
  width: auto;
  height: 36px;
  max-width: 160px;
  object-fit: contain;
}

.ef-logo--header .ef-logo__img,
.mxd-logo .ef-logo__img {
  height: 34px;
  max-width: 150px;
}

.ef-logo--menu .ef-logo__img,
.menu-logo .ef-logo__img {
  height: 40px;
  max-width: 170px;
}

.ef-logo--loader .ef-logo__img {
  height: 48px;
  max-width: 200px;
}

.ef-logo--footer .ef-logo__img {
  height: clamp(4rem, 14vw, 10rem);
  max-width: none;
  width: min(100%, 520px);
}

.ef-logo__img--color {
  display: block;
}

.mxd-menu .ef-logo__img--color,
.mxd-loader .ef-logo__img--white-on-black,
.bg-color-opposite .ef-logo__img--color,
:root[color-scheme="dark"] .mxd-header .ef-logo__img--color {
  display: none;
}

.mxd-menu .ef-logo__img--white,
.mxd-loader .ef-logo__img--white-on-black,
.bg-color-opposite .ef-logo__img--white,
:root[color-scheme="dark"] .mxd-header .ef-logo__img--white {
  display: block;
}

.mxd-page-transition {
  background-image: url("../img/logo/engageflow-color-on-black.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: min(36vw, 200px);
}

.mxd-loader::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/logo/engageflow-black-on-light.png") center / min(28vw, 180px) no-repeat;
  opacity: 0.08;
  pointer-events: none;
}

.mxd-error__brand {
  display: block;
  margin: 0 auto 2rem;
}

.mxd-error__brand .ef-logo__img--black {
  display: block;
  height: 56px;
  margin: 0 auto;
}

.menu-logo__text,
.mxd-logo__text {
  display: none !important;
}

.nav-hidden {
  display: none !important;
}

/* Hide physical addresses site-wide */
.contact-address {
  display: none !important;
}

/* Contact page — scale big email text to fit the screen */
.headline-email-text .fullwidth-text__wrap {
  container-type: inline-size;
  width: 100%;
  max-width: 100%;
  padding-inline: clamp(1.2rem, 4vw, 3rem);
  box-sizing: border-box;
}

.headline-email-text .fullwidth-text__content.small {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  font-size: clamp(1.6rem, 8cqi, 9rem) !important;
  line-height: 1.05;
  letter-spacing: -0.03em;
  overflow: hidden;
  text-align: center;
}

.headline-email-text .fullwidth-text__content.small span,
.headline-email-text .fullwidth-text__content.small .char {
  display: inline-block;
  max-width: 100%;
  font-size: inherit;
  line-height: inherit;
}

/* Mobile — custom EngageFlow sections */
@media (max-width: 991px) {
  .headline-email-text {
    margin-top: clamp(3rem, 10vw, 7rem) !important;
  }

  .services-card__tags {
    max-width: 100%;
    gap: 1.5rem;
  }

  .mxd-stack-cards .card__descr {
    padding-inline: 1.6rem;
  }
}

@media (max-width: 767px) {
  .headline-email-text .fullwidth-text__wrap {
    padding-inline: 1.2rem;
  }

  .headline-email-text .fullwidth-text__content.small {
    font-size: clamp(1.35rem, 7cqi, 3.2rem) !important;
    letter-spacing: -0.04em;
  }

  .mxd-stack-cards .card__tags.desktop-right {
    align-items: flex-start;
  }

  .services-card__descr {
    font-size: clamp(1.6rem, 4.2vw, 2.2rem);
  }
}