/* Sunucu bazli fiyat sayfasi. Ust ozet seridi, tek sunucu tablosu ve
   sunucular arasi baglantilar. Tablo stilinin kendisi style.css'ten geliyor. */

.sv-ozet {
  display: grid; gap: 12px; margin-bottom: 18px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.sv-kutu {
  display: flex; flex-direction: column; gap: 3px;
  padding: 13px 15px;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-sm);
  background: var(--ucuz-panel);
}
.sv-etiket {
  font-family: var(--yt-metin); font-size: .64rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: .06em; color: var(--ucuz-sonuk2);
}
.sv-deger {
  font-size: 1.18rem; font-weight: 700; color: var(--ucuz-metin);
  font-variant-numeric: tabular-nums;
}
.sv-deger small { font-size: .74rem; font-weight: 600; color: var(--ucuz-sonuk); }
.sv-alt { font-size: .74rem; color: var(--ucuz-sonuk3); }

/* Tablo basligindaki ikinci satir: hangi kolon hangi yon. */
.sv-bas-alt {
  display: block; margin-top: 2px;
  font-size: .55rem; font-weight: 600; letter-spacing: .04em;
  text-transform: none; color: var(--ucuz-sonuk3);
}

.sv-damga {
  display: flex; align-items: center; flex-wrap: wrap;
  margin: -8px 0 22px; font-size: .76rem; color: var(--ucuz-sonuk2);
}
.sv-damga b { color: var(--ucuz-metin2); font-weight: 600; }

/* Sunucular ve rehberler arasi ic baglantilar. */
.sv-baglar { display: flex; flex-wrap: wrap; gap: 8px; }
.sv-baglar a {
  padding: 6px 12px;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-tam);
  background: rgba(255,255,255,.03);
  color: var(--ucuz-metin2); text-decoration: none;
  font-size: .8rem;
  transition: background .12s, border-color .12s, color .12s;
}
.sv-baglar a:hover {
  background: rgba(242,179,61,.1); border-color: var(--ucuz-gold-cizgi);
  color: var(--ucuz-metin);
}
.sv-baglar a.is-ana {
  border-color: var(--ucuz-gold-cizgi); background: var(--ucuz-gold-zayif);
  color: var(--ucuz-gold); font-weight: 600;
}

/* Bu sayfada tabloda tek sunucu var, ad sutunu genis durabilir. */
#svTablo .table .ad-sutun { min-width: 140px; }
#svTablo .table tbody th { text-align: left; padding-left: 16px; }
#svTablo .table tbody th .site-adi { justify-content: flex-start; }
#svTablo .site-logo { margin-inline: 0; }