/* ==========================================================================
   TADO NETWORK — Özel Tema Kaplaması (Custom Theme Overlay)
   Bu dosya, Modern temanın PHP/HTML yapısına DOKUNMADAN, sadece mevcut
   CSS class isimlerini yeniden boyayarak TADO Network görünümüne çevirir.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
  --tado-ink: #101D3A;
  --tado-muted: #667085;
  --tado-line: #E7EAF0;
  --tado-soft: #F7F9FC;
  --tado-accent: #1857D8;
  --tado-accent-soft: #EEF4FF;
}

/* ---------- Genel tipografi ---------- */
body, input, select, textarea, .menu li a, .btn {
  font-family: 'Inter', 'Titillium Web', sans-serif !important;
}
/* v11 notu: buradaki eski "h1,h2,h3,h4,h5{font-weight:800 !important}" kuralı KALDIRILDI.
   Bu kural SİTE GENELİNDE (scope'suz) her başlığı zorla 800 ağırlığa getiriyordu —
   hem bizim KENDİ tasarımımızdaki daha ince başlıkları (.tado-mega-side h4:600,
   .tado-footer-col h4:700, .tado-value-item h3:600) !important ile eziyordu, HEM DE
   WiseCP'nin kendi stok sayfalarını (Müşteri Paneli giriş ekranı, "Oturum Aç" vb.)
   olması gerekenden çok daha kalın/büyük gösteriyordu — kullanıcı geri bildirimi
   ("yazılar genel olarak büyümüş... kalın") bunun kanıtıydı. Kendi tasarımımızdaki
   başlıklar zaten tado-theme.css içinde KENDİ font-weight değerlerini (600/700/800)
   tek tek belirtiyor; bu genel kural onlar için gereksizdi ve stok sayfalar için
   zararlıydı. Kaldırılınca her ikisi de kendi doğal/amaçlanan ağırlığına döndü.

/* ---------- Ana buton (Sepete Ekle, Gönder, vb.) ---------- */
.gonderbtn {
  border-radius: 12px !important;
  font-weight: 700 !important;
  transition: all .2s ease !important;
  box-shadow: 0 4px 14px rgba(24,87,216,.15) !important;
}
.gonderbtn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(24,87,216,.25) !important;
}
.tablepaket .gonderbtn,
.tablopaketler .gonderbtn {
  background: var(--tado-accent) !important;
  color: #fff !important;
  border: none !important;
}
.tablepaket .gonderbtn:hover { background: var(--tado-ink) !important; }

/* ---------- Fiyat/Paket kartları ---------- */
.tablepaket {
  border-radius: 20px !important;
  border: 1.5px solid var(--tado-line) !important;
  box-shadow: 0 8px 30px rgba(16,29,58,.05) !important;
  transition: all .25s ease !important;
}
.tablepaket:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(24,87,216,.14) !important;
  border-color: var(--tado-accent) !important;
}
.tablepaket.active {
  border: 2px solid var(--tado-accent) !important;
}
.tablepopular {
  background: var(--tado-accent) !important;
}
.tpakettitle, .tablepaket h3 { color: var(--tado-ink) !important; }
.tablepaket h4 { color: var(--tado-muted) !important; }

/* ---------- Ana sayfa domain sorgulama kutusu ---------- */
.homedomainarea {
  border-radius: 20px !important;
  box-shadow: 0 16px 45px rgba(16,29,58,.08) !important;
}
.homedomainarea h1 { color: var(--tado-ink) !important; }
.homedomainarea h4 { color: var(--tado-muted) !important; }
.homedomainarea input[type="submit"] {
  background: var(--tado-ink) !important;
  border-radius: 12px !important;
}
.homedomainarea input[type="submit"]:hover { background: var(--tado-accent) !important; }
.homedomainarea input:not([type="submit"]) { border-radius: 12px !important; }
.spottlds h5 { color: var(--tado-accent) !important; }

/* ---------- "Hakkımızda / anatanitim" bloğu ---------- */
.anatanitim .gonderbtn {
  border-radius: 30px !important;
  border-color: #fff !important;
}

/* ---------- Neden Biz / özellik kutuları ---------- */
.ozellik h4 { color: var(--tado-ink) !important; }
.servisikon { background: var(--tado-accent-soft) !important; }
.ozellik:hover .servisikon { background: var(--tado-accent) !important; }
.servisikonalt { color: var(--tado-accent) !important; }
.ozellik .servisikonalt:hover { background: var(--tado-accent) !important; }

/* ---------- İstatistikler ---------- */
.istatistik h1, .istatistik h2 { color: var(--tado-ink) !important; }
.istatistik span { background: var(--tado-accent) !important; }

/* ---------- Blog / haber kartları ---------- */
.haberblog {
  border-radius: 16px !important;
  border: 1px solid var(--tado-line);
  box-shadow: 0 4px 16px rgba(16,29,58,.04) !important;
}
.haberblog li h4 a { color: var(--tado-ink) !important; }
.haberbloktitle i { color: var(--tado-accent) !important; }

/* ---------- Fiyat/paket kart pager ---------- */
.pager a { border-color: var(--tado-accent) !important; }
.pager a:hover, .pager a.selected { background: var(--tado-accent) !important; }

/* ---------- Bölüm başlıkları ---------- */
.pakettitle { color: var(--tado-accent) !important; }
.pakettitle h2 { color: var(--tado-muted) !important; font-weight: 500 !important; }
/* v12 notu: sipariş akışı (Hizmet Süresi Seçimi / Alan Adı Belirle / Sepete Git — WiseCP'nin
   çekirdek "siparis" modülü) burada h2 değil h1 kullanıyor, bu yüzden yukarıdaki genel
   ".pakettitle" kuralına düşüp TÜM başlık düz accent-mavi çıkıyordu — sitenin geri kalanındaki
   (ör. /alan-adi, ana sayfa bölüm başlıkları) lacivert (--tado-ink) başlık kuralıyla tutarsızdı. */
.pakettitle h1 { color: var(--tado-ink) !important; font-weight: 700 !important; }

/* ---------- İletişim sayfası ---------- */
.iletisimblok h3 { color: var(--tado-accent) !important; }
.iletisimblok i { color: var(--tado-accent) !important; }
.iletisimformu input:focus, .iletisimformu textarea:focus {
  border-bottom-color: var(--tado-accent) !important;
  color: var(--tado-accent) !important;
}
.googlemap iframe { border-radius: 16px !important; overflow: hidden; }

/* ---------- Referanslar / logo listesi ---------- */
.anascriptlist {
  border-radius: 14px !important;
  box-shadow: 0 4px 16px rgba(16,29,58,.05) !important;
}
.anascriptlist:hover {
  box-shadow: 0 12px 28px rgba(24,87,216,.12) !important;
  transform: translateY(-3px);
}

/* ---------- Menü ---------- */
.menu li a:hover { border-bottom: 2px solid var(--tado-accent) !important; }
#megamenuservice:hover { box-shadow: 0 0 20px var(--tado-accent-soft), inset 0 0 10px 5px var(--tado-accent-soft) !important; }
#megamenuservice i { color: var(--tado-accent); }

/* ---------- Alan adı sorgulama sayfası ---------- */
.uzantibox:hover { border-color: var(--tado-accent) !important; }
.uzantibox { border-radius: 12px !important; border-color: var(--tado-line) !important; box-shadow: 0 4px 16px rgba(16,29,58,.05) !important; }
/* v11 notu: bu sayfanın başlığı (WiseCP'nin kendi domain modülü, "Sadece X₺ ile Alan
   Adınıza Hemen Sahip Olun!") varsayılan olarak mavi-gri (#607D8B) bir renk kullanıyordu —
   sitenin geri kalanındaki lacivert (--tado-ink) başlık renginden farklı duruyordu ve
   kullanıcı bu sayfanın diğer sayfalarla "tasarımsal olarak aynı" olmasını istedi. */
.alanadisorgu h1 { color: var(--tado-ink) !important; letter-spacing: -1px; }
.tescilucretleri table { border-radius: 14px !important; }
#checkButton, .alanadisorgu .gonderbtn {
  background: var(--tado-ink) !important;
  border-radius: 30px !important;
}
/* v13 notu: eskiden sadece "#checkButton:hover" vardı — bu SADECE "Kontrol Et" butonunu
   (id="checkButton") kapsıyordu. "Transfer Et" butonu aynı .gonderbtn class'ını kullanıyor
   ama id="transferbtn" olduğu için hover'da hiçbir renk değişimi olmuyordu. Artık ikisi de
   (ve aynı yapıdaki başka olası butonlar da) aynı hover rengini alıyor. */
#checkButton:hover, .alanadisorgu .gonderbtn:hover { background: var(--tado-accent) !important; }
.domdiscount, .ddiscountnewprice { color: var(--tado-accent) !important; }

/* ---------- Footer ---------- */
.footer { background-color: var(--tado-ink) !important; }
.footblok a:hover { color: #fff !important; }
.aboneolbtn { background: var(--tado-accent) !important; border-radius: 30px !important; }
.aboneolbtn:hover { background: var(--tado-ink) !important; }
.ebultencont { border-radius: 40px !important; }

/* ---------- Sepet / sipariş adımları ---------- */
.sepetbaslik { background: var(--tado-ink) !important; border-radius: 14px !important; }
.sepetlist { border-radius: 14px !important; }
.sepetright .gonderbtn, .sunucusipside .gonderbtn, .destekdetayright .gonderbtn {
  background: var(--tado-accent) !important;
  border-radius: 12px !important;
}
#asamaaktif h3 { background: var(--tado-accent) !important; }
#asamaaktif { color: var(--tado-accent) !important; }
/* v12 notu: pasif adım daireleri (2, 3 — henüz sırası gelmemiş adımlar) WiseCP'nin eski
   varsayılan mavi-gri (#607D8B) rengini kullanıyordu — bu, daha önce /alan-adi sayfasında
   düzelttiğimiz aynı "stok WiseCP rengi" sorunu. Aktif daire (#asamaaktif) zaten yukarıda
   accent renkte, sadece pasif olanları site paletine (--tado-muted) uyduruyoruz. */
.ilanasamax:not(#asamaaktif) h3 { color: var(--tado-muted) !important; }
/* Seçili hizmet süresi/paket kartının kenarlığı (#25455F, farklı bir lacivert tonu) ve sipariş
   akışındaki yeşil (#8BC34A) "Devam" butonu site paletine (--tado-ink / --tado-accent) uyduruldu. */
.orderperiodblock.active { border-color: var(--tado-accent) !important; }
.orderperiodblock:hover { border-color: var(--tado-accent) !important; }
.mio-ajax-submit {
  background: var(--tado-ink) !important;
  border-radius: 30px !important;
}
.mio-ajax-submit:hover { background: var(--tado-accent) !important; }

/* ---------- Genel kart/yuvarlatma tutarlılığı ---------- */
.list, .invoicex, .uyeol, .mpanelleft, .mpanelright, .sidebar,
.hizmetblok, .destekinfo, .ModifyDns, .bankablok {
  border-radius: 14px !important;
}

/* ---------- Sıkça Sorulan Sorular ---------- */
.sss .ui-state-active { color: var(--tado-accent) !important; }
.sss .ui-accordion-header { border-radius: 10px !important; }