/* Alan adı sayfaları: sorgula, sonuç, transfer, fiyatlar, WHOIS, Cloud DNS.
   Renk, yazı tipi ve boşluk yalnızca vionup.css değişkenlerinden gelir. */

/* ---------- Popüler uzantı kartları ---------- */
.va-tlds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);list-style:none;margin:0;padding:0}
.va-tld{display:flex;flex-direction:column;gap:var(--space-1);height:100%;padding:20px 24px;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);text-decoration:none;color:var(--ink)!important;transition:box-shadow .15s}
.va-tld:hover{box-shadow:var(--shadow-card-hover)}
.va-tld__name{font:800 28px/1.2 var(--font-display);letter-spacing:-.02em}
.va-tld__price{font-weight:600}
.va-tld__price small{font-weight:400;font-size:15px;color:var(--text-muted)}
.va-tld__renew{font-size:14px;color:var(--text-muted)}

/* ---------- Sonuç listesi ---------- */
.va-results{display:flex;flex-direction:column;gap:var(--space-10)}
.va-group{display:flex;flex-direction:column;gap:var(--space-4)}
.va-item__main{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 300px}
.va-item__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}
.va-item__note{display:flex;gap:6px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--text-secondary);max-width:520px}
.va-item__note svg{flex:none;margin-top:3px}
.va-item__error{display:flex;gap:6px;align-items:flex-start;flex-basis:100%;font-size:15px;color:var(--status-error-text)}
.va-item__error svg{flex:none;margin-top:3px}
.va-item__period{font-size:15px;color:var(--text-secondary);white-space:nowrap}
.va-badge{gap:6px}
.va-badge svg{flex:none}
.va-select{min-height:44px;padding:0 12px;border:1.5px solid var(--border-control);border-radius:var(--radius-md);background:var(--surface);font:400 15px/1.2 var(--font-sans);color:var(--ink);cursor:pointer}
.va-select:hover{border-color:var(--ink)}
.va-skel{display:block;width:132px;height:44px}
.va-skel--wide{width:220px}
.va-skel--line{width:60%;height:20px}
.va-links{display:flex;flex-wrap:wrap;gap:var(--space-2) 20px;align-items:center}
.va-links .v-link,.va-links .v-linkbtn{min-height:44px;display:inline-flex;align-items:center}
.va-more{align-self:flex-start}
.v-domain-item.is-primary .v-domain-item__name{font-size:28px;line-height:1.2;letter-spacing:-.02em}
.v-body.va-has-bar{padding-bottom:84px}
.va-bar__text{font-weight:600}

/* ---------- Araç sonucu (transfer, WHOIS) ---------- */
.va-tool{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:720px}
.va-tool .v-result{text-align:left}
.va-result__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}
.va-ns{list-style:none;margin:0;padding:0}

/* ---------- Fiyat tablosu ---------- */
/* .v-sr (position:absolute) öğeleri kaydırma kutusunun dışına taşıp sayfayı yana kaydırmasın */
.v-table-wrap{position:relative}
.va-filter{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}
.va-filter .v-field{max-width:420px}
.va-prices .v-table{min-width:640px}
.va-prices tbody th a{color:var(--ink);text-decoration:none}
.va-prices tbody th a:hover{color:var(--brand-orange-deep);text-decoration:underline}
.va-prices tr[hidden]{display:none}
.va-prices small{font-size:13px}
.va-count{font-size:15px;color:var(--text-muted)}

/* ---------- Cloud DNS fiyat kartı ---------- */
.va-pricecard{display:flex;flex-direction:column;gap:var(--space-4);padding:28px;border:2px solid var(--ink);border-radius:var(--radius-xl);background:var(--surface);max-width:440px;width:100%}
.va-pricecard .v-badge{align-self:flex-start}
.va-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);font-size:15px;color:var(--text-secondary)}
.va-checks li{display:flex;gap:var(--space-2)}
.va-checks svg{flex:none;margin-top:3px}

@media (max-width:1100px){
  .va-tlds{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .va-tld{padding:16px}
  .va-tld__name{font-size:24px}
  .v-domain-item__right{width:100%}
  .v-domain-item__right .v-btn{flex:1 1 auto}
  .v-domain-item.is-primary .v-domain-item__name{font-size:24px}
  .v-stickybar__inner .v-btn{white-space:nowrap}
  .va-pricecard{padding:20px}
}