/* Rise item pazarina ozel parcalar. Sayfanin kendisi KO item pazarindan
   catallandi: tablo, ray, acilir detay, cipler, sayfalama item-pazari.css'ten
   geliyor. Burada yalniz Rise'da olup KO'da olmayan seyler var: nadirlik
   rozeti, tur etiketi ve ayni tablodaki paket satiri. */

/* ------------------------------------------------------- nadirlik / tur */

/* Renkler oyunun kendi kalite basamaklarini izliyor. Ad Ingilizce kaliyor -
   Basic, Rare, Epic, Unique, Celestial - oyuncu zaten boyle diyor. */
.rp-nadir {
  padding: 1px 7px 2px;
  border-radius: var(--r-tam);
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1.6;
  color: var(--sv, var(--ucuz-sonuk));
  background: color-mix(in srgb, var(--sv, var(--ucuz-sonuk)) 14%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sv, var(--ucuz-sonuk)) 32%, transparent);
}

.rp-nadir--basic { --sv: #8792a3; }
.rp-nadir--rare { --sv: #4aa3f0; }
.rp-nadir--epic { --sv: #a97bf0; }
.rp-nadir--unique { --sv: #f2b33d; }
.rp-nadir--celestial { --sv: #3ad0c4; }
.rp-nadir--material { --sv: #7f8894; }

.rp-tur {
  padding: 1px 7px 2px;
  border-radius: var(--r-tam);
  border: 1px solid var(--ucuz-border);
  font-size: .64rem;
  font-weight: 600;
  line-height: 1.6;
  color: var(--ucuz-sonuk2);
}

/* --------------------------------------------------------- paket satiri */

/* Paket ayni tabloda duruyor ama gozle ayirt edilebilsin diye sol kenarinda
   ince bir seri var; renk esya satirlarindan calmasin diye sonuk. */
.ip-satir--paket td:first-child { box-shadow: inset 3px 0 0 var(--ucuz-pasif); }

.ip-ikon-paket {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px; height: 38px;
  flex: 0 0 auto;
  border-radius: var(--r-sm);
  background: var(--ucuz-dark);
  box-shadow: inset 0 0 0 1px var(--ucuz-border);
  color: var(--ucuz-sonuk2);
  font-size: 1.05rem;
}

.rp-paket-rozet {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 1px 7px 2px;
  border-radius: var(--r-tam);
  background: color-mix(in srgb, var(--ucuz-gold) 14%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ucuz-gold) 32%, transparent);
  color: var(--ucuz-gold);
  font-size: .64rem;
  font-weight: 700;
  line-height: 1.6;
}

/* Ilk iki parcanin adi baslikta duruyor, kalani sayiyla. Tam liste satira
   tiklayinca aciliyor. */
.rp-ad-daha {
  margin-left: 6px;
  padding: 0 5px;
  border-radius: var(--r-tam);
  background: var(--ucuz-yukselti);
  color: var(--ucuz-sonuk2);
  font-family: var(--yt-sayi);
  font-size: .68rem;
  font-weight: 700;
}

/* Rayin durdugu yerde paketin icindekiler yaziyor: ayni yukseklik, ayni
   hiza. Uzun setlerde iki satirda kesiliyor, tamami acilir dokumde. */
.rp-icerik-sar {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 3px 8px;
  min-height: 20px;
}

.rp-icerik {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: .74rem;
  line-height: 1.5;
  color: var(--ucuz-sonuk);
}

.rp-icerik i { color: var(--ucuz-pasif); font-style: normal; }
.rp-icerik--yok { color: var(--ucuz-sonuk2); font-style: italic; }

.rp-icerik-eksik {
  flex: 0 0 auto;
  font-size: .68rem;
  font-weight: 600;
  color: var(--ucuz-sonuk2);
}

/* Fiyatin altindaki uyari: bu rakam tek parcanin degil, paketin fiyati. */
.rp-fiyat-not {
  display: block;
  margin-top: 2px;
  font-size: .66rem;
  color: var(--ucuz-sonuk2);
}

/* --------------------------------------------------- paketin acilir dokumu */

.rp-paket-icerik {
  margin: 0;
  padding: 0 0 0 17px;
  columns: 2;
  column-gap: 26px;
  font-size: .8rem;
  line-height: 1.8;
  color: var(--ucuz-metin2);
}

.rp-paket-icerik li { break-inside: avoid; }
.rp-paket-icerik li::marker { color: var(--ucuz-pasif); }
.rp-paket-eksik { color: var(--ucuz-sonuk2); font-style: italic; }

.rp-paket-bilinmez { margin: 0; font-size: .82rem; line-height: 1.6; }
.rp-paket-bilinmez strong { display: block; color: var(--ucuz-metin2); }
.rp-paket-bilinmez span { color: var(--ucuz-sonuk2); font-size: .76rem; }

.ip-detay .rp-paket-icerik + .ip-d-bag,
.ip-detay .rp-paket-bilinmez + .ip-d-bag { display: inline-block; margin-top: 12px; }

/* ----------------------------------------------------------- kaynak notu */

.ip-kaynak-not {
  margin: 18px 0 0;
  max-width: 82ch;
  font-size: .78rem;
  line-height: 1.7;
  color: var(--ucuz-sonuk2);
}

.ip-kaynak-not a { color: var(--ucuz-sonuk); }

@media (max-width: 767.98px) {
  .rp-paket-icerik { columns: 1; }
}