/* MorganFantasy v46.64.310 — enlarged, centered, clickable brand logo on all pages.
   These selectors target ONLY branded logo images, never competition banners,
   user-uploaded minileague emblems, profile avatars, or game artwork. */
:root { --mf-global-logo-width: 156px; --mf-global-logo-height: 135px; }
html body img.mf-global-logo:not(#mf-unrelated-brand-override):not(#mf-unrelated-brand-override-2) {
  display: block !important;
  box-sizing: border-box !important;
  width: var(--mf-global-logo-width) !important;
  min-width: var(--mf-global-logo-width) !important;
  max-width: var(--mf-global-logo-width) !important;
  height: var(--mf-global-logo-height) !important;
  min-height: var(--mf-global-logo-height) !important;
  max-height: var(--mf-global-logo-height) !important;
  object-fit: contain !important;
  object-position: center center !important;
  content: normal !important; /* cancel old Tipovacka / Overall CSS content:url logos */
  filter: none !important;
  box-shadow: none !important;
  transform: none !important;
  margin: 0 !important;
  flex: none !important;
}
html body a.mf-global-logo-link:not(#mf-unrelated-link-override) {
  display: inline-flex !important;
  box-sizing: border-box !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--mf-global-logo-width) !important;
  min-width: var(--mf-global-logo-width) !important;
  max-width: var(--mf-global-logo-width) !important;
  height: var(--mf-global-logo-height) !important;
  min-height: var(--mf-global-logo-height) !important;
  max-height: var(--mf-global-logo-height) !important;
  flex: 0 0 var(--mf-global-logo-width) !important;
  overflow: visible !important;
  line-height: 0 !important;
  text-decoration: none !important;
}

/* Competition navigation: center the logo WRAPPER, not just the IMG.
   Previous selectors centered only the <img> and left the anchor at the
   start of the flex/grid brand row at several laptop breakpoints. */
@media (min-width:761px) {
  html body .sidebar .brand.brand-logo-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 4px 0 20px !important;
    box-sizing: border-box !important;
  }
  html body .sidebar .brand.brand-logo-wrap > a.mf-global-logo-link {
    margin-inline: auto !important;
    justify-self: center !important;
    align-self: center !important;
  }
}
/* Narrow 76px competition icon rail (761–900px): prevent a large
   brand image from overlapping the pitch/content area. */
@media (min-width:761px) and (max-width:900px) {
  html body .sidebar .brand.brand-logo-wrap {
    --mf-global-logo-width: 52px;
    --mf-global-logo-height: 45px;
  }
}
/* Keep the same size across all pages at narrow phone viewports while
   preserving space for existing bell/mail/account controls. */
@media (max-width:480px) {
  :root {
    --mf-global-logo-width: 136px;
    --mf-global-logo-height: 118px;
  }
}