/* LoveMatch UI4 – definitive readable header logo fix.
   Loaded after every page-specific stylesheet to prevent square icon rules
   from compressing the horizontal brand logo. */
.lm-brand-header {
  --lm-brand-header-height: 88px;
}

.lm-brand-lockup--official,
a.logo:has(.lm-official-logo),
a.logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  line-height: 0 !important;
  overflow: visible !important;
}

.lm-brand-header .lm-official-logo,
.site-header .lm-official-logo,
a.logo .lm-official-logo {
  display: block !important;
  width: 260px !important;
  height: auto !important;
  min-width: 260px !important;
  max-width: 260px !important;
  max-height: 65px !important;
  aspect-ratio: 4 / 1 !important;
  object-fit: contain !important;
  object-position: left center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.lm-brand-footer .lm-official-logo {
  display: block !important;
  width: 220px !important;
  height: auto !important;
  min-width: 220px !important;
  max-width: 220px !important;
  max-height: 55px !important;
  aspect-ratio: 4 / 1 !important;
  object-fit: contain !important;
  object-position: left center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

@media (max-width: 900px) {
  .lm-brand-header .lm-official-logo,
  .site-header .lm-official-logo,
  a.logo .lm-official-logo {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    max-height: 55px !important;
  }
}

@media (max-width: 600px) {
  .lm-brand-header { --lm-brand-header-height: 76px; }
  .lm-brand-header__inner { gap: 12px !important; }
  .lm-brand-header .lm-official-logo,
  .site-header .lm-official-logo,
  a.logo .lm-official-logo {
    width: 178px !important;
    min-width: 178px !important;
    max-width: 178px !important;
    max-height: 45px !important;
  }
  .lm-brand-footer .lm-official-logo {
    width: 178px !important;
    min-width: 178px !important;
    max-width: 178px !important;
    max-height: 45px !important;
  }
}