/* sunuculari.com — merkez ve oyun sitesi ana sayfası (A). Tasarımın stilleri sr.css'tedir; burada yalnız üretimin
   farkları durur: 9 oyunlu raf, topluluk satırı (Discord, TeamSpeak), boş vitrin/slot kartları, gerçek bağlantı
   olarak basılan öğeler ve sunucusu olmayan oyunun boş durumu. */

/* ── Oyun rafı: tasarımda 7 kapak vardı, üretimde 9 oyun tek sıra ── */
@media (min-width: 1181px) {
  .sr-shelf.snc-shelf { grid-template-columns: repeat(var(--n, 9), minmax(0, 1fr)); gap: clamp(10px, .95vw, 18px); }
  .snc-shelf .sr-cover__t { gap: 7px; }
  .snc-shelf .sr-cover__t b { font-size: clamp(14px, 1.04vw, 16px); }
}
.sr-cover { color: inherit; text-decoration: none; }
.sr-cover__m .sr-live.is-off { color: var(--ink-3); }

/* ── Topluluk satırı: oyun değil, aynı dille yatay kutular ── */
.snc-comm { display: flex; align-items: center; gap: 14px 22px; margin-top: 26px; flex-wrap: wrap; }
.snc-comm__h { margin: 0; color: var(--ink-3); font-size: 14px; font-weight: 600; letter-spacing: 0; line-height: 1.3; }
.snc-comm__l { display: grid; grid-template-columns: repeat(2, minmax(0, 360px)); gap: clamp(10px, .95vw, 18px); flex: 1 1 auto; }
.snc-comm__it { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px; min-width: 0; padding: 8px 18px 8px 8px; border: 1px solid var(--line); border-radius: 16px; background: var(--card); color: inherit; text-decoration: none; transition: transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s var(--ease); }
.snc-comm__it:hover { transform: translateY(-3px); border-color: var(--line-2); box-shadow: var(--sh-2); }
.snc-comm__img { width: 64px; height: 64px; border-radius: 12px; overflow: hidden; background: var(--bg-3); box-shadow: 0 1px 2px rgba(15, 19, 17, .08), 0 10px 20px -14px rgba(15, 19, 17, .45); }
.snc-comm__img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .2s var(--ease); }
.snc-comm__it:hover .snc-comm__img img { transform: scale(1.05); }
.snc-comm__b { display: grid; gap: 2px; min-width: 0; }
.snc-comm__b b { font-size: 16px; font-weight: 650; letter-spacing: -.015em; line-height: 1.3; }
.snc-comm__b small { color: var(--ink-3); font-size: 13px; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.snc-comm__m { display: flex; flex-wrap: wrap; gap: 2px 12px; color: var(--ink-3); font-size: 13px; line-height: 1.45; }
.snc-comm__m .sr-live { color: var(--ink-2); gap: 6px; }
.snc-comm__m .sr-live::before { width: 6px; height: 6px; }
.snc-comm__m b { font-weight: 600; color: var(--ink); }
.snc-comm__go { color: var(--ink-3); font-size: 18px; transition: transform .2s var(--ease), color .2s var(--ease); }
.snc-comm__it:hover .snc-comm__go { transform: translateX(3px); color: var(--ink); }
@media (max-width: 720px) {
  .snc-comm { margin-top: 18px; gap: 10px; }
  .snc-comm__l { grid-template-columns: minmax(0, 1fr); width: 100%; }
  .snc-comm__img { width: 52px; height: 52px; }
}

/* ── Boş vitrin yeri ve boş slot: aynı ölçü, reklam sayfasına gider ── */
.sr-card .snc-slot__img, .sr-pod .snc-slot__img { display: grid; place-content: center; justify-items: center; gap: 10px; background: var(--bg-2); color: var(--ink-2); text-decoration: none; }
.sr-card .snc-slot__img::before, .sr-pod .snc-slot__img::before { content: ""; position: absolute; inset: 10px; z-index: 1; height: auto; border: 1.5px dashed rgba(15, 19, 17, .22); border-radius: 12px; background: none; pointer-events: none; transition: border-color .2s var(--ease); }
.sr-ph img.snc-slot__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .16; filter: grayscale(1); transition: opacity .3s var(--ease), filter .3s var(--ease), transform .3s var(--ease); }
.snc-slot:hover img.snc-slot__bg, .snc-pod--empty:hover img.snc-slot__bg { opacity: .3; filter: grayscale(.35); }
.snc-slot__ic { position: relative; z-index: 2; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--card); box-shadow: var(--sh-1), 0 0 0 1px var(--line); color: var(--ink); font-size: 21px; transition: transform .25s var(--ease); }
.snc-slot__t { position: relative; z-index: 2; font-size: 14px; font-weight: 600; }
.sr-pod .snc-slot__img .sr-pod__n { z-index: 3; }
.snc-slot:hover .snc-slot__img::before, .snc-pod--empty:hover .snc-slot__img::before { border-color: var(--acc); }
/* Telefonda boş vitrin yerlerinden en fazla ikisi görünür (dört boş kart ekranı doldurmasın). */
@media (max-width: 720px) {
  .sr-cards > .snc-slot ~ .snc-slot ~ .snc-slot { display: none; }
}
.snc-slot__img:hover .snc-slot__ic, .snc-slot:hover .snc-slot__ic, .snc-pod--empty:hover .snc-slot__ic { transform: translateY(-3px) rotate(-10deg); }
.snc-slot__ico { color: var(--ink-3); font-size: 20px; }
.snc-slot__cta { justify-content: center; gap: 8px; }
.sr-card .snc-slot__cta { width: 100%; height: 40px; font-size: 13.5px; }
.sr-card.snc-slot .sr-card__t b { cursor: default; }
.snc-pod--empty .sr-pod__name { color: var(--ink-2); cursor: default; }
.snc-pod--empty .snc-slot__cta { flex: 1 1 auto; }
.snc-pod--empty .sr-pod__n { color: var(--ink-3); }
.snc-pod--empty .sr-fc__media { cursor: pointer; }

/* ── Gerçek bağlantı olarak basılan tasarım öğeleri ── */
a.sr-fc__imgs { display: block; }
.sr-pod__name a { color: inherit; text-decoration: none; }
.sr-pod__name a:hover { text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
a.sr-stage__media, a.sr-strip__go, a.sr-stage__cta, a.sr-stage__lbl, a.sr-stage__name { color: inherit; text-decoration: none; }
a.sr-stage__name { display: block; color: transparent; }
a.sr-stage__cta { color: #2a1600; }
.sr-more4 { flex-wrap: wrap; }
.sr-more4 a.sr-btn { text-decoration: none; }

/* ── Sunucusu olmayan oyun ya da iniş sayfası ── */
.sr-body.snc-body--norail { grid-template-columns: minmax(0, 1fr); }
.snc-empty0 { margin-top: 6px; padding: 56px 24px 60px; border: 1px dashed var(--line-2); border-radius: 20px; background: var(--bg-2); }
.snc-empty0 b { color: var(--ink); font-size: 18px; font-weight: 650; }
.snc-empty0 span { max-width: 460px; }
.snc-empty0__a { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.snc-empty-sm { padding: 40px 24px; border: 1px dashed var(--line-2); border-radius: 20px; background: var(--bg-2); }
.snc-empty-sm b { color: var(--ink); }

/* Filtre seçili satır yokken "Daha fazla göster" ve sayaç gizli kalır. */
#v3-more:empty { display: none; }
.sr-empty .sr-btn i { font-size: 18px; color: inherit; }