/**
 * ZipWeb — bozuk UI düzeltmeleri
 * Galaxy (mor/koyu) accordion / wrapper / SSS / benzeri sızıntıları temizler.
 * MUTLAKA zipweb.css, jquery-ui ve domain CSS’lerinden SONRA yüklenmeli.
 */

/* ---------- Genel public wrapper: koyu galaxy kalksın ---------- */
body:not(#muspanel) #wrapper,
body:not(#muspanel) #wrapper.wclientdomainpage,
.zwb-domain-scope #wrapper{
  background:#f6f8f7!important;
  background-image:none!important;
  padding:0!important;
  box-shadow:none!important;
  color:#1c1917!important;
}

body.zwb-domain-page #wrapper.wclientdomainpage.zwb-domain-page-main{
  background:transparent!important;
  padding:0!important;
}

/* Domain vitrin FAQ bölgesi — koyu şerit yok */
body:not(#muspanel) .zwb-domain-faq-block,
.zwb-domain-scope .zwb-domain-faq-block{
  background:transparent!important;
  padding:8px 0 32px!important;
}

/* ---------- SSS / Accordion — birleşik yeşil kartlar ---------- */
body:not(#muspanel) .sss,
body:not(#muspanel) .zwb-domain-faq-block .sss,
body:not(#muspanel) .container .sss,
.zwb-domain-scope .sss,
.zwb-domain-faq-block .sss{
  display:block!important;
  width:100%!important;
  max-width:860px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  background-image:none!important;
  border:1px solid #e8eee9!important;
  border-radius:18px!important;
  padding:22px 20px!important;
  box-shadow:0 14px 40px rgba(11,61,46,.07)!important;
  margin:28px auto 40px!important;
  color:#1c1917!important;
  backdrop-filter:none!important;
}

body:not(#muspanel) .sss > h4,
body:not(#muspanel) .sss > h4 strong,
.zwb-domain-faq-block .sss > h4,
.zwb-domain-faq-block .sss > h4 strong{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  color:#0b3d2e!important;
  font-size:22px!important;
  font-weight:800!important;
  margin:0 0 18px!important;
  padding:0!important;
  text-shadow:none!important;
  letter-spacing:-.02em!important;
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#0b3d2e!important;
}

body:not(#muspanel) #accordion,
body:not(#muspanel) .sss #accordion,
body:not(#muspanel) div#accordion,
.zwb-domain-scope #accordion,
.zwb-domain-scope div#accordion,
.ui-accordion{
  display:block!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Soru başlıkları — TAM genişlik (inline-table kırığını düzelt) */
body:not(#muspanel) #accordion h3,
body:not(#muspanel) .sss #accordion h3,
body:not(#muspanel) div#accordion h3,
body:not(#muspanel) .ui-accordion .ui-accordion-header,
body:not(#muspanel) .ui-accordion .ui-accordion-header.ui-state-default,
.zwb-domain-scope #accordion h3,
.zwb-domain-scope .sss #accordion h3,
.zwb-domain-scope .ui-accordion .ui-accordion-header{
  display:flex!important;
  align-items:center!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  max-width:100%!important;
  min-width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:15px 18px 15px 46px!important;
  background:#f0fdf4!important;
  background-image:none!important;
  color:#0b3d2e!important;
  -webkit-text-fill-color:#0b3d2e!important;
  border:1px solid #d1fae5!important;
  border-radius:12px!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.45!important;
  text-shadow:none!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:visible!important;
  position:relative!important;
  cursor:pointer!important;
  outline:0!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
}

/* Kapalı soru: alt boşluk; açık soru: cevapla birleşik */
body:not(#muspanel) #accordion h3:not(.ui-state-active),
body:not(#muspanel) .sss #accordion h3:not(.ui-state-active){
  margin-bottom:10px!important;
  border-radius:12px!important;
}

body:not(#muspanel) #accordion h3:hover,
body:not(#muspanel) .sss #accordion h3:hover,
body:not(#muspanel) .ui-accordion .ui-accordion-header:hover,
.zwb-domain-scope #accordion h3:hover{
  background:#ecfdf5!important;
  background-image:none!important;
  border-color:#86efac!important;
  color:#052e21!important;
  -webkit-text-fill-color:#052e21!important;
  transform:none!important;
  box-shadow:none!important;
}

body:not(#muspanel) #accordion h3.ui-state-active,
body:not(#muspanel) .sss #accordion h3.ui-state-active,
body:not(#muspanel) .ui-accordion .ui-accordion-header-active,
body:not(#muspanel) .ui-accordion .ui-accordion-header.ui-state-active,
.zwb-domain-scope #accordion h3.ui-state-active{
  background:#0b3d2e!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:#0b3d2e!important;
  border-radius:12px 12px 0 0!important;
  margin-bottom:0!important;
}

/* Mor shine ::before kaldır */
body:not(#muspanel) #accordion h3::before,
body:not(#muspanel) .sss #accordion h3::before,
body:not(#muspanel) #accordion h3::after,
body:not(#muspanel) .sss #accordion h3::after{
  content:none!important;
  display:none!important;
  background:none!important;
}

/* Cevap panelleri — soruyla birleşik tek kart */
body:not(#muspanel) #accordion > div,
body:not(#muspanel) .sss #accordion > div,
body:not(#muspanel) div#accordion > div,
body:not(#muspanel) .ui-accordion .ui-accordion-content,
body:not(#muspanel) .ui-accordion .ui-accordion-content.ui-widget-content,
.zwb-domain-scope #accordion > div,
.zwb-domain-scope .ui-accordion .ui-accordion-content{
  display:block!important;
  float:none!important;
  width:100%!important;
  max-width:100%!important;
  min-width:100%!important;
  box-sizing:border-box!important;
  margin:0 0 10px!important;
  padding:16px 18px 18px!important;
  background:#f8faf9!important;
  background-image:none!important;
  color:#334155!important;
  -webkit-text-fill-color:#334155!important;
  border:1px solid #d1fae5!important;
  border-top:0!important;
  border-radius:0 0 12px 12px!important;
  font-size:14px!important;
  line-height:1.75!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* JS öncesi tüm cevaplar görünürken bile soru+cevap birleşik dursun */
body:not(#muspanel) #accordion > h3 + div,
body:not(#muspanel) .sss #accordion > h3 + div{
  margin-top:0!important;
  border-top:0!important;
}
body:not(#muspanel) #accordion > h3:has(+ div:not([style*="display: none"])),
body:not(#muspanel) .sss #accordion > h3:has(+ div:not([style*="display: none"])){
  margin-bottom:0!important;
  border-radius:12px 12px 0 0!important;
  border-bottom-color:transparent!important;
}

body:not(#muspanel) #accordion > div p,
body:not(#muspanel) .sss #accordion > div p,
.zwb-domain-scope #accordion > div p{
  color:#475569!important;
  -webkit-text-fill-color:#475569!important;
  margin:0 0 10px!important;
}

body:not(#muspanel) #accordion > div a,
body:not(#muspanel) .sss #accordion > div a{
  color:#16a34a!important;
  -webkit-text-fill-color:#16a34a!important;
  text-decoration:underline!important;
}

/* Accordion ikon — yeşil */
body:not(#muspanel) .ui-accordion .ui-accordion-header .ui-accordion-header-icon,
.zwb-domain-scope .ui-accordion .ui-accordion-header .ui-accordion-header-icon{
  left:14px!important;
  margin-top:-8px!important;
  background-image:none!important;
  text-indent:0!important;
  width:16px!important;
  height:16px!important;
  color:#16a34a!important;
}
body:not(#muspanel) .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon{
  color:#86efac!important;
}
body:not(#muspanel) .ui-icon-triangle-1-e:before,
body:not(#muspanel) .ui-icon-triangle-1-s:before{
  color:inherit!important;
}

/* jQuery UI default chrome temizliği (public) */
body:not(#muspanel) .ui-widget-content,
body:not(#muspanel) .ui-widget-header{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  color:inherit!important;
}
body:not(#muspanel) .ui-state-default,
body:not(#muspanel) .ui-widget-content .ui-state-default,
body:not(#muspanel) .ui-widget-header .ui-state-default{
  background-image:none!important;
}

/* ---------- Hosting / ürün FAQ (details) ---------- */
.hp-faq-section,.zip-host-faq,.svp-faq-section,.sms-faq-section,.software-faq-section{
  background:#fff!important;
}
.hp-faq-title,.svp-faq-section h3,.sms-faq-section h3,.software-faq-section .section-title{
  color:#0b3d2e!important;
  text-shadow:none!important;
  -webkit-text-fill-color:#0b3d2e!important;
  background:none!important;
}
.zip-faq-details,.hp-faq-item,.svp-faq-item,.sms-faq-item{
  border:1px solid #e8eee9!important;
  border-radius:12px!important;
  background:#fff!important;
  margin-bottom:10px!important;
  overflow:hidden!important;
}
.hp-faq-question,.zip-faq-summary,.svp-faq-header,.sms-faq-header{
  background:#f0fdf4!important;
  color:#0b3d2e!important;
  -webkit-text-fill-color:#0b3d2e!important;
  padding:14px 16px!important;
  font-weight:700!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.hp-faq-answer,.zip-faq-answer,.svp-faq-content,.sms-faq-content,.sms-faq-body{
  background:#f8faf9!important;
  color:#475569!important;
  padding:14px 16px!important;
}

/* Galaxy accordion (yazılım vb.) — public yeşil */
body:not(#muspanel) .galaxy-accordion,
body:not(#muspanel) .galaxy-accordion.ui-accordion{
  background:transparent!important;
  border:0!important;
}
body:not(#muspanel) .galaxy-accordion .ui-accordion-header,
body:not(#muspanel) .galaxy-accordion h3,
body:not(#muspanel) #accordion.galaxy-accordion h3{
  display:flex!important;
  width:100%!important;
  box-sizing:border-box!important;
  background:#f0fdf4!important;
  background-image:none!important;
  color:#0b3d2e!important;
  -webkit-text-fill-color:#0b3d2e!important;
  border:1px solid #d1fae5!important;
  border-radius:12px!important;
  text-shadow:none!important;
}
body:not(#muspanel) .galaxy-accordion .ui-accordion-header-active,
body:not(#muspanel) .galaxy-accordion h3.ui-state-active{
  background:#0b3d2e!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-radius:12px 12px 0 0!important;
}
body:not(#muspanel) .galaxy-accordion .ui-accordion-content,
body:not(#muspanel) .galaxy-accordion > div{
  background:#f8faf9!important;
  color:#475569!important;
  -webkit-text-fill-color:#475569!important;
  border:1px solid #d1fae5!important;
  border-top:0!important;
  border-radius:0 0 12px 12px!important;
  padding:16px 18px!important;
  width:100%!important;
  box-sizing:border-box!important;
}

/* ---------- Bilgi bankası / knowledge ---------- */
.knowledgebase-item,.kb-item,.kb-category{
  border:1px solid #e8eee9!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#1c1917!important;
}
.knowledgebase-item a,.kb-item a{color:#0b3d2e!important;}

/* ---------- Mor/glow başlık sızıntıları (public) ---------- */
body:not(#muspanel) h1[style*="text-shadow"],
body:not(#muspanel) h2[style*="text-shadow"],
body:not(#muspanel) h3[style*="text-shadow"],
body:not(#muspanel) h4[style*="text-shadow"],
body:not(#muspanel) .section-title{
  text-shadow:none!important;
}

/* Tescil ücretleri tablosu — galaxy mor kaldırma (public) */
body:not(#muspanel) .tescilucretleri,
body:not(#muspanel) .tescilucretleri table{
  background:#fff!important;
  color:#1c1917!important;
}
body:not(#muspanel) .tescilucretleri table td,
body:not(#muspanel) .tescilucretleri table th{
  color:#334155!important;
  border-bottom:1px solid #e8eee9!important;
}
body:not(#muspanel) .tescilucretleri table tr:hover{
  background:#f0fdf4!important;
}

/* Domain information band — koyu galaxy yerine açık */
body:not(#muspanel) .domain-information{
  background:#f6f8f7!important;
  background-image:none!important;
  color:#1c1917!important;
}

/* ---------- Anasayfa FAQ ---------- */
.zw-faq-list{
  border:1px solid #e8eee9!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.zw-faq-q{
  width:100%!important;
  box-sizing:border-box!important;
  color:#0b3d2e!important;
  background:#fff!important;
}
.zw-faq-item.open .zw-faq-q{
  background:#0b3d2e!important;
  color:#fff!important;
}
.zw-faq-a{
  color:#475569!important;
  background:#f8faf9!important;
}

/* ---------- AI chat FAB — mor galaxy → yeşil marka ---------- */
body:not(#muspanel) .ai-chat-widget,
body:not(#muspanel) #ai-chat-widget,
body:not(#muspanel) .chat-widget-container{
  --ai-primary:#16a34a!important;
  --ai-secondary:#0b3d2e!important;
  --ai-user-bubble:#16a34a!important;
  --ai-chat-bg:#0b3d2e!important;
}
body:not(#muspanel) .ai-chat-toggle,
body:not(#muspanel) .chat-widget-toggle,
body:not(#muspanel) .ai-chat-button,
body:not(#muspanel) [class*="chat-widget"] button[class*="toggle"],
body:not(#muspanel) [class*="chat-widget"] .toggle-btn,
body:not(#muspanel) .aichat-fab,
body:not(#muspanel) #aichat-launcher{
  background:linear-gradient(135deg,#16a34a 0%,#0b3d2e 100%)!important;
  background-image:linear-gradient(135deg,#16a34a 0%,#0b3d2e 100%)!important;
  box-shadow:0 8px 24px rgba(11,61,46,.35)!important;
}

/* Yazılım SSS bölümü */
body:not(#muspanel) .software-faq-section{
  background:#f6f8f7!important;
  background-image:none!important;
}
body:not(#muspanel) .software-faq-section .section-title,
body:not(#muspanel) .software-faq-section .section-badge{
  color:#0b3d2e!important;
  text-shadow:none!important;
  -webkit-text-fill-color:#0b3d2e!important;
  background:none!important;
}

@media (max-width:767px){
  body:not(#muspanel) .sss,
  .zwb-domain-faq-block .sss{
    padding:16px 12px!important;
    margin:20px 12px 32px!important;
  }
  body:not(#muspanel) #accordion h3,
  body:not(#muspanel) .sss #accordion h3{
    font-size:14px!important;
    padding:12px 12px 12px 40px!important;
  }
}

/* Chat widget vars — tema yeşili (addon CSS sonrası da kazanır) */
html body:not(#muspanel){
  --ai-primary:#16a34a!important;
  --ai-secondary:#0b3d2e!important;
  --ai-user-bubble:#16a34a!important;
  --ai-chat-bg:#0b3d2e!important;
  --ai-bot-bubble:#14532d!important;
}

/* ---------- Çerez popup — koyu navy → yeşil marka, içeriği ezmesin ---------- */
body:not(#muspanel) #mio-cookie-popup{
  z-index:99990!important;
}
body:not(#muspanel) #mio-cookie-popup .mio-cookie-popup__card{
  background:#0b3d2e!important;
  border:1px solid #14532d!important;
  border-radius:14px!important;
  box-shadow:0 12px 32px rgba(11,61,46,.35)!important;
  color:#ecfdf5!important;
}
body:not(#muspanel) #mio-cookie-popup .mio-cookie-popup__card a{
  color:#86efac!important;
}
body:not(#muspanel) #mio-cookie-popup button,
body:not(#muspanel) #mio-cookie-popup .btn,
body:not(#muspanel) #mio-cookie-popup [class*="accept"],
body:not(#muspanel) #mio-cookie-popup .mio-cookie-popup__btn{
  background:#16a34a!important;
  border-color:#16a34a!important;
  color:#fff!important;
  border-radius:10px!important;
}