/* UnderScope — Mobile logo fix (REHub)
   Loaded sitewide. Forces #logo_mobile_wrapper visible on mobile if CSS hid it.
   Sizes logo small and positions it next to the sandwich menu.
*/

@media (max-width: 1024px) {
  #logo_mobile_wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 0 auto !important;
    max-width: 140px !important;
    margin-right: auto !important;
  }
  #logo_mobile_wrapper a {
    display: flex !important;
    align-items: center !important;
  }
  #logo_mobile_wrapper img,
  .logo_image_mobile img,
  a.logo_image_mobile img,
  img[src*="Mobile-Logo.webp"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: 36px !important;
    max-width: 130px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }
  /* Header row: logo + menu grouped at start, not centered */
  .responsive_nav_wrap .rh-flex-center-align {
    justify-content: flex-start !important;
    gap: 10px !important;
  }
}