/* Portal BPJS V15 — definitive logo alignment and cache-busted branding */
html body .site-header .brand {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 auto !important;
  width: 330px !important;
  max-width: 330px !important;
  height: 100% !important;
  line-height: 0 !important;
  overflow: visible !important;
}

html body .site-header .brand img[src*="portal-bpjs-logo-v15"] {
  display: block !important;
  width: 300px !important;
  max-width: 300px !important;
  height: auto !important;
  max-height: 72px !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: left center !important;
}

html body .site-footer .footer-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  line-height: 0 !important;
  overflow: visible !important;
}

html body .site-footer .footer-logo img[src*="portal-bpjs-logo-white-v15"] {
  display: block !important;
  width: 286px !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 76px !important;
  margin: 0 0 14px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

@media (max-width: 900px) {
  html body .site-header .brand {
    width: 230px !important;
    max-width: 230px !important;
  }
  html body .site-header .brand img[src*="portal-bpjs-logo-v15"] {
    width: 220px !important;
    max-width: 220px !important;
    max-height: 58px !important;
  }
}

@media (max-width: 520px) {
  html body .site-header .brand {
    width: 180px !important;
    max-width: 180px !important;
  }
  html body .site-header .brand img[src*="portal-bpjs-logo-v15"] {
    width: 174px !important;
    max-width: 174px !important;
    max-height: 48px !important;
  }
}