/* ---------------------------------------------------------------------------
   Header logo repair — recovered site.

   Bridge normally emits a generated rule sizing the logo (from theme options)
   into style_dynamic.css. That rule is not present in the archived copy, so:

     - .q_logo img had width:auto with no height and collapsed to 0x0
     - the same image was left visibility:hidden by a state rule whose
       counterpart never applied
     - .logo_wrapper computed to position:static, so .other-logos (absolutely
       positioned) resolved against .header_inner_left instead of the wrapper
     - .other-logos{bottom:38%} then lifted the dealer logos above the header,
       clipping them, with each image on a different baseline

   These rules restore the intended layout: the group logo at its natural
   height, the dealer logos in a row to its right, all on one centre line.
   Loaded after the theme CSS so it overrides without editing recovered files.
   --------------------------------------------------------------------------- */

.logo_wrapper { height: 100px !important; position: relative !important; }

.q_logo { width: 177px !important; }
.q_logo a { width: 177px !important; display: block !important; }

.q_logo img.normal { visibility: visible !important; opacity: 1 !important; }
.q_logo img {
  height: 55px !important;          /* natural height of the group logo */
  width: auto !important;
  max-width: none !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
/* Bridge ships alternate logo variants for dark/sticky/mobile states; only the
   normal one has a real asset here, so keep the rest out of the flow. */
.q_logo img.dark,
.q_logo img.light,
.q_logo img.mobile,
.q_logo img.popup,
.q_logo img.sticky { display: none !important; }

.other-logos {
  position: absolute !important;
  left: 211px !important;           /* logo width (177) + 34px gap */
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center;
  gap: 22px;
  white-space: nowrap;
  z-index: 2;
}
.other-logos a { display: flex !important; align-items: center; }
.other-logos img {
  max-width: 100px;
  width: auto;
  max-height: 40px;                 /* common cap so differing aspect ratios align */
  height: auto;
  display: block;
}
.other-logos:before {               /* the original '|' separator */
  position: static !important;
  top: auto !important;
  right: auto !important;
  font-size: 32px;
  line-height: 1;
  opacity: .28;
  margin-right: 8px;
}

/* Below the theme's own breakpoint the dealer logos are hidden (unchanged);
   keep the group logo sensible there too. */
@media (max-width: 1000px) {
  .q_logo, .q_logo a { width: 140px !important; }
  .q_logo img { height: 44px !important; }
}