/* Static mirror runtime fixes scoped to captured LikeSoon sections. */
.mtp-sliders,
.mtp-sliders .mtp-story,
.mtp-sliders .mtp-story.slider,
.mtp-sliders .swiper-wrapper,
.mtp-sliders .swiper-slide {
  height: auto !important;
  min-height: 0 !important;
}

.mtp-sliders .mtp-story.slider {
  overflow: visible !important;
}

.mtp-case,
.mtp-case .case-box-container,
.mtp-case .timeline-swiper,
.mtp-case .swiper-wrapper,
.mtp-case .swiper-slide,
.mtp-case .case-box .text {
  height: auto !important;
  min-height: 0 !important;
}

.mtp-case .case-box-container,
.mtp-case .timeline-swiper {
  overflow: hidden !important;
}

.best-swiper,
.best-swiper .swiper-wrapper,
.best-swiper .swiper-slide,
.best-swiper .item,
.package-swiper .item {
  height: auto !important;
  min-height: 0 !important;
}

.bf-16 #ratesSlide,
.bf-16 #ratesSlide .slick-list,
.bf-16 #ratesSlide .slick-track,
.bf-16 #ratesSlide .slick-slide {
  height: auto !important;
  min-height: 0 !important;
}

.swiper-ugc .swiper-wrapper,
.swiper-ugc .swiper-slide {
  height: auto !important;
  min-height: 0 !important;
}

.story-sliders.slider,
.story-sliders.slider .swiper-wrapper,
.story-sliders.slider .swiper-slide {
  height: auto !important;
  min-height: 0 !important;
}

.inpageContent img.inpage-img[src="/images/static-placeholder.svg"] {
  width: auto !important;
  max-width: 100% !important;
  height: 1.35em !important;
  min-height: 0 !important;
  object-fit: contain !important;
}

footer .footer-flex .footer-center {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: flex-start !important;
  gap: clamp(36px, 3vw, 64px) !important;
  width: 100% !important;
}

footer .footer-flex .footer-center > .footer-links {
  width: auto !important;
  min-width: 0 !important;
}

footer .footer-flex .footer-center > .footer-links:nth-child(1) {
  order: 1;
}

footer .footer-flex .footer-center > .footer-links:nth-child(5) {
  order: 2;
}

footer .footer-flex .footer-center > .footer-links:nth-child(2) {
  order: 3;
}

footer .footer-flex .footer-center > .footer-links:nth-child(3) {
  order: 4;
}

footer .footer-flex .footer-center > .footer-links:nth-child(4) {
  order: 5;
}

footer .footer-list-item {
  width: max-content !important;
  max-width: 100% !important;
}

footer .footer-list-item span {
  white-space: nowrap !important;
}

@media (max-width: 1199.98px) {
  footer .footer-flex {
    flex-direction: column !important;
    gap: 42px !important;
  }

  footer .footer-flex .footer-left {
    width: 100% !important;
    max-width: 720px !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
  }

  footer .footer-flex .footer-center {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 36px 42px !important;
  }
}

@media (max-width: 767.98px) {
  footer .footer-flex .footer-center {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 34px 28px !important;
  }
}

@media (max-width: 479.98px) {
  /* Preserve the two-column footer menu down to the narrowest supported phone width. */
  footer .footer-flex .footer-center {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

#intercom-container,
.intercom-namespace,
.intercom-app,
[class*="intercom-with-namespace"],
iframe[class*="intercom"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Keep legacy team portraits centered after responsive max-width scaling. */
.team-card .hover-switch > img {
  left: 50%;
  transform: translateX(-50%);
}

/* Reserve the final 1066:580 video-thumbnail ratio before lazyload swaps the square placeholder. */
[data-page-template="buy-service"] [data-structured-section-slot="buy-service-hero"] .mtp-top-header .thumb img {
  height: 70px;
  object-fit: cover;
}

html :where(a, button, input, select, textarea, [tabindex]):focus-visible:focus {
  outline: 3px solid var(--color-logo-purple-600) !important;
  outline-offset: 3px;
}

/* Twitter (X) character counter: remove the retired ad rail so the active
 * writing surface spans the same inner width as the page's guide sections. */
main[data-calculator-route="/twitter-character-counter/"] .parent {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  grid-template-columns: minmax(260px, 0.85fr) repeat(2, minmax(0, 1fr)) !important;
}

main[data-calculator-route="/twitter-character-counter/"] .sidebar {
  display: none !important;
}

@media (max-width: 1100px) {
  main[data-calculator-route="/twitter-character-counter/"] .parent {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Calculator select: keep the shared control as one visual field. The
 * captured inline rule styles both the wrapper and the native select, which
 * otherwise renders a second inset dropdown button. The wrapper remains a
 * transparent positioning shell; the select owns the only visible field. */
#inst_calc_v2 .icv2_inputArea > div.folObj {
  background: var(--color-surface-transparent) !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
#inst_calc_v2 .icv2_inputArea > div.folObj select {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: var(--color-surface-translucent-20) !important;
  border: 1px solid var(--color-surface-transparent) !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  color: var(--color-text-inverse) !important;
  height: 45px !important;
  max-width: none !important;
  padding: 11px 12px !important;
  width: 100% !important;
}
#inst_calc_v2 .icv2_inputArea > div.folObj.cntrlArea::before {
  z-index: 3 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  right: 14px !important;
}
#inst_calc_v2 .icv2_inputArea > div.folObj select {
  position: relative !important;
  z-index: 1 !important;
  padding-right: 32px !important;
}