/* ArezzoMT2 v137 - minimalistyczne i spójne panele rankingu na stronie głównej.
   Zakres: tylko publiczna strona główna / lewa kolumna. Nie dotyka admina ani pełnych rankingów. */

body.az-v22-body:not(.page-admin) {
  --az137-border: rgba(255, 137, 95, .34);
  --az137-border-strong: rgba(255, 176, 116, .58);
  --az137-bg-head: linear-gradient(180deg, rgba(19,23,44,.96), rgba(10,12,24,.98));
  --az137-bg-row: linear-gradient(180deg, rgba(33,39,78,.72), rgba(20,24,50,.84));
  --az137-bg-row-hover: linear-gradient(180deg, rgba(41,47,93,.78), rgba(23,28,58,.88));
  --az137-text-main: #f7ead0;
  --az137-text-soft: rgba(247, 234, 208, .88);
  --az137-text-muted: rgba(247, 234, 208, .68);
  --az137-pill-bg: rgba(255,255,255,.05);
}

/* tylko home sidebar */
body.az-v22-body:not(.page-admin) .az74-left .az74-rank-card,
body.az-v22-body:not(.page-admin) .az74-left .az74-guild-card {
  overflow: hidden !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az74-rank-card .widget-container,
body.az-v22-body:not(.page-admin) .az74-left .az74-rank-card .widget,
body.az-v22-body:not(.page-admin) .az74-left .az74-rank-card .bd {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az74-rank-card .widget-container::before,
body.az-v22-body:not(.page-admin) .az74-left .az74-rank-card .widget-container::after {
  display: none !important;
  content: none !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az74-rank-card .top-sidebar,
body.az-v22-body:not(.page-admin) .az74-left .az74-guild-card .az74-panel-title {
  margin: 0 0 10px !important;
  padding: 0 0 8px !important;
  text-align: center !important;
  border-bottom: 1px solid rgba(255,255,255,.16) !important;
  color: var(--az137-text-main) !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az74-rank-card .top-sidebar h4,
body.az-v22-body:not(.page-admin) .az74-left .az74-guild-card .az74-panel-title {
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  color: var(--az137-text-main) !important;
  text-transform: none !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az74-rank-card hr {
  display: none !important;
}

/* TABS */
body.az-v22-body:not(.page-admin) .az74-left .az137-rank-tabs,
body.az-v22-body:not(.page-admin) .az74-left .az101-rank-tabs {
  display: flex !important;
  gap: 10px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az137-rank-tabs .nav-item,
body.az-v22-body:not(.page-admin) .az74-left .az101-rank-tabs .nav-item {
  flex: 1 1 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az137-rank-tabs .nav-link,
body.az-v22-body:not(.page-admin) .az74-left .az101-rank-tabs .nav-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 0 10px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 148, 103, .32) !important;
  background: linear-gradient(180deg, rgba(83, 57, 138, .92), rgba(60, 39, 105, .95)) !important;
  color: #f7e7ff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az137-rank-tabs .nav-link.active,
body.az-v22-body:not(.page-admin) .az74-left .az101-rank-tabs .nav-link.active,
body.az-v22-body:not(.page-admin) .az74-left .az137-rank-tabs .active .nav-link,
body.az-v22-body:not(.page-admin) .az74-left .az101-rank-tabs .active .nav-link {
  border-color: rgba(255, 182, 112, .52) !important;
  background: linear-gradient(180deg, rgba(255, 180, 87, .96), rgba(242, 139, 72, .96)) !important;
  color: #fffaf2 !important;
}

/* TABLE - ranking górny */
body.az-v22-body:not(.page-admin) .az74-left .az137-rank-table,
body.az-v22-body:not(.page-admin) .az74-left .az101-rank-table {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az137-rank-table thead th,
body.az-v22-body:not(.page-admin) .az74-left .az101-rank-table thead th {
  padding: 8px 6px !important;
  border: 1px solid var(--az137-border) !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  background: var(--az137-bg-head) !important;
  color: var(--az137-text-main) !important;
  text-align: center !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az137-rank-table thead th:first-child,
body.az-v22-body:not(.page-admin) .az74-left .az101-rank-table thead th:first-child {
  border-left-width: 1px !important;
  border-radius: 12px 0 0 12px !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az137-rank-table thead th:last-child,
body.az-v22-body:not(.page-admin) .az74-left .az101-rank-table thead th:last-child {
  border-right-width: 1px !important;
  border-radius: 0 12px 12px 0 !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az137-rank-table tbody td,
body.az-v22-body:not(.page-admin) .az74-left .az137-rank-table tbody th,
body.az-v22-body:not(.page-admin) .az74-left .az101-rank-table tbody td,
body.az-v22-body:not(.page-admin) .az74-left .az101-rank-table tbody th,
body.az-v22-body:not(.page-admin) .az74-left .az137-rank-table.table-hover tbody tr:hover td,
body.az-v22-body:not(.page-admin) .az74-left .az101-rank-table.table-hover tbody tr:hover td {
  padding: 10px 6px !important;
  border: 1px solid rgba(255, 142, 94, .20) !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  background: var(--az137-bg-row) !important;
  color: var(--az137-text-soft) !important;
  text-align: center !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az137-rank-table tbody tr:hover td,
body.az-v22-body:not(.page-admin) .az74-left .az101-rank-table tbody tr:hover td {
  background: var(--az137-bg-row-hover) !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az137-rank-table tbody td:first-child,
body.az-v22-body:not(.page-admin) .az74-left .az137-rank-table tbody th:first-child,
body.az-v22-body:not(.page-admin) .az74-left .az101-rank-table tbody td:first-child,
body.az-v22-body:not(.page-admin) .az74-left .az101-rank-table tbody th:first-child {
  border-left-width: 1px !important;
  border-radius: 12px 0 0 12px !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az137-rank-table tbody td:last-child,
body.az-v22-body:not(.page-admin) .az74-left .az137-rank-table tbody th:last-child,
body.az-v22-body:not(.page-admin) .az74-left .az101-rank-table tbody td:last-child,
body.az-v22-body:not(.page-admin) .az74-left .az101-rank-table tbody th:last-child {
  border-right-width: 1px !important;
  border-radius: 0 12px 12px 0 !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az137-col-pos,
body.az-v22-body:not(.page-admin) .az74-left .az137-pos { width: 14% !important; }
body.az-v22-body:not(.page-admin) .az74-left .az137-col-level,
body.az-v22-body:not(.page-admin) .az74-left .az137-level { width: 19% !important; }
body.az-v22-body:not(.page-admin) .az74-left .az137-col-empire,
body.az-v22-body:not(.page-admin) .az74-left .az137-empire { width: 21% !important; }

body.az-v22-body:not(.page-admin) .az74-left .az137-name,
body.az-v22-body:not(.page-admin) .az74-left .az68-rank-name,
body.az-v22-body:not(.page-admin) .az74-left .az69-guild-name {
  text-align: left !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #fff0d8 !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az137-level span,
body.az-v22-body:not(.page-admin) .az74-left .az68-rank-lvl span,
body.az-v22-body:not(.page-admin) .az74-left .az69-guild-lvl span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 32px !important;
  height: 24px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: var(--az137-pill-bg) !important;
  color: #fff1d9 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az137-empire img,
body.az-v22-body:not(.page-admin) .az74-left .az101-rank-table img {
  display: inline-block !important;
  width: 28px !important;
  height: 18px !important;
  max-width: 28px !important;
  max-height: 18px !important;
  object-fit: cover !important;
  border-radius: 4px !important;
  border: 1px solid rgba(255,255,255,.06) !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az137-empty {
  text-align: center !important;
  color: var(--az137-text-muted) !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az137-rank-footer {
  display: flex !important;
  justify-content: center !important;
  margin-top: 10px !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az137-rank-footer .az101-rank-more,
body.az-v22-body:not(.page-admin) .az74-left .az101-rank-more {
  min-width: 130px !important;
  min-height: 40px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
  font-size: 12px !important;
}

/* dolny panel ranking gildii - prostszy i spójny */
body.az-v22-body:not(.page-admin) .az74-left .az74-guild-table {
  margin-top: 2px !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az74-guild-table table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
  background: transparent !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az74-guild-table thead th {
  padding: 8px 8px !important;
  border: 1px solid var(--az137-border) !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  background: var(--az137-bg-head) !important;
  color: var(--az137-text-main) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  white-space: nowrap !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az74-guild-table thead th:first-child {
  border-left-width: 1px !important;
  border-radius: 12px 0 0 12px !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az74-guild-table thead th:last-child {
  border-right-width: 1px !important;
  border-radius: 0 12px 12px 0 !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az74-guild-table tbody td {
  padding: 10px 8px !important;
  border: 1px solid rgba(255, 142, 94, .20) !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  background: var(--az137-bg-row) !important;
  color: var(--az137-text-soft) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-align: center !important;
  vertical-align: middle !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az74-guild-table tbody td:first-child {
  border-left-width: 1px !important;
  border-radius: 12px 0 0 12px !important;
  width: 18% !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az74-guild-table tbody td:last-child {
  border-right-width: 1px !important;
  border-radius: 0 12px 12px 0 !important;
  width: 18% !important;
}

body.az-v22-body:not(.page-admin) .az74-left .az74-guild-table tbody td:nth-child(2) {
  text-align: left !important;
  padding-left: 12px !important;
}

/* lekkie dopasowanie na telefonach */
@media (max-width: 767px) {
  body.az-v22-body:not(.page-admin) .az74-left .az137-rank-tabs .nav-link,
  body.az-v22-body:not(.page-admin) .az74-left .az101-rank-tabs .nav-link {
    min-height: 40px !important;
    font-size: 11px !important;
  }

  body.az-v22-body:not(.page-admin) .az74-left .az137-rank-table thead th,
  body.az-v22-body:not(.page-admin) .az74-left .az101-rank-table thead th,
  body.az-v22-body:not(.page-admin) .az74-left .az74-guild-table thead th {
    font-size: 9.5px !important;
  }

  body.az-v22-body:not(.page-admin) .az74-left .az137-rank-table tbody td,
  body.az-v22-body:not(.page-admin) .az74-left .az101-rank-table tbody td,
  body.az-v22-body:not(.page-admin) .az74-left .az74-guild-table tbody td {
    font-size: 10.5px !important;
  }
}