/* =====================================================================
   ConhostV3 — WiseCP uyum katmani (harmonization layer)
   WiseCP cekirdek sayfalarinin (urun listeleme, siparis, sepet, odeme,
   giris/kayit, musteri paneli) markup'ini DEGISTIRMEDEN Conhost tasarim
   diline cevirir. ana.css'ten SONRA yuklenir -> Conhost stilleri kazanir.
   Conhost token'lari (ana.css :root) burada da kullanilir.
   ===================================================================== */

:root{
  --w-vurgu: var(--vurgu, #912790);
  --w-vurgu-koyu: var(--vurgu-koyu, #7c1d7c);
  --w-ana: var(--ana-renk, #0f172a);
  --w-kenar: var(--kenarlik, #e2e8f0);
  --w-soluk: var(--yazi-soluk, #64748b);
  --w-yuv: var(--yuvarlatma, 10px);
  --w-yuv-k: var(--yuvarlatma-kucuk, 6px);
  --w-golge: 0 1px 3px rgba(15,23,42,.08), 0 1px 2px rgba(15,23,42,.04);
  --w-golge-buyuk: 0 10px 30px rgba(15,23,42,.10);
}

/* ====================== ALAN ADI (domain.php) — Conhost hero + temiz tablo ====================== */
.wclientdomainpage .alanadisorgu{
  background:linear-gradient(135deg, var(--ana-renk,#0f172a) 0%, var(--ana-renk-acik,#1e293b) 55%, #2d1b3d 100%);
  padding:4rem 1.5rem 4.5rem; text-align:center; color:#fff; position:relative; overflow:hidden;
  /* full-bleed: hero tam genislik koyu bant (template .vds-hero gibi) */
  width:100vw; max-width:100vw; margin:0 calc(50% - 50vw) !important; border-radius:0;
}
/* wrapper'in ust bosluklarini sifirla ki hero en uste otursun */
#wrapper.wclientdomainpage{ padding-top:0 !important; margin-top:0 !important; }
/* hero ustune ince izgara dokusu (template hissi) */
.wclientdomainpage .alanadisorgu::before{
  content:""; position:absolute; inset:0; opacity:.06; pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);
  background-size:42px 42px;
}
.wclientdomainpage .alanadisorgu > *{ position:relative; z-index:1; }

/* ---- Alan adi transfer kodu alani (Transfer Et -> #transfercode) ---- */
#transfercode{ max-width:600px; margin:1.5rem auto 0 !important; text-align:center; background:#fff; border:1px solid var(--w-kenar); border-radius:16px; padding:1.75rem 1.5rem; box-shadow:var(--w-golge); }
#transfercode h5{ color:var(--w-ana) !important; font-weight:700 !important; font-size:1.05rem; margin:0 0 1rem !important; }
#transfercode #transfer_code{
  width:100% !important; max-width:330px; padding:.85rem 1.1rem !important; border:1.5px solid var(--w-kenar) !important;
  border-radius:12px !important; font-size:1rem !important; background:#fff !important; color:var(--yazi) !important;
  display:inline-block; vertical-align:middle; margin:0 .4rem .5rem 0; box-shadow:none !important; font-family:var(--yazitipi-ana) !important;
}
#transfercode #transfer_code:focus{ outline:none; border-color:var(--w-vurgu) !important; box-shadow:0 0 0 3px rgba(145,39,144,.12) !important; }
#transferButton{
  background:var(--w-vurgu) !important; color:#fff !important; border:0 !important; border-radius:12px !important;
  padding:.85rem 1.7rem !important; font-weight:600 !important; font-size:1rem !important; display:inline-block; vertical-align:middle;
  width:auto !important; box-shadow:none !important; cursor:pointer; transition:var(--gecis,.2s ease);
}
#transferButton:hover{ background:var(--w-vurgu-koyu) !important; color:#fff !important; }

/* ====== Domain lookup sonuc — modern kart tasarimi (#LookupResults) ====== */
#LookupResults{ max-width:900px; margin:1.75rem auto 2.75rem; }
.domainlookuplist{ margin-bottom:2.75rem !important; }

/* ---- "Yukari cik" butonu (.cd-top) — Conhost moru ---- */
.cd-top{ width:52px !important; height:52px !important; right:24px !important; bottom:30px !important;
  background:linear-gradient(135deg, var(--w-vurgu,#912790), var(--w-vurgu-koyu,#7c1d7c)) !important;
  border-radius:14px !important; box-shadow:0 8px 22px rgba(145,39,144,.38) !important;
  transition:transform .2s ease, box-shadow .2s ease, opacity .3s !important; }
.cd-top::after{ content:""; position:absolute; left:50%; top:55%; width:13px; height:13px;
  border:solid #fff; border-width:3px 3px 0 0; transform:translate(-50%,-50%) rotate(-45deg); }
.cd-top.cd-is-visible{ visibility:visible !important; opacity:1 !important; }
.cd-top.cd-fade-out{ opacity:.6 !important; }
.no-touch .cd-top:hover, .cd-top:hover{ background-color:transparent !important; filter:brightness(1.08);
  transform:translateY(-3px) !important; box-shadow:0 12px 28px rgba(145,39,144,.46) !important; opacity:1 !important; }

/* Durum mesaji (Musait / Alinmis) — vurgulu seritler */
.tldavailable{ margin-bottom:1.1rem; }
.tldavailable h4{ text-align:center; font-weight:700 !important; font-size:1.1rem !important; padding:1rem 1.25rem; border-radius:14px; margin:0 !important; line-height:1.5; }
#showTLDStatusAvailable{ background:rgba(16,185,129,.10) !important; color:#0f9d6e !important; border:1px solid rgba(16,185,129,.30); }
#showTLDStatusUnavailable{ background:rgba(239,68,68,.07) !important; color:#dc2626 !important; border:1px solid rgba(239,68,68,.22); }

/* Tablo kabi — tek kart */
#OrderForm{ border:1px solid var(--w-kenar) !important; border-radius:16px !important; overflow:hidden; box-shadow:var(--w-golge); background:#fff; }

/* Sutun baslik satiri */
#LookupResults .lookcolumtitle{ display:flex; align-items:center; gap:1rem; background:#faf7fb !important; border:0 !important; border-bottom:1px solid var(--w-kenar) !important; border-radius:0 !important; padding:.75rem 1.3rem; font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
#LookupResults .lookcolumtitle .lookcolum{ color:var(--w-soluk) !important; flex:1; }
#LookupResults .lookcolumtitle .lookcolum:last-child{ flex:0 0 auto; }

/* Sonuc satiri */
#LookupResults .lookcolumlist{ display:flex; align-items:center; gap:.75rem; background:#fff !important; border:0 !important; border-bottom:1px solid var(--w-kenar) !important; padding:.85rem 1.2rem !important; min-height:62px; transition:background .15s; }
#LookupResults .lookcolumlist:hover{ background:#fcfafd !important; }
#LookupResults .lookcolumtitle{ gap:.75rem; }

/* Sabit sutun genislikleri — header + tum satirlar HIZALI ve stabil */
#LookupResults .lookcolum{ text-align:left; min-width:0; }
#LookupResults .tld-name,
#LookupResults .lookcolumtitle .lookcolum:nth-child(1){ flex:1 1 auto; }
#LookupResults .tld-status,
#LookupResults .lookcolumtitle .lookcolum:nth-child(2){ flex:0 0 120px; text-align:center; }
#LookupResults .tld-prices,
#LookupResults .lookcolumtitle .lookcolum:nth-child(3){ flex:0 0 195px; }
#LookupResults .tld-select,
#LookupResults .lookcolumtitle .lookcolum:nth-child(4){ flex:0 0 150px; display:flex; align-items:center; justify-content:flex-end; gap:.4rem; }

/* Ana aranan domain satiri — vurgulu */
#LookupResults #domainResult{ background:linear-gradient(135deg, rgba(145,39,144,.045), rgba(124,29,124,.05)) !important; }
#LookupResults .tld-name{ font-weight:800; color:var(--w-ana); font-size:1.02rem; line-height:1.3; word-break:normal; overflow-wrap:anywhere; }
#LookupResults #domainResult .tld-name{ font-size:1.12rem; }

/* Durum rozetleri (pill) */
#LookupResults .tld-status{ font-weight:700; }
#LookupResults #tldok{ display:inline-block; background:rgba(16,185,129,.12) !important; color:#0f9d6e !important; padding:.32rem .8rem; border-radius:999px; font-size:.84rem; font-weight:700; }
#LookupResults #tldno{ display:inline-block; background:rgba(239,68,68,.10) !important; color:#dc2626 !important; padding:.32rem .8rem; border-radius:999px; font-size:.84rem; font-weight:700; }

/* Fiyat + yil secici */
#LookupResults .tld-prices{ font-weight:700; color:var(--w-vurgu-koyu); }
#LookupResults select{ border:1.5px solid var(--w-kenar) !important; border-radius:9px !important; padding:.55rem .8rem !important; background:#fff !important; color:#0f172a !important; font-size:.9rem !important; cursor:pointer; max-width:220px; }
#LookupResults select:focus{ outline:none; border-color:var(--w-vurgu) !important; box-shadow:0 0 0 3px rgba(145,39,144,.12) !important; }

/* Ozel checkbox — net "ekle" hissi */
#LookupResults .checkbox-custom{ position:absolute !important; opacity:0 !important; width:0; height:0; }
#LookupResults .checkbox-custom-label{ position:relative; display:inline-block; width:28px; height:28px; border:2px solid var(--w-kenar); border-radius:8px !important; cursor:pointer; background:#fff; transition:.15s; }
#LookupResults .checkbox-custom:checked + .checkbox-custom-label{ background:var(--w-vurgu) !important; border-color:var(--w-vurgu) !important; }
#LookupResults .checkbox-custom:checked + .checkbox-custom-label::after{ content:""; position:absolute; left:9px; top:4px; width:6px; height:12px; border:solid #fff; border-width:0 2.5px 2.5px 0; transform:rotate(45deg); }

/* Transfer / Whois butonlari */
#LookupResults .lbtn{ padding:.5rem .9rem !important; font-size:.82rem !important; border-radius:9px !important; border:1.5px solid var(--w-kenar) !important; background:#fff !important; color:#0f172a !important; font-weight:600 !important; line-height:1 !important; text-decoration:none; transition:.15s; }
#LookupResults .lbtn:hover{ background:#faf3fa !important; }
#LookupResults .transfer-btn{ border-color:var(--w-vurgu) !important; color:var(--w-vurgu) !important; }
#LookupResults .transfer-btn:hover{ background:var(--w-vurgu) !important; color:#fff !important; }

/* Footer / Devam butonu */
#LookupResults .tldlistfoot{ display:flex; justify-content:flex-end; background:#faf7fb !important; border:0 !important; border-radius:0 !important; padding:1rem 1.3rem !important; }
#ContinueButton{ background:var(--w-vurgu) !important; color:#fff !important; border-radius:11px !important; padding:.8rem 1.8rem !important; font-weight:700 !important; opacity:1 !important; width:auto !important; white-space:nowrap !important; box-shadow:0 4px 12px rgba(145,39,144,.28); transition:.15s; }
#ContinueButton:hover{ background:var(--w-vurgu-koyu) !important; transform:translateY(-1px); }

/* Yukleniyor spinner rengi */
#LookupResults .spinnertld .bounce1, #LookupResults .spinnertld .bounce2, #LookupResults .spinnertld .bounce3{ background:var(--w-vurgu) !important; }

/* Mobil — sutunlari dikey istifle */
@media (max-width:640px){
  #LookupResults .lookcolumtitle{ display:none !important; }
  #LookupResults .lookcolumlist{ flex-wrap:wrap; gap:.6rem .9rem; padding:1rem !important; }
  #LookupResults .tld-name{ flex:1 1 100%; font-size:1.15rem; }
  #LookupResults #domainResult .tld-name{ font-size:1.2rem; }
  #LookupResults .tld-status{ flex:0 0 auto; }
  #LookupResults .tld-prices{ flex:1 1 auto; }
  #LookupResults .tld-select{ flex:0 0 auto; }
}
.wclientdomainpage .alanadisorgu h1{ color:#fff !important; font-size:1.95rem; line-height:1.25; max-width:800px; margin:0 auto 1.6rem !important; font-weight:800; }
.wclientdomainpage .alanadisorgu h1 .amount_spot_view{ color:var(--vurgu-en-acik,#c084c0); display:inline-flex; align-items:baseline; gap:.15rem; font-weight:800; }
/* ===== Arama kutusu — template .domain-arama ile BIREBIR (input border, buton boyu, cip tasmasi) ===== */
.wclientdomainpage .alanadisorgu .domain-arama{ max-width:760px; margin:1.75rem auto 0 !important; }
.wclientdomainpage .alanadisorgu .domain-arama__form{ display:flex !important; gap:.5rem !important; align-items:center !important; margin-bottom:1rem !important; }
.wclientdomainpage .alanadisorgu .domain-arama__form input#domainInput{
  flex:1 1 auto !important; width:auto !important; height:auto !important; min-height:0 !important; box-sizing:border-box !important;
  padding:.95rem 1.1rem !important; font-size:1.05rem !important; line-height:1.4 !important; margin:0 !important;
  border:2px solid var(--kenarlik,#e2e8f0) !important; border-radius:var(--yuvarlatma,10px) !important;
  background:#fff !important; color:var(--yazi,#0f172a) !important; box-shadow:none !important;
}
.wclientdomainpage .alanadisorgu .domain-arama__form input#domainInput:focus{ border-color:var(--w-vurgu) !important; box-shadow:0 0 0 4px rgba(145,39,144,.22) !important; outline:none; }
/* Buton: wisecp #checkButton ID stillerini (padding:20px 0; width:150px; absolute; radius:2.2rem) TAM ez */
.wclientdomainpage .alanadisorgu #checkButton{
  position:static !important; margin:0 !important; flex:0 0 auto !important; width:auto !important; min-width:0 !important;
  height:auto !important; min-height:0 !important; box-sizing:border-box !important;
  padding:.95rem 1.6rem !important; font-size:1.05rem !important; line-height:1.4 !important; white-space:nowrap !important;
  border:0 !important; border-radius:var(--yuvarlatma,10px) !important; display:inline-flex !important; align-items:center !important; gap:.45rem !important;
  background:var(--w-vurgu) !important; color:#fff !important;
}
.wclientdomainpage .alanadisorgu #checkButton:hover{ background:var(--w-vurgu-koyu) !important; }
/* "Popüler:" + cipler — koyu hero'da okunur + tasmasin (wrap, icerik boyutu) */
.wclientdomainpage .alanadisorgu .domain-arama__populer{ display:flex !important; flex-wrap:wrap !important; gap:.5rem !important; align-items:center !important; justify-content:center !important; color:var(--yazi-soluk,#64748b) !important; max-width:760px; margin:0 auto; }
.wclientdomainpage .alanadisorgu .domain-arama__populer > span{ color:var(--yazi-soluk,#64748b) !important; font-weight:600; }
.wclientdomainpage .alanadisorgu .domain-arama__tld{ flex:0 0 auto !important; white-space:nowrap !important; }
/* TLD cipleri ana.css acik stilini kullanir (template birebir): acik zemin, koyu yazi, mor fiyat */
/* WiseCP #transferbtn ID (margin-left:-156px; background green) sifirla -> domain-arama__tld cipi */
.wclientdomainpage .alanadisorgu #transferbtn{
  position:static !important; margin:0 !important; width:auto !important; padding:.45rem .9rem !important;
  border-radius:var(--yuvarlatma-tam,9999px) !important; font-size:.9rem !important; display:inline-flex !important;
  align-items:center; gap:.35rem; background:rgba(255,255,255,.1) !important; border:1px solid rgba(255,255,255,.22) !important; color:#fff !important;
}
.wclientdomainpage .alanadisorgu #transferbtn:hover{ background:rgba(255,255,255,.2) !important; }
.wclientdomainpage .alanadisorgu .captcha-content input{ color:var(--yazi); }
/* Popüler uzantı kutuları (.popuzantilar/.uzantibox) — template TLD kartlari */
.wclientdomainpage .popuzantilar, .popuzantilar{ display:flex !important; flex-wrap:wrap; gap:.7rem; justify-content:center; margin:1.5rem auto 0 !important; max-width:900px; }
.uzantibox, .uzantibox.spotlight-tlds{
  width:auto !important; min-width:130px; margin:0 !important; padding:1rem 1.2rem !important;
  border:1.5px solid rgba(255,255,255,.18) !important; border-radius:14px !important;
  background:rgba(255,255,255,.08) !important; backdrop-filter:blur(4px); transition:var(--gecis,.2s ease) !important; text-transform:none !important;
}
.uzantibox:hover{ border-color:#fff !important; background:rgba(255,255,255,.16) !important; transform:translateY(-3px); }
.uzantibox h4{ font-weight:700 !important; color:#fff !important; font-size:1.05rem !important; margin:0 0 .3rem !important; display:flex; align-items:center; justify-content:center; gap:.35rem; }
.uzantibox h4::before{ content:"\f3ef"; font-family:"bootstrap-icons"; color:var(--vurgu-en-acik,#c084c0); font-size:.95rem; font-weight:normal; }
.uzantibox h5{ margin:0 !important; }
.uzantibox .amount_spot_view{ font-size:1.05rem !important; font-weight:800 !important; color:var(--vurgu-en-acik,#c084c0) !important; }
.uzantibox .ddiscountnewprice{ background:transparent !important; color:#fff !important; }
.uzantibox .domdiscount{ background:var(--vurgu-en-acik,#c084c0) !important; color:var(--w-ana) !important; }
/* WiseCP'nin admin $content domain ozellik bloklari — template "Her alan adiyla ucretsiz" ile degistirildi */
.domainozellik, .domainozellikler{ display:none !important; }

/* TLD fiyat tablosu */
.wclientdomainpage table{ background:#fff !important; border-radius:16px; overflow:hidden; box-shadow:var(--w-golge); border-collapse:separate !important; border-spacing:0; width:100%; }
.wclientdomainpage table th{ background:var(--arka-plan-soluk,#f8fafc) !important; color:var(--w-ana) !important; padding:.9rem 1rem !important; text-align:left; font-weight:700; }
.wclientdomainpage table td{ padding:.8rem 1rem !important; border-top:1px solid var(--w-kenar) !important; color:var(--yazi); }
.wclientdomainpage table tr:hover td{ background:rgba(145,39,144,.03); }
/* Domain lookup sonuc satirlari */
.lookcolumtitle{ background:var(--w-ana) !important; color:#fff !important; border-radius:12px 12px 0 0; }
.lookcolumlist{ border:1px solid var(--w-kenar); border-top:0; }
#tldok{ color:var(--basari,#10b981) !important; } #tldno{ color:var(--tehlike,#ef4444) !important; }

/* ---- jQuery UI widget'lari Conhost temasina uyarla (varsayilan teal #009595 -> mor, yazi beyaz) ---- */
.ui-accordion .ui-accordion-header{
  background:#fff !important; border:1px solid var(--w-kenar) !important; color:var(--w-ana) !important;
  font-family:var(--yazitipi-ana) !important; font-weight:600 !important; border-radius:var(--w-yuv-k) !important; margin-top:.4rem !important;
}
.ui-accordion .ui-accordion-header.ui-state-active,
.ui-accordion .ui-accordion-header.ui-state-active a,
.ui-accordion .ui-accordion-header.ui-state-active span{
  background:var(--w-vurgu) !important; border-color:var(--w-vurgu) !important; color:#fff !important;
}
.ui-accordion .ui-accordion-header.ui-state-hover{ border-color:var(--w-vurgu) !important; }
.ui-accordion .ui-accordion-header.ui-state-active .ui-icon{
  background-image:url("/templates/website/ConhostV3/css/images/ui-icons_ffffff_256x240.png") !important;
}
/* Genel jQuery UI durumlari (tabs, datepicker, slider, header) */
.ui-widget-header{ background:var(--w-vurgu) !important; border-color:var(--w-vurgu) !important; color:#fff !important; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-state-active a,
.ui-tabs .ui-tabs-nav .ui-state-active a{
  background:var(--w-vurgu) !important; border-color:var(--w-vurgu) !important; color:#fff !important;
}
.ui-slider .ui-slider-range{ background:var(--w-vurgu) !important; }
.ui-datepicker td a.ui-state-active, .ui-datepicker .ui-state-highlight{ background:var(--w-vurgu) !important; color:#fff !important; }
/* Fatura aksiyon butonlari (.sbtn — Paylaş/Yazdır/PDF) Conhost moruyla uyumlu hover */
.sbtn{ background: var(--arka-plan-soluk,#f1f5f9) !important; color: var(--w-ana) !important; border:1px solid var(--w-kenar) !important; border-radius: var(--w-yuv-k) !important; transition: var(--gecis,.2s ease); }
.sbtn:hover, .otherincoivebtns .sbtn:hover{ background: var(--w-vurgu) !important; color:#fff !important; border-color: var(--w-vurgu) !important; }
.sbtn i{ color: inherit !important; }

/* wisecp.css icindeki teal #009595 aksanlari -> Conhost mor */
#transferbtn{ background-color:var(--w-vurgu) !important; border-color:var(--w-vurgu) !important; color:#fff !important; }
.domdiscount{ background-color:var(--w-vurgu) !important; color:#fff !important; }
ul.tab li a.active{ background-color:var(--w-vurgu) !important; border-color:var(--w-vurgu) !important; color:#fff !important; }

/* ---- Oyun Sunuculari: masaustu acilir menu (mega yerine kompakt dropdown) ---- */
@media (min-width: 992px){
  .ust-menu__oyun-li{ position:relative; }
  .ust-menu__oyun-li > .ust-menu__alt-liste{
    display:block !important; position:absolute; top:calc(100% + 6px); left:0; min-width:240px;
    background:#fff; border:1px solid var(--kenarlik,#e2e8f0); border-radius:12px;
    box-shadow:0 12px 32px rgba(15,23,42,.14); padding:.4rem; z-index:1200;
    opacity:0; visibility:hidden; transform:translateY(8px); transition:.18s ease;
  }
  .ust-menu__oyun-li.acik > .ust-menu__alt-liste,
  .ust-menu__oyun-li:hover > .ust-menu__alt-liste{ opacity:1; visibility:visible; transform:translateY(0); }
}

/* ---- Footer: 6 kolon (Kaynaklar eklendi) ---- */
.alt-menu__kafes{ grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr 1fr; }
@media (max-width: 991px){ .alt-menu__kafes{ grid-template-columns: 1fr 1fr; } }

/* ---- Ust menu: etiketler tek satirda kalsin (alta kaymasin) ---- */
.ust-menu__nav > li > a,
.ust-menu__nav > li > .mega-aciklik,
.ust-menu__nav .mega-aciklik{ white-space:nowrap; }

/* ---- Genel kapsayici ---- */
#wrapper{ max-width: var(--kapsayici-genislik, 1200px); margin-left:auto; margin-right:auto; }
#wrapper::after{ content:""; display:block; clear:both; }  /* float temizligi (footer kaymasini onler) */

/* ---- Sticky footer + yatay kayma onleme (TUM sayfalar) ---- */
html{ overflow-x:hidden; }
body#clean-theme-client{
  font-family: var(--yazitipi-ana); color: var(--yazi, #0f172a); background: var(--arka-plan-soluk, #f8fafc);
  display:flex; flex-direction:column; min-height:100vh; overflow-x:hidden;
}
/* Header ve footer dogal yukseklik, aradaki icerik genisler -> footer en alta yapisir */
body#clean-theme-client > header.conhost-ust{ flex:0 0 auto; }
body#clean-theme-client > footer.alt-menu{ flex:0 0 auto; margin-top:auto; }
body#clean-theme-client > #wrapper,
body#clean-theme-client > .kampanya-bandi{ flex:0 0 auto; }
/* Icerik sarmalayicisini esnet (sayfa kisaysa footer asagi insin) */
body#clean-theme-client > #wrapper{ flex:1 0 auto; width:100%; }

/* ====================== BUTONLAR ====================== */
.lbtn,
.gonderbtn,
.yesilbtn,
.clean-theme-btn,
.btn.mio-ajax-submit,
button.clean-theme-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.45rem;
  font-family: var(--yazitipi-ana); font-weight:600; font-size:.95rem; line-height:1.1;
  padding:.7rem 1.3rem; border-radius: var(--w-yuv); border:1.5px solid transparent;
  cursor:pointer; text-decoration:none; transition: var(--gecis, .2s ease);
}
/* Birincil (yesil submit -> Conhost mor) */
.gonderbtn,
.yesilbtn,
.gonderbtn.yesilbtn,
.clean-theme-btn,
.btn.mio-ajax-submit{
  background: var(--w-vurgu); color:#fff !important;
  box-shadow: 0 4px 12px rgba(145,39,144,.22);
}
.gonderbtn:hover,
.yesilbtn:hover,
.clean-theme-btn:hover,
.btn.mio-ajax-submit:hover{ background: var(--w-vurgu-koyu); color:#fff !important; transform: translateY(-1px); }
/* Ikincil/cerceve (.lbtn) */
.lbtn{ background:#fff; color: var(--w-ana) !important; border-color: var(--w-kenar); }
.lbtn:hover{ background:rgba(145,39,144,.08) !important; border-color: var(--w-vurgu) !important; color: var(--w-vurgu) !important; }

/* WiseCP yesil butonlari (#8BC34A / #4CAF50) -> Conhost mor (tema tutarliligi) */
#checkButton, .yesilbtn, .gonderbtn{ background:var(--w-vurgu) !important; background-color:var(--w-vurgu) !important; color:#fff !important; border-color:var(--w-vurgu) !important; }
#checkButton:hover, .yesilbtn:hover, .gonderbtn:hover{ background:var(--w-vurgu-koyu) !important; background-color:var(--w-vurgu-koyu) !important; color:#fff !important; }
/* Odeme/aksiyon .lbtn'leri (faturalarim) — mor dolgu CTA */
a.lbtn[href*="bulk-payment"], a.lbtn[href*="odeme"], a.lbtn[href*="payment"]{ background:var(--w-vurgu) !important; color:#fff !important; border-color:var(--w-vurgu) !important; }
a.lbtn[href*="bulk-payment"]:hover{ background:var(--w-vurgu-koyu) !important; color:#fff !important; }

/* ====================== FORM ELEMANLARI ====================== */
#wrapper input[type="text"],
#wrapper input[type="email"],
#wrapper input[type="password"],
#wrapper input[type="number"],
#wrapper input[type="tel"],
#wrapper input[type="search"],
#wrapper select,
#wrapper textarea,
.clean-theme-signinup input[type="text"],
.clean-theme-signinup input[type="email"],
.clean-theme-signinup input[type="password"],
.formcon input, .formcon select, .formcon textarea{
  font-family: var(--yazitipi-ana); font-size:.95rem; color: var(--yazi);
  background:#fff; border:1.5px solid var(--w-kenar); border-radius: var(--w-yuv-k);
  padding:.65rem .85rem; transition: var(--gecis, .2s ease); box-shadow:none; outline:none;
}
#wrapper input:focus, #wrapper select:focus, #wrapper textarea:focus,
.clean-theme-signinup input:focus, .formcon input:focus, .formcon select:focus, .formcon textarea:focus{
  border-color: var(--w-vurgu); box-shadow:0 0 0 3px rgba(145,39,144,.12);
}
/* Checkbox / radio aksan rengi */
.checkbox-custom:checked, .radio-custom:checked, .box-custom:checked,
input[type="checkbox"], input[type="radio"]{ accent-color: var(--w-vurgu); }

/* ====================== BASLIKLAR ====================== */
.mpaneltitle h4, .pakettitle h1, .pakettitle h2, .title{
  font-family: var(--yazitipi-ana); color: var(--w-ana); font-weight:700;
}
.pakettitle h1{ font-size:1.9rem; } .pakettitle h2{ font-size:1.05rem; color: var(--w-soluk); font-weight:400; }
.mpaneltitle{ border-bottom:1px solid var(--w-kenar); padding-bottom:.6rem; margin-bottom:1rem; }

/* ====================== URUN KARTLARI (urun listeleme) ====================== */
.tablopaketler{ display:flex; flex-wrap:wrap; gap:1.25rem; justify-content:center; align-items:stretch; background:none !important; }
.tablepaket{
  flex:1 1 260px; max-width:320px; background:#fff; border:1.5px solid var(--w-kenar);
  border-radius: var(--yuvarlatma-buyuk, 16px); padding:1.75rem 1.5rem; position:relative;
  box-shadow: var(--w-golge); transition: var(--gecis, .2s ease); display:flex; flex-direction:column;
}
.tablepaket:hover{ transform: translateY(-4px); box-shadow: var(--w-golge-buyuk); border-color: var(--kenarlik-koyu, #cbd5e1); }
.tablepaket.active{ border-color: var(--w-vurgu); box-shadow:0 12px 32px rgba(145,39,144,.18); }
.tablepopular{
  position:absolute; top:0; left:50%; transform:translate(-50%,-50%);
  background: var(--w-vurgu); color:#fff; font-size:.72rem; font-weight:700;
  letter-spacing:.04em; text-transform:uppercase; padding:.3rem .85rem; border-radius: var(--yuvarlatma-tam,9999px);
}
.tpakettitle{ font-size:1.25rem; font-weight:700; color: var(--w-ana); text-align:center; margin-bottom:.35rem; }
.tablepaket h4{ text-align:center; color: var(--w-soluk); font-weight:500; font-size:.9rem; margin:0 0 .25rem; }
.tablepaket h3{ text-align:center; margin:.25rem 0; }
.amount_spot_view{ font-size:2rem; font-weight:800; color: var(--w-ana); display:inline-flex; align-items:baseline; gap:.15rem; }
.amount_spot_view .currposleft, .amount_spot_view .currposright{ font-size:1.1rem; font-weight:600; color: var(--w-soluk); font-style:normal; }
.paketline{ height:1px; background: var(--w-kenar); margin:.85rem 0; }
.tablepaket span{ display:block; text-align:center; color: var(--w-soluk); font-size:.9rem; padding:.2rem 0; }
.tablepaket span strong{ color: var(--w-ana); }
.products_features{ color: var(--w-soluk); font-size:.9rem; text-align:center; }
.tablepaket .gonderbtn{ margin-top:auto; width:100%; }

/* Kategori sekmeleri */
.categoriesproduct{ display:flex; flex-wrap:wrap; gap:.6rem; justify-content:center; margin:1.5rem 0; }
.categoriesproduct .lbtn{ border-radius: var(--yuvarlatma-tam,9999px); }
.categoriesproduct #category-button-active,
.categoriesproduct .lbtn#category-button-active{ background: var(--w-vurgu); color:#fff !important; border-color: var(--w-vurgu); }

/* SSS akordeon */
.sss h4{ color: var(--w-ana); }
#accordion h3{ background:#fff; border:1px solid var(--w-kenar); border-radius: var(--w-yuv-k); padding:.85rem 1rem; font-weight:600; color: var(--w-ana); margin-top:.5rem; }

/* ====================== GIRIS / KAYIT ====================== */
.clean-theme-signinup-con{ display:flex; flex-wrap:wrap; gap:0; max-width:960px; margin:2rem auto; background:#fff; border:1px solid var(--w-kenar); border-radius: var(--yuvarlatma-buyuk,16px); overflow:hidden; box-shadow: var(--w-golge-buyuk); }
.clean-theme-signinup-left{ flex:1 1 340px; background: linear-gradient(135deg, var(--w-ana) 0%, var(--ana-renk-acik,#1e293b) 100%); color:#fff; padding:2.5rem; }
.clean-theme-signinup-left *{ color:#fff !important; }
.clean-theme-signinup-right{ flex:1 1 360px; padding:2.5rem; }
.clean-theme-signinup-right-title{ font-size:1.4rem; font-weight:700; color: var(--w-ana); margin-bottom:1.2rem; }
.forgotpasslink a, .sifreunuttulink a, .forgotpasslink, .sifreunuttulink{ color: var(--w-vurgu); }
/* Kayit sayfasi — genis kart (cok alanli form) */
.kimlik-sarmal--genis{ grid-template-columns: 1.5fr 1fr; }
.kimlik-form-kart--genis{ max-width: 660px; }
@media (max-width: 991px){ .kimlik-sarmal--genis{ grid-template-columns: 1fr; } }
/* Checkbox/radio'lar genel input{width:100%} kuralindan etkilenmesin (beni-hatirla/kvkk/radio kaymasini onler) */
#wrapper input[type="checkbox"], #wrapper input[type="radio"],
.kimlik-form-kart input[type="checkbox"], .kimlik-form-kart input[type="radio"]{
  width:auto !important; min-width:0; display:inline-block; vertical-align:middle; margin:0 .35rem 0 0;
}
/* Kayit formu: TUM alanlar md-12 (tam genislik, tek sutun) ve inputlar divini tam doldurur */
#Signup_Form .yuzde25, #Signup_Form .yuzde30, #Signup_Form .yuzde50,
#Signup_Form .yuzde70, #Signup_Form .yuzde75, #Signup_Form .yuzde100{
  width:100% !important; display:block; float:none; margin-bottom:.7rem; box-sizing:border-box;
}
#Signup_Form input[type="text"], #Signup_Form input[type="email"],
#Signup_Form input[type="password"], #Signup_Form input[type="tel"],
#Signup_Form input[type="number"], #Signup_Form select, #Signup_Form textarea{
  width:100% !important; box-sizing:border-box;
}
/* ---- Telefon alani (intl-tel-input) — md-12 tam genislik, +90 ile cakismasin ---- */
#Signup_Form .intl-tel-input, #ContactForm .intl-tel-input{ display:block !important; width:100% !important; }
#Signup_Form .intl-tel-input input, #ContactForm .intl-tel-input input{ width:100% !important; box-sizing:border-box; }
/* Gorunur input (type=text): bayrak + dial-code (+90) icin sol bosluk birak — yoksa metin uste biner */
#Signup_Form .intl-tel-input input[type="text"], #ContactForm .intl-tel-input input[type="text"]{ padding-left:88px !important; }
#Signup_Form .intl-tel-input .selected-flag, #ContactForm .intl-tel-input .selected-flag{ z-index:3; }

/* ---- Bireysel / Kurumsal — ikonlu secim butonlari (kurumsal gorunum) ---- */
.kind-secim{ display:grid; grid-template-columns:1fr 1fr; gap:.75rem; margin:.25rem 0 .5rem; }
.kind-secim .radio-custom{ position:absolute; opacity:0; width:0; height:0; pointer-events:none; }
.kind-secim__buton.radio-custom-label{
  display:flex !important; flex-direction:column; align-items:center; justify-content:center; gap:.45rem;
  text-align:center; padding:1.1rem .75rem; margin:0 !important; border:1.5px solid var(--w-kenar);
  border-radius:var(--w-yuv); background:#fff; cursor:pointer; transition:var(--gecis,.2s ease);
  font-weight:600; color:var(--w-ana); line-height:1.2;
}
.kind-secim__buton.radio-custom-label::before,
.kind-secim__buton.radio-custom-label::after{ display:none !important; content:none !important; }
.kind-secim__buton i{ font-size:1.7rem; color:var(--w-soluk); transition:var(--gecis,.2s ease); line-height:1; }
.kind-secim__buton .checktext{ padding:0 !important; font-size:.95rem; }
.kind-secim__buton:hover{ border-color:var(--w-vurgu); }
.kind-secim .radio-custom:checked + .kind-secim__buton{
  border-color:var(--w-vurgu); background:rgba(145,39,144,.06); color:var(--w-vurgu);
  box-shadow:0 0 0 3px rgba(145,39,144,.10);
}
.kind-secim .radio-custom:checked + .kind-secim__buton i{ color:var(--w-vurgu); }
.clean-theme-adduser-btn{ margin-top:1rem; }
.clean-theme-adduser-btn .mio-ajax-submit{ width:100%; background:var(--w-vurgu); color:#fff !important; border:0; padding:.9rem; border-radius:var(--w-yuv); font-weight:700; font-size:1rem; cursor:pointer; }
.clean-theme-adduser-btn .mio-ajax-submit:hover{ background:var(--w-vurgu-koyu); }

/* ====================== MUSTERI PANELI ====================== */
.mpanelleft, .mpanelright{ background:transparent; }
.mpanelright, #basic_client_rightcon, .mpanelrightcon{ background:#fff; border:1px solid var(--w-kenar); border-radius: var(--yuvarlatma-buyuk,16px); box-shadow: var(--w-golge); }
.clean-theme-client-left-block{ background:#fff; border:1px solid var(--w-kenar); border-radius: var(--yuvarlatma,10px); box-shadow: var(--w-golge); margin-bottom:1rem; overflow:hidden; }
.clean-theme-client-left-block-title{ background: var(--arka-plan-soluk,#f8fafc); border-bottom:1px solid var(--w-kenar); padding:.85rem 1rem; }
.clean-theme-client-left-block-title h4{ color: var(--w-ana); font-weight:700; font-size:1rem; margin:0; }
.mpanelhaber{ border-bottom:1px solid var(--w-kenar); padding:.75rem 0; }
.mpanelhaber a h5{ color: var(--w-ana); font-weight:600; }

/* Panel ust menu (clean-theme .menu) — Conhost mor seridi */
.clean-theme-header .menu{ background: var(--w-ana) !important; }

/* ====================== MÜŞTERİ PANELİ — KURUMSAL STAT KARTLARI ====================== */
.muspanelbloks{ display:grid !important; grid-template-columns:repeat(4,1fr); gap:1rem; float:none !important; width:100% !important; margin:0 0 1.5rem !important; text-align:left !important; }
@media (max-width:991px){ .muspanelbloks{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .muspanelbloks{ grid-template-columns:1fr; } }
.muspanelbloks #blue{ display:block !important; }
.mpanelblok{
  width:auto !important; min-height:auto !important; margin:0 !important; text-align:left !important;
  background:#fff !important; border:1px solid var(--w-kenar) !important; border-radius:16px !important;
  box-shadow:var(--w-golge) !important; overflow:hidden !important; transition:var(--gecis,.2s ease) !important;
}
.mpanelblok:hover{ transform:translateY(-3px); box-shadow:var(--w-golge-buyuk) !important; }
.mpanelblok > a, .mpanelblok{ color:var(--w-ana) !important; }
.mpanelblok a{ text-decoration:none !important; }
.mpanelblok{ padding:1.3rem 1.3rem 1rem !important; }
/* Ikon: dev watermark -> renkli kompakt cip */
.mpanelblok .mpanelblokicon{
  position:static !important; right:auto !important; left:auto !important; top:auto !important; margin:0 0 .8rem !important;
  width:46px !important; height:46px !important; border-radius:12px !important; display:flex !important;
  align-items:center !important; justify-content:center !important; font-size:1.35rem !important; color:#fff !important;
}
.mpanelblok h1{ font-size:2rem !important; font-weight:800 !important; margin:0 !important; color:var(--w-ana) !important; line-height:1.1 !important; }
.mpanelblok h2{ font-size:.9rem !important; font-weight:500 !important; color:var(--w-soluk) !important; margin:.25rem 0 0 !important; }
.mpanelblok .mblokbtn{
  position:static !important; background:transparent !important; color:var(--w-vurgu) !important;
  font-size:.82rem !important; font-weight:600 !important; margin-top:.7rem !important; width:auto !important;
}
.mpanelblok .mblokbtn:hover{ background:transparent !important; color:var(--w-vurgu-koyu) !important; }
.mpanelblok .mblokbtn .padding10{ padding:0 !important; }
/* Kart zeminleri beyaz, ikon cipleri renkli (anlamsal) */
#green, #blue, #red, #gray{ background:#fff !important; }
#green .mpanelblokicon{ background:#10b981 !important; }
#blue .mpanelblokicon{ background:#3b82f6 !important; }
#red .mpanelblokicon{ background:#ef4444 !important; }
#gray .mpanelblokicon{ background:var(--w-vurgu) !important; }

/* Sidebar (mpanelleft) kurumsal kart cilasi */
.mpanelleft .clean-theme-client-left-block-title h4{ display:flex; align-items:center; gap:.5rem; }
.clean-theme-client-left-block .yesilbtn,
.clean-theme-client-left-block .gonderbtn{ width:100%; margin-top:.75rem; }

/* Panel govde arka plani biraz nefes alsin */
#basic_client_rightcon, .mpanelright{ padding:1.5rem !important; }

/* ====================== FATURA / SEPET TABLOLARI ====================== */
.datatable, table.dataTable{ border-collapse:collapse; width:100%; }
.datatable th, table.dataTable th{ background: var(--arka-plan-soluk,#f8fafc); color: var(--w-ana); font-weight:600; }
.datatable td, .datatable th, table.dataTable td, table.dataTable th{ border-bottom:1px solid var(--w-kenar); padding:.7rem .85rem; }
.invoicestatus, .invoicex{ border-radius: var(--w-yuv-k); }

/* Durum rozetleri (genel) */
.label, .badge{ border-radius: var(--yuvarlatma-tam,9999px); }

/* Box custom (siparis secenekleri) aktif durum */
.box-custom:checked + .box-custom-label,
.box-custom-label.active{ border-color: var(--w-vurgu) !important; }

/* WiseCP ayri .popuzantilar spotlight kutularini gizle (hero'da template 'Popüler:' cipleri var; arama JS icin DOM'da kalir) */
.wclientdomainpage > .popuzantilar{ display:none !important; }

/* ============================================================
   MÜŞTERİ PANELİ — KURUMSAL DASHBOARD REDESIGN (WiseCP'den farkli)
   ============================================================ */
/* Genis dashboard/hizmet alani (hem sidebar'li hem wide_content #bigcontent sayfalar) */
#wrapper:has(.mpanelleft), #wrapper:has(#bigcontent){ max-width:1480px !important; }
@media (max-width:1560px){ #wrapper:has(.mpanelleft), #wrapper:has(#bigcontent){ max-width:95% !important; } }
/* Kurumsal serin arka plan (sadece panel sayfalari) */
body#clean-theme-client:has(.mpanelleft){ background:#eef0f6 !important; }
/* Icerik kolonu: tek dev kart yerine seffaf -> her bolum ayri kart */
#basic_client_rightcon, .mpanelright{ background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
#bigcontent{ background:transparent !important; }
/* Her bolum govdesi (.mpanelrightcon) = ayri beyaz kurumsal kart */
.mpanelrightcon{ background:#fff !important; border:1px solid var(--w-kenar) !important; border-radius:16px !important; box-shadow:var(--w-golge) !important; padding:1.35rem 1.5rem !important; margin-bottom:1.25rem !important; }
/* Bolum basligi */
.mpaneltitle{ border:0 !important; margin:1.25rem 0 .6rem !important; padding:0 !important; }
.mpaneltitle:first-child{ margin-top:0 !important; }
.mpaneltitle h4{ font-size:1.15rem !important; font-weight:700 !important; color:var(--w-ana) !important; display:flex; align-items:center; gap:.5rem; margin:0; }
.mpaneltitle h4 i, .mpaneltitle h4 strong i{ color:var(--w-vurgu) !important; }
/* Sidebar kurumsal kartlar (gradient basliklar) */
.mpanelleft .clean-theme-client-left-block{ border-radius:16px !important; overflow:hidden; box-shadow:var(--w-golge) !important; border:1px solid var(--w-kenar) !important; }
.mpanelleft .clean-theme-client-left-block-title{ background:linear-gradient(135deg, var(--w-ana) 0%, #2d1b3d 100%) !important; border:0 !important; padding:1rem 1.1rem !important; }
.mpanelleft .clean-theme-client-left-block-title h4{ color:#fff !important; margin:0; }
.mpanelleft .clean-theme-client-left-block-title span{ color:rgba(255,255,255,.75) !important; }
.clean-theme-left-block-title strong{ color:var(--w-ana); }
/* Stat kart: ust renkli accent serit */
.mpanelblok{ border-top:3px solid var(--w-kenar) !important; }
#green{ border-top-color:#10b981 !important; } #blue{ border-top-color:#3b82f6 !important; }
#red{ border-top-color:#ef4444 !important; } #gray{ border-top-color:var(--w-vurgu) !important; }
/* DataTables modern */
.mpanelrightcon table.dataTable thead th{ background:var(--arka-plan-soluk,#f8fafc) !important; color:var(--w-ana) !important; border-bottom:1px solid var(--w-kenar) !important; font-weight:600; }
.mpanelrightcon table.dataTable td{ border-bottom:1px solid var(--w-kenar) !important; }
.mpanelrightcon table.dataTable tbody tr:hover td{ background:rgba(145,39,144,.03) !important; }
/* Hosgeldin banner */
.panel-hosgeldin{ background:linear-gradient(135deg, var(--w-ana) 0%, var(--ana-renk-acik,#1e293b) 55%, #2d1b3d 100%); color:#fff; border-radius:18px; padding:1.75rem 2rem; margin-bottom:1.5rem; display:flex; justify-content:space-between; align-items:center; gap:1.25rem; flex-wrap:wrap; position:relative; overflow:hidden; }
.panel-hosgeldin::after{ content:""; position:absolute; right:-40px; top:-40px; width:180px; height:180px; border-radius:50%; background:rgba(145,39,144,.25); }
.panel-hosgeldin__metin{ position:relative; z-index:1; }
.panel-hosgeldin h1{ color:#fff !important; font-size:1.5rem; margin:0 0 .3rem; font-weight:800; }
.panel-hosgeldin p{ color:rgba(255,255,255,.82); margin:0; font-size:.95rem; }
.panel-hosgeldin__eylem{ display:flex; gap:.6rem; flex-wrap:wrap; position:relative; z-index:1; }
.panel-hosgeldin__eylem a{ display:inline-flex; align-items:center; gap:.4rem; padding:.7rem 1.2rem; border-radius:10px; font-weight:600; font-size:.9rem; text-decoration:none; transition:var(--gecis,.2s ease); }
.panel-hosgeldin__eylem a.birincil{ background:var(--w-vurgu); color:#fff; }
.panel-hosgeldin__eylem a.birincil:hover{ background:var(--w-vurgu-koyu); }
.panel-hosgeldin__eylem a.ikincil{ background:rgba(255,255,255,.12); color:#fff; border:1px solid rgba(255,255,255,.25); }
.panel-hosgeldin__eylem a.ikincil:hover{ background:rgba(255,255,255,.22); }

/* Hizmet detay — Siparis Ozeti kutusu (.skonfigside koyu mor zemin) yazilari beyaz */
.skonfigside{ color:#fff !important; border-radius:14px !important; }
.skonfigside h1,.skonfigside h2,.skonfigside h3,.skonfigside h4,.skonfigside h5,
.skonfigside span,.skonfigside strong,.skonfigside p,.skonfigside li,.skonfigside td,
.skonfigside #service_amounts,.skonfigside #service_amounts *,.skonfigside #total_amount{ color:#fff !important; }
.skonfigside .line{ background:rgba(255,255,255,.2) !important; border-color:rgba(255,255,255,.2) !important; }

/* Müşteri paneli icerigi header'a yapisik degil — biraz ust bosluk */
#wrapper:has(.mpanelleft){ padding-top:1.75rem !important; }

/* wide_content panel sayfalari (hizmet detay vb.) header'a yapisik degil — ust bosluk.
   Anasayfa (.conhost-anasayfa full-bleed) ve domain (.wclientdomainpage) haric. */
#wrapper:has(#bigcontent):not(:has(.conhost-anasayfa)){ padding-top:1.75rem !important; }

/* theme.css (WiseCP resources) teal #009595 -> Conhost mor (hizmet detay basliklari/bilgi alanlari) */
.block_module_details-title h4, .block_module_details-title h4 strong,
.securityinfo-left, .securityinfo-right h5, #nserverinfo, #nserverinfo strong{ color:var(--w-vurgu) !important; }
#order-service-detail-btns .yesilbtn{ color:var(--w-vurgu) !important; }
#order-service-detail-btns .yesilbtn:hover{ background:var(--w-vurgu) !important; color:#fff !important; }

/* Hizmet detay -> Yükseltme (upgrade) paketleri: kartlar cok dar (79px) -> sabit genislik, baslik harf-harf kaymasin */
/* md-4: sirada 3 paket. Yapi: .tablopaketler > .upgrade-products > .tablepaket */
.tablopaketler:has(.upgrade-products){ display:block !important; width:100% !important; }
.upgrade-products{ width:100% !important; max-width:100% !important; display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:1.25rem !important; align-items:stretch !important; }
.upgrade-products .tablepaket{ width:auto !important; max-width:none !important; min-width:0 !important; flex:none !important; margin:0 !important; }
@media (max-width:991px){ .upgrade-products{ grid-template-columns:repeat(2,1fr) !important; } }
@media (max-width:600px){ .upgrade-products{ grid-template-columns:1fr !important; } }
.upgrade-products .tpakettitle, .tablepaket .tpakettitle{ white-space:normal !important; word-break:normal !important; }

/* ============================================================
   Dashboard (hesabim) alan adi sorgulama widget'i — kurumsal kart
   ============================================================ */
#clean-theme-client .panel-domain-arama{
  position:relative; overflow:hidden;
  background:linear-gradient(135deg,#3e003a 0%, #912790 55%, #7c1d7c 100%) !important;
  border-radius:16px !important; padding:2rem 2.25rem !important;
  margin:0 0 1.5rem !important;
  box-shadow:0 18px 40px -22px rgba(145,39,144,.6) !important;
  color:#fff !important;
}
#clean-theme-client .panel-domain-arama::before{
  content:""; position:absolute; right:-60px; top:-60px; width:240px; height:240px;
  background:radial-gradient(circle, rgba(255,255,255,.13), transparent 70%); pointer-events:none;
}
#clean-theme-client .panel-domain-arama::after{
  content:""; position:absolute; left:-40px; bottom:-70px; width:200px; height:200px;
  background:radial-gradient(circle, rgba(255,255,255,.08), transparent 70%); pointer-events:none;
}
#clean-theme-client .panel-domain-arama > *{ position:relative; z-index:1; }
#clean-theme-client .panel-domain-arama__ust{ margin-bottom:1.25rem; }
#clean-theme-client .panel-domain-arama .vds-hero__rozet{
  display:inline-flex; align-items:center; gap:.45rem; background:rgba(255,255,255,.15) !important;
  color:#fff !important; padding:.4rem .85rem !important; border-radius:999px !important;
  font-size:.8rem !important; font-weight:600 !important; margin-bottom:.9rem !important; border:none !important;
}
#clean-theme-client .panel-domain-arama h2{
  color:#fff !important; font-size:1.65rem !important; font-weight:800 !important; margin:0 0 .5rem !important; line-height:1.25 !important;
}
#clean-theme-client .panel-domain-arama h2 span{ color:#f0c8ef !important; }
#clean-theme-client .panel-domain-arama p{ color:rgba(255,255,255,.85) !important; margin:0 !important; max-width:650px; font-size:.95rem !important; }
#clean-theme-client .panel-domain-arama p strong{ color:#fff !important; }
#clean-theme-client .panel-domain-arama .domain-arama__form{
  display:flex !important; gap:.6rem !important; align-items:center !important; margin:0 0 1rem !important;
}
#clean-theme-client .panel-domain-arama #domainInput{
  flex:1 !important; height:54px !important; border:none !important; border-radius:12px !important;
  padding:0 1.1rem !important; font-size:1rem !important; background:#fff !important; color:#0f172a !important;
  box-shadow:0 6px 18px -8px rgba(0,0,0,.3) !important; width:auto !important; margin:0 !important;
}
#clean-theme-client .panel-domain-arama #domainInput:focus{ outline:none !important; box-shadow:0 0 0 4px rgba(255,255,255,.4) !important; }
#clean-theme-client .panel-domain-arama #checkButton{
  position:static !important; height:54px !important; padding:0 1.6rem !important; margin:0 !important;
  border:none !important; border-radius:12px !important; cursor:pointer;
  background:#fff !important; color:var(--vurgu,#912790) !important; font-weight:700 !important; font-size:1rem !important;
  display:inline-flex !important; align-items:center; gap:.5rem; white-space:nowrap !important; width:auto !important;
  transition:transform .15s, box-shadow .15s;
}
#clean-theme-client .panel-domain-arama #checkButton:hover{ transform:translateY(-1px); box-shadow:0 10px 22px -10px rgba(0,0,0,.45) !important; background:#fff !important; }
#clean-theme-client .panel-domain-arama .domain-arama__populer{
  display:flex !important; flex-wrap:wrap !important; gap:.5rem !important; align-items:center !important;
}
#clean-theme-client .panel-domain-arama .domain-arama__populer > span{ color:rgba(255,255,255,.78) !important; font-weight:600 !important; font-size:.85rem !important; }
#clean-theme-client .panel-domain-arama .domain-arama__tld{
  display:inline-flex !important; align-items:center; gap:.4rem; background:rgba(255,255,255,.13) !important; color:#fff !important;
  padding:.4rem .7rem !important; border-radius:8px !important; font-size:.82rem !important; text-decoration:none !important;
  border:1px solid rgba(255,255,255,.18) !important; transition:background .15s;
}
#clean-theme-client .panel-domain-arama .domain-arama__tld:hover{ background:rgba(255,255,255,.24) !important; }
#clean-theme-client .panel-domain-arama .domain-arama__tld strong{ font-weight:700 !important; }
#clean-theme-client .panel-domain-arama .domain-arama__tld small{ opacity:.82; }
@media (max-width:600px){
  #clean-theme-client .panel-domain-arama{ padding:1.5rem !important; }
  #clean-theme-client .panel-domain-arama .domain-arama__form{ flex-direction:column !important; align-items:stretch !important; }
  #clean-theme-client .panel-domain-arama #checkButton{ width:100% !important; justify-content:center; }
}

/* ============================================================
   Sepet (cart) — header ile arasinda bosluk + mor border uyumu
   ============================================================ */
/* Icerik header'a yapisik -> ust bosluk */
#wrapper:has(.sepet){ padding-top:1.75rem !important; }
#clean-theme-client .sepet{ margin-top:0 !important; }
/* Gri (128,128,128) ayrac cizgileri -> yumusak mor */
#clean-theme-client .sepet td,
#clean-theme-client .sepetright td,
#clean-theme-client .sepetsipinfo td,
#clean-theme-client .sepetsipinfo th,
#clean-theme-client .sepetleft td{
  border-color:rgba(145,39,144,.16) !important;
}
/* Siparis Ozeti karti — mor cerceve + yumusak golge */
#clean-theme-client .sepetrightshadow{
  border:1px solid rgba(145,39,144,.22) !important;
  box-shadow:0 14px 34px -22px rgba(145,39,144,.5) !important;
}
/* Sol urun tablosu — mor cerceve, ust mor seritle uyumlu yuvarlatma */
#clean-theme-client .sepetsipinfo{
  border:1px solid rgba(145,39,144,.18) !important;
  border-radius:10px !important; overflow:hidden;
}
/* .sepetbaslik baslik seridi — eski yesil/teal (#009595) onbellekte kalsa bile mor zorla */
.sepetbaslik, #clean-theme-client .sepetbaslik{
  background:#912790 !important; background-image:none !important; color:#fff !important;
}
/* Bos sepet bilgi ikonu (.info > fa-info-circle) — eski teal yerine mor zorla */
#clean-theme-client .info, #clean-theme-client .info .fa-info-circle,
#clean-theme-client .info i.fa{ color:#912790 !important; }

/* ============================================================
   Anasayfa "Tüm çözümler tek çatıda" (.hizmet-kafesi) — temiz 4'lu
   grid, esit yukseklik, premium kart (orphan/kayma fix). ana.css cakisan
   tanimlarini ezer. 8 kart -> masaustu 4x2, tablet 2, mobil 1.
   ============================================================ */
.conhost-anasayfa .hizmet-kafesi{
  display:grid !important; grid-template-columns:repeat(4,1fr) !important;
  gap:1.25rem !important; grid-auto-rows:1fr !important; align-items:stretch;
}
.conhost-anasayfa .hizmet-kart{
  display:flex !important; flex-direction:column !important; align-items:flex-start !important;
  gap:.8rem !important; padding:1.6rem 1.5rem !important; height:100% !important;
  background:#fff !important; border:1px solid var(--kenarlik,#e2e8f0) !important;
  border-radius:16px !important; box-shadow:0 1px 2px rgba(15,23,42,.04) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
.conhost-anasayfa .hizmet-kart:hover{
  transform:translateY(-4px) !important; border-color:var(--vurgu,#912790) !important;
  box-shadow:0 18px 40px -22px rgba(145,39,144,.45) !important;
}
.conhost-anasayfa .hizmet-kart__ikon{
  width:54px !important; height:54px !important; border-radius:14px !important; flex:0 0 auto !important;
  display:flex !important; align-items:center; justify-content:center;
  background:linear-gradient(135deg, var(--vurgu,#912790), var(--vurgu-koyu,#7c1d7c)) !important;
  color:#fff !important; font-size:1.5rem !important; margin:0 !important;
  box-shadow:0 10px 20px -10px rgba(145,39,144,.55) !important;
}
.conhost-anasayfa .hizmet-kart__baslik{
  font-size:1.1rem !important; font-weight:700 !important; margin:.15rem 0 0 !important; color:var(--ana-renk,#0f172a) !important;
}
.conhost-anasayfa .hizmet-kart__aciklama{
  color:var(--yazi-soluk,#64748b) !important; font-size:.9rem !important; line-height:1.55 !important;
  margin:0 !important; flex:1 1 auto !important;
}
.conhost-anasayfa .hizmet-kart__link{
  color:var(--vurgu,#912790) !important; font-weight:600 !important; font-size:.9rem !important;
  display:inline-flex !important; align-items:center; gap:.35rem; margin-top:.35rem !important;
}
@media (max-width:1100px){ .conhost-anasayfa .hizmet-kafesi{ grid-template-columns:repeat(2,1fr) !important; } }
@media (max-width:560px){ .conhost-anasayfa .hizmet-kafesi{ grid-template-columns:1fr !important; } }

/* ============================================================
   Anasayfa hero spec karti (.sunucu-spec-kart) — beyaz yerine
   koyu premium mor-lacivert gradyan + acik metin.
   ============================================================ */
.conhost-anasayfa .sunucu-spec-kart{
  background:linear-gradient(165deg, #1e1233 0%, #0f172a 55%, #2a1838 100%) !important;
  border:1px solid rgba(145,39,144,.40) !important;
  box-shadow:0 34px 72px -34px rgba(145,39,144,.6) !important;
}
.conhost-anasayfa .sunucu-spec-kart__basa{ background:rgba(255,255,255,.04) !important; border-bottom:1px solid rgba(255,255,255,.08); }
.conhost-anasayfa .sunucu-spec-kart__model i{ color:#d894d6 !important; }
.conhost-anasayfa .sunucu-spec-kart__rozet{ background:linear-gradient(135deg, var(--vurgu,#912790), var(--vurgu-koyu,#7c1d7c)) !important; color:#fff !important; }
.conhost-anasayfa .sunucu-spec-kart__satir{ border-bottom-color:rgba(255,255,255,.08) !important; }
.conhost-anasayfa .sunucu-spec-kart__etiket{ color:rgba(255,255,255,.62) !important; }
.conhost-anasayfa .sunucu-spec-kart__etiket i{ color:#d894d6 !important; }
.conhost-anasayfa .sunucu-spec-kart__deger{ color:#ffffff !important; }
.conhost-anasayfa .sunucu-spec-kart__alt{ background:rgba(255,255,255,.04) !important; border-top:1px solid rgba(255,255,255,.10) !important; }
.conhost-anasayfa .sunucu-spec-kart__alt .yazi-soluk{ color:rgba(255,255,255,.55) !important; }
.conhost-anasayfa .sunucu-spec-kart__fiyat-doviz{ color:rgba(255,255,255,.7) !important; }
.conhost-anasayfa .sunucu-spec-kart__fiyat-deger{ color:#ffffff !important; }
.conhost-anasayfa .sunucu-spec-kart__fiyat-periyot{ color:rgba(255,255,255,.55) !important; }

/* ============================================================
   Anasayfa hero (.kapak) — koyu premium mor-lacivert (spec kart ile ayni
   kurumsal dil). Tum metinler acik renge cevrildi.
   ============================================================ */
.conhost-anasayfa .kapak{
  background:linear-gradient(135deg, #1b1030 0%, #0f172a 52%, #271636 100%) !important;
  color:#fff !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
}
.conhost-anasayfa .kapak h1{ color:#fff !important; -webkit-text-fill-color:#fff !important; }
.conhost-anasayfa .kapak h1 span{ color:#d894d6 !important; -webkit-text-fill-color:#d894d6 !important; }
.conhost-anasayfa .kapak__alt-baslik{ color:rgba(255,255,255,.78) !important; }
.conhost-anasayfa .kapak__rozet{ background:rgba(145,39,144,.22) !important; border:1px solid rgba(145,39,144,.45) !important; color:#e9c7e8 !important; }
.conhost-anasayfa .kapak__rozet i{ color:#d894d6 !important; }
.conhost-anasayfa .kapak .eylem-butonu--cerceve-ters{ color:#fff !important; border-color:rgba(255,255,255,.45) !important; background:transparent !important; }
.conhost-anasayfa .kapak .eylem-butonu--cerceve-ters:hover{ background:rgba(255,255,255,.1) !important; }
.conhost-anasayfa .kapak__icerik > div[style*="yazi-soluk"]{ color:rgba(255,255,255,.72) !important; }
.conhost-anasayfa .kapak::before{ background:radial-gradient(circle, rgba(145,39,144,0.40) 0%, transparent 60%) !important; }
.conhost-anasayfa .kapak::after{ background:radial-gradient(circle, rgba(99,102,241,0.22) 0%, transparent 65%) !important; }

/* Koyu hero uzerinde spec kart oksun -> daha parlak kenarlik + ring + hafif acik yuzey */
.conhost-anasayfa .sunucu-spec-kart{
  background:linear-gradient(165deg, #271847 0%, #14203a 55%, #341f46 100%) !important;
  border:1px solid rgba(216,148,214,.45) !important;
  box-shadow:0 30px 70px -28px rgba(0,0,0,.65), 0 0 0 1px rgba(216,148,214,.12), 0 0 60px -20px rgba(145,39,144,.5) !important;
}

/* ============================================================
   Siparis (order) sayfasi — yesil (#8bc34a/#4caf50) -> conhost mor,
   asama gostergeleri + skonfigside fiyat tasma fix.
   ============================================================ */
/* Yesil "Devam" / aksiyon butonlari -> mor */
.siparisbilgileri .btn,
.siparisbilgileri input[type=submit],
.siparisbilgileri button[type=submit],
.skonfigside .btn{
  background:#912790 !important; color:#fff !important; border:none !important;
}
.siparisbilgileri .btn:hover,
.skonfigside .btn:hover{ background:#7c1d7c !important; color:#fff !important; }

/* Asama (step) gostergeleri — conhost moru */
#asamaaktif h3{ background:linear-gradient(135deg,#912790 0%, #7c1d7c 100%) !important; color:#fff !important; text-shadow:none !important; }
#asamaaktif{ color:#912790 !important; }
.ilanasamax h3{ background:#f3e9f4 !important; color:#912790 !important; text-shadow:none !important; }
.asamaline{ background:#eadcec !important; }

/* skonfigside (siparis ozeti) — eski yesil/teal wisecp.css ONBELLEKTE kalsa bile mor zorla */
.skonfigside, #wrapper .skonfigside, .skonfigside.skonfigside{ background:#912790 !important; color:#fff !important; }
.skonfigside h3, .skonfigside h4, .skonfigside span, .skonfigside strong{ color:#fff !important; }
.skonfigside{ overflow:hidden !important; max-width:100%; box-sizing:border-box; }
.skonfigside span{ display:flex !important; justify-content:space-between !important; align-items:baseline; gap:.5rem !important; width:100% !important; float:none !important; box-sizing:border-box; flex-wrap:wrap; }
.skonfigside span strong{ float:none !important; white-space:nowrap; text-align:right; }
.skonfigside h3 span{ font-size:1.05rem !important; }
.skonfigside, .skonfigside *{ word-break:break-word; overflow-wrap:anywhere; }

/* period block secili -> mor vurgu + fiyat tasma onle */
.orderperiodblock.active{ box-shadow:0 0 0 2px #912790, 0 10px 24px -10px rgba(145,39,144,.45) !important; }
.orderperiodblock{ overflow:hidden; }
.orderperiodblock h3, .orderperiodblock .fiyat, .orderperiodblock strong{ word-break:break-word; overflow-wrap:anywhere; }

/* yesil onay/secim ikonu (#4caf50) -> mor */
.siparisbilgileri .fa-check-circle, .orderperiodblock .fa-check-circle,
.orderperiodblock.active .selecticon, .radio-custom.checked{ color:#912790 !important; }

/* ============================================================
   Sepet ozeti tutar degerleri — 30-32px cok buyuk, dar kutuya sigmayip
   kesiliyor; ayrica toplam yesil. Uygun boyut + mor/koyu + tasma onle.
   ============================================================ */
.sepetright .amount_spot_view, .sepetsipinfo .amount_spot_view, .sepetrightshadow .amount_spot_view,
.totalamountinfo h5 .amount_spot_view{
  font-size:1.3rem !important; font-weight:800 !important; line-height:1.2 !important;
  white-space:nowrap !important; color:#0f172a !important; letter-spacing:-.01em;
  display:inline-flex !important; align-items:baseline !important; gap:.15rem !important;
}
/* ₺ sembolu absolute idi -> sayinin disina kayiyordu; inline yap (kayma/tasma fix) */
.sepetright .amount_spot_view i, .sepetsipinfo .amount_spot_view i, .sepetrightshadow .amount_spot_view i,
.totalamountinfo h5 .amount_spot_view i{
  position:static !important; display:inline !important; font-size:.82rem !important; font-weight:600 !important;
  margin:0 !important; top:auto !important; left:auto !important; right:auto !important; transform:none !important;
}
.sepetsipinfo .totalamountinfo h5, .sepetright h5, .sepetrightshadow h5, .sepetright h5 span{
  font-size:1.35rem !important; color:#912790 !important; line-height:1.2 !important; white-space:nowrap !important;
}
.sepetsipinfo .totalamountinfo strong, .sepetright .totalamountinfo strong{ font-size:.82rem !important; }
/* tasmayi tamamen onle */
.sepetright, .sepetrightshadow, .sepetsipinfo .totalamountinfo, .sepetright td, .sepetsipinfo td{ overflow:hidden; }

/* ============================================================
   Header logo — orantisiz olcekleme (squish) ve bulaniklik fix.
   width:auto + object-fit:contain ile en-boy korunur (distorsiyon yok).
   ============================================================ */
.ust-menu__logo img, .ust-menu__logo-2 img, .ust-menu a.ust-menu__logo img{
  height:44px !important; width:auto !important; max-width:none !important; min-width:0 !important;
  object-fit:contain !important; object-position:left center !important;
  image-rendering:auto;
}