/* MIDROUND v3.6.41 · Home Team Logo embedding hotfix 1
   Scope: Customer Home hero only. Keeps backend/avatar source untouched. */
#homeView .home-v3-team-line{
  gap:18px;
  align-items:center;
}

#homeView .home-v3-team-mark{
  width:84px;
  height:84px;
  flex:0 0 84px;
  padding:6px;
  border-radius:22px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 24%,var(--line));
  background:linear-gradient(145deg,rgba(10,24,30,.92),rgba(5,13,17,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 30px rgba(0,0,0,.16);
  overflow:hidden;
}

/* Remove the second nested card generated by the global team-logo primitive. */
#homeView .home-v3-team-mark > .team-logo,
#homeView .home-v3-team-mark > .team-logo-wrap{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:16px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden;
}

/* Let the actual club mark use the available area instead of sitting inside another padded tile. */
#homeView .home-v3-team-mark .team-logo .media-image{
  inset:0;
  width:100%;
  height:100%;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border-radius:14px;
  transform:none!important;
}

#homeView .home-v3-team-mark .team-logo .media-fallback{
  border-radius:14px;
  background:rgba(255,255,255,.025);
  font-size:18px;
}

@media(max-width:760px){
  #homeView .home-v3-team-line{gap:14px}
  #homeView .home-v3-team-mark{
    width:68px;
    height:68px;
    flex-basis:68px;
    padding:5px;
    border-radius:18px;
  }
  #homeView .home-v3-team-mark > .team-logo,
  #homeView .home-v3-team-mark > .team-logo-wrap{border-radius:13px!important}
  #homeView .home-v3-team-mark .team-logo .media-image,
  #homeView .home-v3-team-mark .team-logo .media-fallback{border-radius:12px}
  #homeView .home-v3-team-mark .team-logo .media-fallback{font-size:15px}
}