/* Futbolcu Köprüsü — profil kontrastı ve tablet kulüp araması son katmanı V269. */

/* V267'nin beyaz yüzey zorlaması, V263'ün beyaz metinlerini değiştirmediği
   için profil kartı okunmuyordu. Kart ve pencere üstü tek, yüksek kontrastlı
   tasarım otoritesine geri alındı. */
#root .ranked-profile-card{
  border:1px solid rgba(114,178,206,.34)!important;
  border-radius:24px!important;
  background:
    radial-gradient(115% 145% at -6% -18%,rgba(84,190,221,.22),transparent 51%),
    radial-gradient(95% 125% at 105% -12%,rgba(235,188,91,.18),transparent 49%),
    linear-gradient(135deg,#10283d 0%,#173b54 52%,#10283b 100%)!important;
  color:#fff!important;
  box-shadow:0 24px 56px -35px rgba(7,25,41,.82),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
#root .ranked-profile-card .ranked-profile-copy>small{
  color:#ffe3a1!important;background:rgba(231,183,86,.13)!important;
  border-color:rgba(244,202,116,.34)!important
}
#root .ranked-profile-card .ranked-profile-copy>strong{color:#fff!important;text-shadow:0 1px 12px rgba(0,0,0,.15)}
#root .ranked-profile-card .ranked-profile-copy>span{color:#d8e5ed!important}
#root .ranked-profile-card .ranked-xp-caption{
  display:block!important;margin-top:1px!important;color:#b9d4e1!important;
  font-size:9.5px!important;font-weight:800!important;letter-spacing:.015em!important
}
#root .ranked-profile-card .ranked-level-track{
  height:8px!important;background:rgba(255,255,255,.13)!important;
  border-color:rgba(255,255,255,.12)!important
}
#root .ranked-profile-card .ranked-account-note{
  border-color:rgba(255,255,255,.13)!important;border-radius:15px!important;
  background:rgba(255,255,255,.07)!important
}
#root .ranked-profile-card .ranked-account-note b{color:#ffe0a0!important}
#root .ranked-profile-card .ranked-account-note span{color:#d5e2ea!important}
#root .ranked-profile-card .ranked-ladder-pills>span,
#root .ranked-profile-card .ranked-profile-quickstats>span{
  border-color:rgba(255,255,255,.13)!important;border-radius:14px!important;
  background:rgba(255,255,255,.07)!important;color:#dce8ef!important
}
#root .ranked-profile-card .ranked-ladder-pills>span.is-active{
  border-color:rgba(236,194,105,.45)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.09))!important
}
#root .ranked-profile-card .ranked-ladder-pills small,
#root .ranked-profile-card .ranked-profile-quickstats small{color:#afc5d1!important}
#root .ranked-profile-card .ranked-ladder-pills b,
#root .ranked-profile-card .ranked-profile-quickstats b{color:#fff!important}
#root .ranked-profile-card .ranked-profile-actions .btn--soft{
  color:#f3f8fb!important;background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.17)!important
}

#root .ranked-profile-modal{
  border-radius:26px!important;background:linear-gradient(180deg,#f8fbfd,#f1f6f9)!important;
  border-color:#cbd9e2!important
}
#root .ranked-profile-hero{
  border:1px solid rgba(120,181,207,.34)!important;border-radius:22px!important;
  background:
    radial-gradient(115% 150% at -7% -15%,rgba(84,190,221,.20),transparent 52%),
    radial-gradient(100% 130% at 104% -8%,rgba(235,188,91,.18),transparent 49%),
    linear-gradient(135deg,#10283d 0%,#183b54 54%,#112a3f 100%)!important;
  color:#fff!important;box-shadow:0 21px 50px -36px rgba(5,22,38,.82)!important
}
#root .ranked-profile-hero>div:not(.ranked-profile-total)>small{
  color:#ffe2a0!important;background:rgba(231,183,86,.13)!important;
  border-color:rgba(244,202,116,.34)!important
}
#root .ranked-profile-hero>div:not(.ranked-profile-total)>strong{color:#fff!important}
#root .ranked-profile-hero>div:not(.ranked-profile-total)>span{color:#d5e3eb!important}
#root .ranked-profile-hero .ranked-xp-caption{
  color:#b8d3df!important;font-size:10px!important;font-weight:800!important;letter-spacing:.01em!important
}
#root .ranked-profile-hero .ranked-level-track{
  background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.12)!important
}
#root .ranked-profile-hero .ranked-profile-total>span{
  border-color:rgba(255,255,255,.13)!important;background:rgba(255,255,255,.08)!important
}
#root .ranked-profile-hero .ranked-profile-total small{color:#b7cad5!important}
#root .ranked-profile-hero .ranked-profile-total b{color:#fff!important}

/* Kulüp logosu, takım adı ve arama simgesi daima ayrı grid hücresindedir. */
#root .player-card .club-search{
  position:relative!important;display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 28px!important;
  align-items:center!important;column-gap:9px!important;
  width:100%!important;min-width:0!important;min-height:60px!important;
  padding:7px 9px!important;overflow:visible!important;contain:none!important
}
#root .player-card .club-search .club-badge{
  grid-column:1!important;position:relative!important;inset:auto!important;
  width:44px!important;height:44px!important;min-width:44px!important;
  margin:0!important;transform:none!important;z-index:1!important
}
#root .player-card .club-search input{
  grid-column:2!important;position:static!important;inset:auto!important;
  display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
  height:44px!important;min-height:44px!important;margin:0!important;padding:0 5px!important;
  transform:none!important;text-overflow:ellipsis!important;white-space:nowrap!important;z-index:1!important
}
#root .player-card .club-search .search-icon{
  grid-column:3!important;position:static!important;inset:auto!important;
  display:grid!important;place-items:center!important;width:28px!important;height:40px!important;
  min-width:28px!important;margin:0!important;padding:0!important;transform:none!important;z-index:1!important
}
#root .player-card .club-search .search-menu{
  grid-column:1/-1!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important
}

/* Android/iPad tabletleri telefon tam-ekran arama katmanına dönüşmez. */
@media(min-width:601px) and (pointer:coarse){
  body.wos-career-search-active #root .wos-active-club-card{
    position:relative!important;inset:auto!important;display:block!important;
    width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:inherit!important;overflow:visible!important;
    border-radius:inherit!important;transform:none!important
  }
  body.wos-career-search-active #root .wos-active-club-card .club-summary{display:grid!important}
  body.wos-career-search-active #root .wos-active-club-card .role-card{display:flex!important}
  #root .player-card .club-search .search-menu{
    position:absolute!important;top:calc(100% + 6px)!important;bottom:auto!important;
    max-height:min(300px,42dvh)!important;overflow:auto!important
  }
}

@media(max-width:640px){
  #root .ranked-profile-card{border-radius:20px!important}
  #root .ranked-profile-hero{border-radius:18px!important}
  #root .ranked-profile-card .ranked-xp-caption,
  #root .ranked-profile-hero .ranked-xp-caption{font-size:9px!important}
}
@media(max-width:420px){
  #root .player-card .club-search{grid-template-columns:36px minmax(0,1fr) 24px!important;column-gap:6px!important;padding:6px!important}
  #root .player-card .club-search .club-badge{width:36px!important;height:36px!important;min-width:36px!important}
  #root .player-card .club-search .search-icon{width:24px!important;min-width:24px!important}
}
