/* UX fixes on top of the mirrored theme. Linked from every page by scripts/ux_fixes.py. */

/* The desktop menu bar hangs below the header, but the hero section painted over it,
   so it only showed once the sticky header kicked in. */
#header {
  z-index: 980;
}

/* Line the menu bar up with the logo and phone button instead of a 1200px box
   pinned to the left, and make it white as the theme intended. */
#header .uk-container.uk-visible\@l {
  left: 40px;
  right: 40px;
  width: auto !important;
  max-width: none;
  padding: 0;
}

#header .uk-navbar-container.bg-white {
  background: #fff;
}

/* The RVK contact form is taller than the old one: let the photo beside it fill the
   card instead of floating in white space. */
.uk-grid:has(iframe[src*="forms.rvkai.com"]) > .uk-width-1-2\@m {
  align-self: stretch;
}

/* Once a chat starts, CTM's script stretches its widget to the full window height. Keep it a
   chat-sized panel on desktop; phones keep CTM's full-screen chat. */
@media (min-width: 640px) {
  iframe.ctm-call-widget {
    max-height: min(600px, calc(100dvh - 120px)) !important;
  }
}

.uk-grid:has(iframe[src*="forms.rvkai.com"]) .media-column-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}