/* Sanal Oyunlar sayfası — ince ayar katmanı.
   Asıl görünüm design/vendor/virtual-original.css içindeki kapsamlı orijinal CSS'ten gelir. */

@font-face {
  font-family: OutfitRegular;
  src: url('../assets/fonts/outfit-regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: OutfitMedium;
  src: url('../assets/fonts/outfit-medium.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: OutfitSemiBold;
  src: url('../assets/fonts/outfit-semibold.woff2') format('woff2');
  font-weight: 600 900;
  font-display: swap;
}

.orj-vg {
  font-family: var(--ff-base, Outfit, Arial, sans-serif);
  color: #e8edf2;
  background: transparent;
  /* Sitenin kendi rayu zaten body'de; orijinal CSS'in ray boşluğunu sıfırla */
  padding-left: 0 !important;
  padding-bottom: 0 !important;
  --rail-offset: 0px;
  /* Orijinal sitede bu değişkenler tanımsız (fallback: normal).
     Sitemizin :root değerleri içeriğe sızmasın. */
  --fw-base: normal;
  --fw-medium: normal;
  --fw-heading: normal;
  --fw-light: normal;
}

.vg-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.orj-bos {
  padding: 24px 4px;
  color: #e8edf2c7;
  font-size: 14px;
  font-family: var(--ff-base, Outfit, Arial, sans-serif);
}

.vg-gizli {
  display: none !important;
}

/* Kategori filtreleri seçili durumu */
.category-pill[aria-pressed="true"] {
  background: #d62828;
  box-shadow: 0 2px 8px #d6282859;
  color: #e8edf2;
}

/* Yalnız mobil / yalnız masaüstü metinler */
.yalniz-mobil{display:none}
@media (max-width:767.98px){.yalniz-masaustu{display:none}.yalniz-mobil{display:inline}}