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

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

/* 2. Nagłówek strony (Header) */
header h1 {
  font-size: clamp(33px, 6vw, 69px) !important;
}
.header-ornament {
  font-size: 16.5px !important;
}

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

/* 4. Sekcja Wyszukiwarki (Search) */
.search-label {
  font-size: 16.5px !important;
}
.search-row input {
  font-size: 24px !important;
  padding: 18px 27px !important;
}
.search-row button {
  font-size: 16.5px !important;
  padding: 0 33px !important;
}
.search-stats {
  font-size: 19.5px !important;
}

/* 5. Filtry poziomów (Exp Filter) */
.exp-btn {
  font-size: 15px !important;
  padding: 9px 21px !important;
}

/* 6. Paski informacyjne stref (Exp Zone Header) */
.exp-zone-badge {
  font-size: 16.5px !important;
  padding: 6px 21px !important;
}
.exp-zone-title {
  font-size: 22.5px !important;
}
.exp-zone-count {
  font-size: 18px !important;
}

/* 7. Statystyki ogólne (Stats Bar) */
.stat-pill {
  padding: 12px 24px !important;
  font-size: 21px !important;
}
.stat-pill-value {
  font-size: 22.5px !important;
}

/* 8. Karta Potwora (Mob Card Header) */
.mob-name {
  font-size: 21px !important;
}
.mob-id {
  font-size: 16.5px !important;
}
.mob-hp-badge {
  font-size: 18px !important;
  padding: 4.5px 15px !important;
}
.boss-tag {
  font-size: 13.5px !important;
  padding: 3px 12px !important;
}

/* 9. Tytuły sekcji dropu oraz listy przedmiotów */
.mob-drops-title {
  font-size: 13.5px !important;
  margin-top: 15px !important;
  margin-bottom: 12px !important;
}
.drop-item {
  padding: 6px 12px !important;
  gap: 12px !important;
}
.drop-type-badge {
  font-size: 12px !important;
  padding: 2px 8px !important;
}
.drop-name {
  font-size: 19.5px !important;
}
.drop-amount {
  font-size: 18px !important;
}
.drop-chance {
  font-size: 18px !important;
  padding: 2px 9px !important;
}
.mob-no-drops {
  font-size: 19.5px !important;
}

/* 10. Ekrany oczekiwania / Brak wyników */
.placeholder-icon {
  font-size: 96px !important;
}
.placeholder-title {
  font-size: 27px !important;
}
.placeholder-text, #noResults {
  font-size: 24px !important;
}

/* 11. Zabezpieczenie RWD przed nakładaniem się kolumn przy dużym tekście */
@media (max-width: 1100px) {
  .mob-grid {
    grid-template-columns: 1fr !important; /* Przełącza siatkę na 1 kolumnę wcześniej, żeby zachować czytelność dropów */
  }
}