/* Playhouse v1.3 logo controls. Intentionally last-loaded: member-core and
   finishing CSS previously pinned mobile PNGs to 180x47px.  No JS required. */
body.mm-playhouse .mm-header-top {
  min-height: var(--mm-header-height) !important;
  padding: 14px var(--mm-header-gutter,26px) !important;
}
body.mm-playhouse .mm-branding {
  min-width: 0 !important;
  max-width: min(100%,var(--mm-logo-width)) !important;
  flex: 0 1 auto !important;
}
body.mm-playhouse .mm-branding .custom-logo-link {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
body.mm-playhouse .mm-branding img.custom-logo {
  display: block !important;
  width: auto !important;
  height: var(--mm-logo-height) !important;
  max-height: none !important;
  max-width: min(var(--mm-logo-width),100%) !important;
  object-fit: contain !important;
  object-position: left center !important;
}
body.mm-playhouse.mm-header-layout-centered .mm-branding .custom-logo-link,
body.mm-playhouse.mm-header-layout-spotlight .mm-branding .custom-logo-link {justify-content:center !important}
body.mm-playhouse.mm-header-layout-centered .mm-branding img.custom-logo,
body.mm-playhouse.mm-header-layout-spotlight .mm-branding img.custom-logo {object-position:center center !important}
/* Below the full desktop menu, the logo can grow but never overlap the actions. */
@media (max-width:820px) {
  body.mm-playhouse .mm-header-top {
    padding: 11px 17px !important;
    min-height: max(70px,calc(var(--mm-mobile-logo-height,64px) + 18px)) !important;
  }
  body.mm-playhouse .mm-branding {
    max-width: min(var(--mm-mobile-logo-width,255px),calc(100% - 155px)) !important;
  }
  body.mm-playhouse .mm-branding img.custom-logo {
    height: var(--mm-mobile-logo-height,64px) !important;
    max-height: none !important;
    max-width: min(var(--mm-mobile-logo-width,255px),100%) !important;
  }
}
@media (max-width:620px) {
  body.mm-playhouse .mm-header-top {padding: 11px 14px !important}
  body.mm-playhouse .mm-branding {max-width: min(var(--mm-mobile-logo-width,255px),calc(100% - 150px)) !important}
  /* Optional separate logo row: larger brands stay readable and action buttons stay clickable. */
  body.mm-playhouse.mm-logo-mobile-own-row .mm-header-top {flex-wrap:wrap !important;row-gap:8px !important;}
  body.mm-playhouse.mm-logo-mobile-own-row .mm-branding {
    width:100% !important;
    max-width:100% !important;
    flex:1 0 100% !important;
    justify-content:center !important;
  }
  body.mm-playhouse.mm-logo-mobile-own-row .mm-branding .custom-logo-link {width:100% !important;justify-content:center !important;}
  body.mm-playhouse.mm-logo-mobile-own-row .mm-branding img.custom-logo {
    max-width:min(100%,var(--mm-mobile-logo-width,255px)) !important;
    object-position:center center !important;
  }
  body.mm-playhouse.mm-logo-mobile-own-row .mm-header-actions {
    flex:0 0 100% !important;
    width:100% !important;
    justify-content:flex-end !important;
  }
}