/* ArezzoMT2 UI v211 — jeden ranking z zakładkami + Szybki start pod rankingiem */

html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az211-ranking-card {
  padding: 18px 12px 14px !important;
  overflow: visible !important;
}

html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az211-rank-radio {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az211-ranking-tabs {
  position: relative !important;
  z-index: 12 !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 28px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 0 6px 10px !important;
  padding: 0 !important;
}

html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az211-ranking-tabs label {
  min-width: 0 !important;
  min-height: 34px !important;
  padding: 7px 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #a8c9df !important;
  background: linear-gradient(180deg, rgba(8,32,56,.92), rgba(3,17,31,.97)) !important;
  border: 1px solid rgba(88,157,205,.24) !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(157,220,255,.035) !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .055em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 4px rgba(0,0,0,.8) !important;
  cursor: pointer !important;
  transition: color .16s ease, border-color .16s ease, background .16s ease !important;
}

html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az211-ranking-tabs label:hover {
  color: #eef9ff !important;
  border-color: rgba(103,188,240,.42) !important;
  background: linear-gradient(180deg, rgba(13,48,82,.96), rgba(5,24,43,.99)) !important;
}

html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az211-tabs-emblem {
  position: relative !important;
  z-index: 2 !important;
  width: 28px !important;
  height: 28px !important;
  display: block !important;
  margin: 0 -1px !important;
  background: url('../images/ui-v202/diamond.png') center/contain no-repeat !important;
  filter: drop-shadow(0 0 5px rgba(67,174,244,.34)) !important;
  pointer-events: none !important;
}

html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #az211-rank-players:checked ~ .az211-ranking-tabs label[for="az211-rank-players"],
html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #az211-rank-guilds:checked ~ .az211-ranking-tabs label[for="az211-rank-guilds"] {
  color: #f4fbff !important;
  background: linear-gradient(180deg, rgba(18,70,111,.98), rgba(7,34,61,.99)) !important;
  border-color: rgba(121,205,255,.52) !important;
  box-shadow: inset 0 0 12px rgba(63,167,235,.10), 0 0 8px rgba(48,149,218,.10) !important;
}

html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az211-ranking-panels {
  position: relative !important;
  z-index: 11 !important;
  width: 100% !important;
}

html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az211-ranking-panel {
  display: none !important;
}

html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #az211-rank-players:checked ~ .az211-ranking-panels .az211-ranking-panel.is-players,
html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #az211-rank-guilds:checked ~ .az211-ranking-panels .az211-ranking-panel.is-guilds {
  display: block !important;
}

html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) table.az211-ranking-table {
  width: 100% !important;
  margin: 0 !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
  background: rgba(1,10,18,.44) !important;
  border: 1px solid rgba(73,137,181,.18) !important;
}

html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) table.az211-ranking-table th,
html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) table.az211-ranking-table td {
  height: 28px !important;
  padding: 5px 5px !important;
  color: #d9eaf6 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(77,139,181,.13) !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
  text-align: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) table.az211-ranking-table th {
  height: 31px !important;
  color: #eef8ff !important;
  background: rgba(11,49,81,.72) !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .025em !important;
  text-transform: uppercase !important;
}

html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) table.az211-ranking-table th:first-child,
html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) table.az211-ranking-table td:first-child {
  width: 34px !important;
}

html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) table.az211-ranking-table th:last-child,
html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) table.az211-ranking-table td:last-child {
  width: 54px !important;
}

html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) table.az211-ranking-table tbody tr:hover td {
  color: #ffffff !important;
  background: rgba(21,80,120,.20) !important;
}

html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az211-rank-more {
  width: calc(100% - 8px) !important;
  min-height: 36px !important;
  margin: 10px 4px 0 !important;
  padding: 7px 14px !important;
  font-size: 9px !important;
}

html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az211-quick-under-ranking {
  margin-top: 18px !important;
}

/* stary osobny ranking i osobny panel gildii nie powinny się pojawić nawet z cache HTML/PJAX */
html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az74-left > .az74-rank-card,
html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az74-left > .az74-guild-card {
  display: none !important;
}

@media (max-width:1100px) {
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az211-ranking-card {
    order: 1 !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az211-quick-under-ranking {
    order: 2 !important;
  }
}

@media (max-width:650px) {
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az211-ranking-card {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az211-ranking-tabs {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) table.az211-ranking-table th,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) table.az211-ranking-table td {
    height: 30px !important;
    font-size: 10px !important;
  }
}