/* Plik: ranking-duze-znaki.css (Skalowanie 1.5x) */

/* 1. Podniesienie bazowej wielkości tekstu całej strony */
html {
  font-size: 25.5px !important; /* 17px * 1.5 */
}

/* 2. Główny nagłówek strony (Header) */
.header-ornament {
  font-size: 16.5px !important;
  margin-bottom: 18px !important;
}
header h1 {
  font-size: clamp(39px, 6vw, 78px) !important;
}
.header-sub {
  font-size: 22.5px !important;
  margin-top: 15px !important;
}
.divider {
  margin-top: 27px !important;
  max-width: 510px !important;
}
.divider-gem {
  width: 12px !important;
  height: 12px !important;
}

/* 3. Nawigacja główna (Nav) */
.nav-item {
  font-size: 18px !important;
  padding: 21px 42px !important;
}
.nav-icon {
  font-size: 24px !important;
}

/* 4. Sekcja wyszukiwania (Search) */
.search-wrap {
  margin-bottom: 72px !important;
  gap: 21px !important;
}
.search-label {
  font-size: 16.5px !important;
}
.search-row {
  max-width: 780px !important;
}
.search-row input {
  font-size: 24px !important;
  padding: 19.5px 27px !important;
}
.search-row button {
  font-size: 18px !important;
  padding: 0 36px !important;
}

/* 5. Tytuły sekcji i Tabela rankingu (Leaderboard) */
.section-title {
  font-size: 19.5px !important;
  margin-bottom: 30px !important;
  gap: 21px !important;
}
table {
  font-size: 22.5px !important;
}
th {
  font-size: 15px !important;
  padding: 21px 24px !important;
}
td {
  padding: 18px 24px !important;
}

/* Klasy kolumn w tabeli */
.col-rank { font-size: 19.5px !important; width: 78px !important; }
.rank-1 { font-size: 24px !important; }
.rank-2 { font-size: 22.5px !important; }
.rank-3 { font-size: 21px !important; }

.col-player { gap: 18px !important; min-width: 270px !important; }
.col-player img { width: 54px !important; height: 54px !important; }
.player-name { font-size: 21px !important; }
.player-class { font-size: 18px !important; }
.col-level { font-size: 24px !important; }
.col-exp { font-size: 21px !important; }

.bar-cell { min-width: 180px !important; }
.bar-wrap { gap: 12px !important; font-size: 19.5px !important; }
.bar-bg { height: 7.5px !important; border-radius: 4.5px !important; }
.bar-fill { border-radius: 4.5px !important; }
.bar-val { font-size: 18px !important; }

/* 6. Stronicowanie (Pagination) */
.pagination { gap: 9px !important; margin-top: 48px !important; }
.page-btn { font-size: 18px !important; padding: 12px 21px !important; }

/* 7. Nagłówek Profilu w oknie modalnym (Profile Hero) */
.profile-panel { max-width: 1440px !important; }
.profile-close { top: 24px !important; right: 30px !important; font-size: 27px !important; width: 51px !important; height: 51px !important; }
.profile-hero { gap: 42px !important; padding: 54px 54px 42px !important; }
.profile-avatar { width: 135px !important; height: 135px !important; }
.profile-rank-badge { bottom: -12px !important; right: -12px !important; font-size: 16.5px !important; padding: 3px 12px !important; }
.profile-name { font-size: 39px !important; }
.profile-meta { margin-top: 12px !important; gap: 18px !important; }
.profile-tag { gap: 9px !important; font-size: 19.5px !important; }
.profile-tag .dot { width: 10.5px !important; height: 10.5px !important; }
.klan-badge { padding: 4.5px 18px !important; font-size: 16.5px !important; }

.profile-level-big { min-width: 120px !important; }
.level-num { font-size: 78px !important; }
.level-label { font-size: 13.5px !important; margin-top: 6px !important; }

/* 8. Zawartość okna profilu (Profile Body & Cards) */
.profile-body { padding: 42px 54px 54px !important; gap: 30px !important; }
.stat-card { padding: 27px 30px !important; }
.stat-card-title { font-size: 15px !important; margin-bottom: 21px !important; gap: 12px !important; }
.stat-card-icon { font-size: 21px !important; }

.stat-row { padding: 7.5px 0 !important; gap: 15px !important; }
.stat-row-label { font-size: 21px !important; }
.stat-row-value { font-size: 21px !important; }

/* Paski zasobów i atrybutów (HP / MP / STR / DEX / INT) */
.res-bar-row { padding: 9px 0 !important; gap: 15px !important; }
.res-bar-label { width: 120px !important; font-size: 19.5px !important; }
.res-bar-bg { height: 10.5px !important; border-radius: 6px !important; }
.res-bar-fill { border-radius: 6px !important; }
.res-bar-val { width: 75px !important; font-size: 18px !important; }

.attr-bar-row { padding: 10.5px 0 !important; gap: 18px !important; }
.attr-icon { font-size: 24px !important; width: 33px !important; }
.attr-lbl { font-size: 19.5px !important; width: 132px !important; }
.attr-bg { height: 10.5px !important; border-radius: 6px !important; }
.attr-fill { border-radius: 6px !important; }
.attr-val { font-size: 22.5px !important; width: 60px !important; }

/* Profesje i Umiejętności (Professions & Skills) */
.prof-grid { gap: 15px !important; }
.prof-card { padding: 18px !important; }
.prof-icon { font-size: 36px !important; margin-bottom: 6px !important; }
.prof-name { font-size: 13.5px !important; margin-bottom: 6px !important; }
.prof-lvl { font-size: 33px !important; }
.prof-exp-txt { font-size: 16.5px !important; margin-top: 3px !important; }
.prof-expbar { height: 6px !important; margin-top: 9px !important; border-radius: 3px !important; }
.prof-expfill { border-radius: 3px !important; }

.skill-row { padding: 7.5px 0 !important; gap: 12px !important; font-size: 19.5px !important; }
.skill-lvl { font-size: 18px !important; }

.bound-row { padding: 7.5px 0 !important; }
.bound-slot { font-size: 16.5px !important; }
.bound-skill { font-size: 19.5px !important; }

.xp-bar-wrap { margin-top: 9px !important; }
.xp-bar-nums { font-size: 16.5px !important; margin-bottom: 4.5px !important; }
.xp-bar-bg { height: 7.5px !important; border-radius: 4.5px !important; }
.xp-bar-fill { border-radius: 4.5px !important; }

/* Komunikaty (Loading / Toast / No Data) */
.loading { padding: 90px 30px !important; font-size: 24px !important; }
.loading::after { width: 48px !important; height: 48px !important; margin-top: 30px !important; }
.error-msg { padding: 60px !important; }
.no-data { font-size: 19.5px !important; padding: 9px 0 !important; }
#toast { bottom: 42px !important; font-size: 19.5px !important; padding: 18px 36px !important; }

/* 9. Poprawki RWD dla powiększonego interfejsu */
@media (max-width: 1024px) {
  .profile-body { grid-template-columns: repeat(2, 1fr) !important; }
  th, td { padding: 15px 15px !important; }
  .nav-item { padding: 18px 21px !important; font-size: 15px !important; }
}

@media (max-width: 768px) {
  .profile-body { grid-template-columns: 1fr !important; padding: 30px !important; }
  .prof-grid { grid-template-columns: 1fr !important; }
  .skills-grid { grid-template-columns: 1fr !important; }
  .profile-hero { padding: 36px 30px 30px !important; }
}