/* V330 — square Football Manager brand, painted directly from HTML with no legacy-logo flash. */
.fm-brand-host,
.logo-box.fm-brand-host,
.site-logo.fm-brand-host,
.site-logo-text.fm-brand-host{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* The sidebar keeps the game's rounded card, while the logo itself is a square tile. */
.logo-box{
  text-align:center;
}
.logo-box.fm-brand-host,
.logo-box:has(> .fm-brand-image){
  padding:10px!important;
  min-height:170px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.fm-brand-image{
  display:block!important;
  width:152px!important;
  height:152px!important;
  max-width:100%!important;
  max-height:none!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0 auto!important;
  padding:0!important;
  border:1px solid rgba(31,143,91,.20)!important;
  border-radius:14px!important;
  background:#effaf4!important;
  box-shadow:0 8px 24px rgba(15,93,63,.12)!important;
  transform:none!important;
  opacity:1!important;
  filter:none!important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important;
}

/* Login/register/welcome hosts can use a slightly larger square. */
.site-logo.fm-brand-host .fm-brand-image,
.site-logo-text.fm-brand-host .fm-brand-image{
  width:176px!important;
  height:176px!important;
}

.logo-box.fm-brand-host:hover .fm-brand-image,
.site-logo.fm-brand-host:hover .fm-brand-image,
.site-logo-text.fm-brand-host:hover .fm-brand-image{
  transform:translateY(-1px)!important;
  box-shadow:0 10px 28px rgba(15,93,63,.16)!important;
}

/* Defensive rule: if an old cached/dynamic template injects the former text logo,
   it stays hidden until apply-brand.js replaces the host. */
.logo-box > .logo,
.logo-box > .logo-sub,
.logo-box > .site-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
}
.logo-box > .site-logo:not(:has(.fm-brand-image)){
  display:none!important;
}

@media(max-width:900px){
  .logo-box.fm-brand-host,
  .logo-box:has(> .fm-brand-image){min-height:146px!important;padding:8px!important}
  .fm-brand-image{width:132px!important;height:132px!important}
  .site-logo.fm-brand-host .fm-brand-image,
  .site-logo-text.fm-brand-host .fm-brand-image{width:148px!important;height:148px!important}
}