/* === KVKK Modal (Tema Uyumlu, Dış CSS) — düzenlenmiş === */
:root{
  --kvkk-bg: var(--color-bg, #fff);
  --kvkk-text: var(--color-body-text, #111827);
  --kvkk-border: var(--color-border-primary, #e5e7eb);
  --kvkk-primary: var(--vtc-bg-main1, #ff6600);
}

.kvkk-backdrop{
  position:fixed; inset:0; background:rgba(0,0,0,.45);
  z-index:10000; display:none;
}
.kvkk-modal{
  position:fixed; inset:0; display:none; z-index:10001;
  align-items:center; justify-content:center; padding:20px;
}

/* Kart köşeleri bozulmasın, içerik kendi içinde scroll olsun */
.kvkk-card{
  width:min(820px, 96vw);
  max-height:88vh;
  overflow:hidden;
  background:var(--kvkk-bg); color:var(--kvkk-text);
  border:1px solid var(--kvkk-border); border-radius:14px;
  box-shadow:0 20px 60px rgba(0,0,0,.18);
  padding:20px;
}

.kvkk-header{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; margin-bottom:10px;
}
.kvkk-title{ margin:0; font-weight:800; font-size:1.1rem; }

/* Üstteki “×” daha küçük */
.kvkk-close{
  background:transparent; border:none; font-size:1.2rem;
  line-height:1; cursor:pointer; color:var(--kvkk-text);
}

/* İçerik: iki yana yaslı ve dengeli boşluklar + iç scroll */
.kvkk-content{
  line-height:1.6; font-size:.98rem; text-align:justify;
  max-height:calc(88vh - 110px); /* header + actions alanı düşülür */
  overflow:auto; padding-right:6px; /* scrollbar için nefes */
}
.kvkk-content a{ color:var(--kvkk-primary); text-decoration:underline; }

/* Başlıklar arasında boşluk */
.kvkk-content h4{
  margin-top:22px; margin-bottom:12px;
  font-weight:800; text-align:left;
}
.kvkk-content h4:first-of-type{ margin-top:10px; }

/* Paragraflar ve listeler */
.kvkk-content p, .kvkk-content ul{ margin-bottom:12px; }
.kvkk-content ul{ padding-left:20px; }
.kvkk-content li{ margin-bottom:6px; }

/* Alttaki kapat butonu: ortaya al, daha küçük */
.kvkk-actions{
  display:flex; justify-content:center; gap:10px; margin-top:14px;
}
.kvkk-btn{
  padding:8px 14px; border-radius:10px; font-weight:600; cursor:pointer;
  border:1px solid var(--kvkk-border); background:#fff; color:var(--kvkk-text);
}
.kvkk-btn:hover{ filter:brightness(.98); }
.kvkk-btn-primary{ background:var(--kvkk-primary); border-color:var(--kvkk-primary); color:#fff; }
.kvkk-btn-primary:hover{ filter:brightness(.95); }

/* Scrollbar — içerikte ince ve yuvarlak; kartın yuvarlak kenarları korunur */
.kvkk-content::-webkit-scrollbar{ width:8px; }
.kvkk-content::-webkit-scrollbar-track{ background:transparent; }
.kvkk-content::-webkit-scrollbar-thumb{ background:rgba(0,0,0,.2); border-radius:8px; }
.kvkk-content::-webkit-scrollbar-thumb:hover{ background:rgba(0,0,0,.3); }
.kvkk-content{ scrollbar-width:thin; scrollbar-color:rgba(0,0,0,.25) transparent; }

/* Mobil / küçük ekran düzeni */
@media (max-width:640px){
  .kvkk-card{ padding:16px; }
  .kvkk-title{ font-size:1rem; }
  .kvkk-content{
    max-height:calc(88vh - 96px);
    line-height:1.55;
  }
  .kvkk-content h4{ margin-top:18px; margin-bottom:8px; }
  .kvkk-content p, .kvkk-content ul{ margin-bottom:10px; }
  .kvkk-btn{ padding:8px 12px; font-size:.9rem; }
}
/* === KVKK Modal - Mobil close ikon + alt kapat butonu (yalnızca mobil) === */
@media (max-width:640px){
  /* Başlık satırı sıkışmasın */
  .kvkk-header{ align-items: center; }
  .kvkk-title{ flex: 1; }

  /* Üstteki kapatma işareti: kırmızı, küçük, yuvarlak ikon */
  .kvkk-close{
    width: 34px; height: 34px;
    padding: 0;
    border-radius: 9999px;
    background: #ef4444;           /* kırmızı */
    color: #fff;                    /* x beyaz */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;                /* küçük x */
    line-height: 1;
    box-shadow: 0 2px 8px rgba(239,68,68,.35);
  }
  .kvkk-close:hover{ filter: brightness(.98); }
  .kvkk-close:active{ transform: scale(.96); }

  /* Alttaki kapat butonu: küçük, ortalı, tema uyumlu */
  .kvkk-actions{
    justify-content: center;
    margin-top: 12px;
    gap: 10px;
  }
  .kvkk-actions .kvkk-btn{
    padding: 7px 12px;
    font-size: .9rem;
    border-radius: 10px;
  }
  .kvkk-actions .kvkk-btn-primary{
    background: var(--vtc-bg-main1, #ff6600);
    border-color: var(--vtc-bg-main1, #ff6600);
    color: #fff;
  }

  /* İçerik daha okunaklı, kelime bölmeleri düzgün */
  .kvkk-content{
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
    overflow-wrap: break-word;
    max-height: calc(80vh - 96px); /* kart boyunu mobilde fazla uzatma */
    line-height: 1.5;
    padding-right: 4px;
  }
  .kvkk-card{
    width: min(560px, 94vw);
    max-height: 80vh;
    padding: 14px;
    border-radius: 12px;
  }
  .kvkk-content h4{ margin-top: 16px; margin-bottom: 8px; }
  .kvkk-content p, .kvkk-content ul{ margin-bottom: 10px; }
}
/* === KVKK Modal - Mobil düzenleme (daha kısa, geniş ve okunaklı) === */

/* Metin boşluklarını iyileştir */
.kvkk-content{
  text-align: justify;
  text-justify: inter-word;   /* kelimeler arası dağılım */
  hyphens: auto;              /* uygun yerde tireleme (tarayıcı destekliyse) */
  overflow-wrap: break-word;  /* uzun kelimeleri kır */
  word-break: normal;
}

/* Mobil/küçük ekran: kart çok ince-uzun olmasın, daha geniş ve kısa kalsın */
@media (max-width:640px){
  .kvkk-modal{ padding: 12px; }

  .kvkk-card{
    width: min(560px, 94vw);     /* neredeyse tam genişlik ama kenarlık payı bırak */
    max-height: 80vh;            /* boyu kısalt: ekranın %80’i */
    padding: 14px;               /* iç boşlukları azalt */
    border-radius: 12px;
  }

  .kvkk-title{ font-size: 1rem; }

  /* İçerik alanı: başlık+buton düşülerek hesapla, satır aralığını dengeli tut */
  .kvkk-content{
    max-height: calc(80vh - 90px);
    line-height: 1.5;
    padding-right: 4px;          /* scrollbar için nefes */
  }

  /* Başlık ve blok boşlukları: yapışık olmasın ama dağılmasın */
  .kvkk-content h4{
    margin-top: 16px;
    margin-bottom: 8px;
  }
  .kvkk-content p,
  .kvkk-content ul{ margin-bottom: 10px; }

  /* Alttaki kapat butonu: daha küçük ve ortalı */
  .kvkk-actions{ margin-top: 12px; justify-content: center; }
  .kvkk-btn{ padding: 7px 12px; font-size: .9rem; }
  .kvkk-close{ font-size: 1.15rem; }  /* üstteki “×” biraz daha küçük */
}

/* (İsteğe bağlı) iOS/Android’te scrollbar görselini de incelt */
.kvkk-content::-webkit-scrollbar{ width: 6px; }
.kvkk-content::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.2); border-radius: 8px; }