/* Jetour BD mirror — override sheet. Loaded last; never edit vendor CSS. */

/* §7.1 Header logo: the Elite Group Holding logo is removed, leaving only Jetour.
   The logo row already carries .flex--container-justify-center, so the remaining
   Jetour logo centres on its own. These rules make that explicit and guard the
   case where the row's flex context is lost. */
.row-fluid.flex--container .custom-image.module.logo-jetour {
  margin-inline: auto;
}
.custom-image.module.logo-jetour > .inner,
.custom-image.module.logo-jetour > .inner > a {
  display: inline-block;
}

/* Mobile header: the logo row reserves 75px of right padding for the menu/phone
   controls, so "justify-content:center" centres within a 315px box, not the 390px
   viewport - the single Jetour logo lands 38px left of true centre. Balance the box
   so the logo centres on the viewport. Controls are positioned independently and do
   not move; only the logo does. Verified at 390px: centre 195/195. */
@media (max-width: 991px) {
  .row-fluid.flex--container.flex--container-justify-center {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

/* Header separator: the vendor rule pins the "|" between the WhatsApp and phone buttons
   with a fixed top:33px, which centres it only in the full-height (85px) header. On
   scroll the header shrinks to 70px and the separator sits ~8px low. Centre it on the
   button instead, so it holds at any header height. */
.header-container .contact-us-btn:after {
  top: 50% !important;
  transform: translateY(-50%);
}

/* Placeholder for the unreachable interactive model microsites (see D8). */
[data-strapi-iframe] {
  display: block;
  min-height: 320px;
  background: #f4f4f4;
}

/* Placeholder retaining the original map embed dimensions. */
[data-strapi-map] {
  display: block;
  background: #ececec;
}