/* Rights-safe football identity.
   Official crests/headshots are not required for Scoutline to feel football-native. */

.ux-team-crest.ux-rights-safe-club{
  width:24px;
  height:24px;
  border:1px solid #cfd2c7;
  border-radius:7px 7px 9px 9px;
  background:linear-gradient(180deg,#f7f7f0 0%,#e8e9e0 100%);
  color:#343a32;
  box-shadow:inset 0 -3px 0 rgba(223,255,54,.42);
  font-size:6.5px;
  font-weight:950;
  letter-spacing:.045em;
}

.ux-team-crest.ux-rights-safe-club::before{
  content:"";
  position:absolute;
  left:5px;
  right:5px;
  top:4px;
  height:1px;
  border-radius:1px;
  background:#9ba194;
  opacity:.55;
}

.ux-team-crest.ux-rights-safe-club .ux-media-fallback{
  align-items:end;
  padding-bottom:5px;
}

.ux-destination-crest .ux-team-crest.ux-rights-safe-club{
  width:25px;
  height:25px;
}

.ux-player-portrait.ux-rights-safe-player{
  position:relative;
  isolation:isolate;
  border:1px solid #cdd0c6;
  background:linear-gradient(145deg,#f1f1e9 0%,#dadcd2 100%);
  color:var(--ink);
  box-shadow:inset 0 -5px 0 rgba(223,255,54,.5);
}

.ux-player-portrait.ux-rights-safe-player::before{
  content:"";
  position:absolute;
  z-index:0;
  left:50%;
  top:11px;
  width:19px;
  height:19px;
  border-radius:50%;
  transform:translateX(-50%);
  background:#9ba096;
}

.ux-player-portrait.ux-rights-safe-player::after{
  content:"";
  position:absolute;
  z-index:0;
  left:50%;
  bottom:10px;
  width:43px;
  height:23px;
  border-radius:24px 24px 8px 8px;
  transform:translateX(-50%);
  background:#858c81;
}

.ux-player-portrait.ux-rights-safe-player .ux-media-fallback{
  position:absolute;
  z-index:2;
  right:5px;
  bottom:5px;
  width:auto;
  height:auto;
  min-width:19px;
  padding:3px 4px;
  border-radius:5px;
  background:var(--deep);
  color:var(--accent);
  font-size:7px;
  letter-spacing:.02em;
  box-shadow:0 1px 4px rgba(20,24,18,.16);
}

/* The base visual-system CSS supports licensed images. This layer remains neutral
   when an explicit licensed-media build publishes a real <img>. */
.ux-team-crest.has-image.ux-rights-safe-club,
.ux-player-portrait.has-image.ux-rights-safe-player{
  box-shadow:none;
}

@media(max-width:560px){
  .ux-team-crest.ux-rights-safe-club{width:22px;height:22px;font-size:6px}
  .ux-player-portrait.ux-rights-safe-player::before{top:9px;width:17px;height:17px}
  .ux-player-portrait.ux-rights-safe-player::after{width:37px;height:20px}
}