/* Shared shell for the four Figma inner pages (file xwP9bW8ocVlkXfKa0HwLVf). */

.is-contact-page,
.is-about-page,
.is-services-page,
.is-cases-page {
  background: var(--mi-color-surface-dark);
}

.is-contact-page .mi-page-head,
.is-about-page .mi-page-head,
.is-services-page .mi-page-head,
.is-cases-page .mi-page-head {
  display: none;
}

.mi-breadcrumbs {
  display: flex;
  align-items: center;
  gap: calc(20px * var(--mi-s));
  width: 100%;
  height: calc(124px * var(--mi-s));
  padding: calc(40px * var(--mi-s)) var(--mi-gutter);
  color: #fff;
  font-size: var(--mi-fs-16);
  line-height: 1.5;
}

.mi-breadcrumbs a {
  opacity: 0.5;
  transition: opacity var(--mi-duration) var(--mi-ease);
}

.mi-breadcrumbs a:hover {
  opacity: 1;
}

.mi-footer--bar .mi-footer__bar {
  min-height: calc(308px * var(--mi-s));
  gap: calc(100px * var(--mi-s));
}

.mi-footer--bar,
.is-about-page .mi-footer,
.is-services-page .mi-footer {
  background: #112331;
}

.mi-footer__contacts .mi-footer__col:nth-child(1) {
  width: calc(313px * var(--mi-s));
}

.mi-footer__contacts .mi-footer__col:nth-child(2) {
  width: calc(180px * var(--mi-s));
}

.mi-footer__contacts .mi-footer__col:nth-child(3) {
  width: calc(169px * var(--mi-s));
}

.mi-footer__contacts .mi-footer__col:nth-child(4) {
  width: calc(150px * var(--mi-s));
}

.mi-footer__contacts .mi-footer__col:first-child p {
  white-space: pre-line;
}

/* Keep the two-line address and the complete phone number intact on compact
   desktop widths. The 1920px Figma column widths remain above this range. */
@media (min-width: 992px) and (max-width: 1599px) {
  .mi-footer__contacts {
    flex-shrink: 0;
  }

  .mi-footer__contacts .mi-footer__col {
    flex: 0 0 auto;
  }

  .mi-footer__contacts .mi-footer__col:nth-child(1) {
    width: calc(360px * var(--mi-s));
  }

  .mi-footer__contacts .mi-footer__col:nth-child(3) {
    width: calc(200px * var(--mi-s));
  }

  .mi-footer__contacts .mi-footer__col:nth-child(3) a {
    white-space: nowrap;
  }
}

.mi-footer--bar .mi-footer__brand,
.is-about-page .mi-footer__brand,
.is-services-page .mi-footer__brand {
  bottom: calc(-140px * var(--mi-s));
  height: 1.1em;
  line-height: 1.1;
}

.mi-js .mi-footer--bar[data-aos="footer"] .mi-footer__col,
.mi-js .mi-footer--bar[data-aos="footer"] .mi-footer__social,
.mi-js .mi-footer--bar[data-aos="footer"] .mi-footer__legal,
.mi-js .is-services-page .mi-footer[data-aos="footer"] .mi-footer__col,
.mi-js .is-services-page .mi-footer[data-aos="footer"] .mi-footer__social,
.mi-js .is-services-page .mi-footer[data-aos="footer"] .mi-footer__legal {
  opacity: 1;
  transform: none;
}

.mi-js .mi-footer--bar[data-aos="footer"] .mi-footer__brand.mi-reveal,
.mi-js .is-services-page .mi-footer[data-aos="footer"] .mi-footer__brand.mi-reveal {
  clip-path: inset(0 -2% 0 0);
  opacity: 0.5;
}

.is-about-page .mi-footer__cta,
.is-services-page .mi-footer__cta {
  display: none;
}

@media (max-width: 991px) {
  .mi-breadcrumbs {
    height: 84px;
    gap: 14px;
    padding: 28px 20px;
    font-size: 14px;
  }

  .mi-footer--bar .mi-footer__bar {
    min-height: 0;
    padding: 40px 20px 28px;
    gap: 36px;
  }

  .mi-footer--bar .mi-footer__inner,
  .mi-footer--bar .mi-footer__contacts {
    flex-direction: column;
    gap: 28px;
  }

  .mi-footer__contacts .mi-footer__col:nth-child(n) {
    width: 100%;
  }

  .mi-footer__contacts .mi-footer__col:first-child p {
    white-space: nowrap;
  }

  .mi-footer--bar .mi-footer__brand,
  .is-about-page .mi-footer__brand,
  .is-services-page .mi-footer__brand {
    bottom: -53px;
  }

  .mi-footer--bar .mi-footer__social {
    align-items: flex-start;
  }

	.mi-footer--bar .mi-footer__social-img {
		width: 168px;
		height: 48px;
	}

	.mi-footer--bar .mi-footer__social-links {
		width: 168px;
		height: 48px;
	}

  .mi-footer--bar .mi-footer__legal {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mi-js .mi-footer--bar[data-aos="footer"] .mi-footer__brand,
  .mi-js .is-about-page .mi-footer[data-aos="footer"] .mi-footer__brand,
  .mi-js .is-services-page .mi-footer[data-aos="footer"] .mi-footer__brand {
    bottom: calc(-140px * var(--mi-s)) !important;
    clip-path: inset(0 -2% 0 0) !important;
  }
}