/* =========================================================
   b2bNet — sozlesme.css
   Yasal metin sayfasi (KVKK aydinlatma, acik riza, kullanici
   sozlesmesi, gizlilik, mesafeli satis). Tek sablon, icerik
   CMS'ten gelir. main.css'ten SONRA yuklenir.

   Yaklasim: sayfada okumaktan baska is yok. Kutu, gorsel,
   renk vurgusu ve hareket yok; yalnizca tipografi.
   ========================================================= */

.b2b-sozlesme{
  /* Sabit menunun kapladigi yukseklik. */
  --b2b-soz-ust:84px;
  /* Okuma sutunu. Yasal metinde satir uzunlugu kritik. */
  --b2b-soz-genislik:680px;

  --b2b-soz-zemin:#F6F9FF;
  --b2b-soz-cizgi:#E4EBF7;
  --b2b-soz-solgun:#8296B5;

  background:var(--b2b-soz-zemin);
}

.b2b-sozlesme-ic{
  max-width:var(--b2b-soz-genislik);
  margin-inline:auto;
  padding-inline:20px;
  padding-top:calc(var(--b2b-soz-ust) + 48px);
  padding-bottom:90px;
}
@media (min-width:768px){
  .b2b-sozlesme-ic{
    padding-top:calc(var(--b2b-soz-ust) + 72px);
    padding-bottom:120px;
  }
}


/* ---------------------------------------------------------
   1. BASLIK
   --------------------------------------------------------- */
.b2b-soz-ustluk{
  display:block;
  font-size:11.5px; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--b2b-soz-solgun);
}

.b2b-soz-baslik{
  margin:16px 0 0;
  font-size:clamp(1.7rem,3.4vw,2.3rem);
  font-weight:700; line-height:1.18; letter-spacing:-.03em;
  color:var(--b2b-lacivert);
}

.b2b-soz-tarih{
  display:block; margin-top:14px;
  font-size:13.5px; color:var(--b2b-soz-solgun);
  font-variant-numeric:tabular-nums;
}


/* ---------------------------------------------------------
   2. METIN
   CMS'ten gelen ham HTML burada bicimlenir.
   --------------------------------------------------------- */
.b2b-soz-metin{
  margin-top:34px; padding-top:32px;
  border-top:1px solid var(--b2b-soz-cizgi);
  font-size:16px; line-height:1.85; color:#3A4C6E;
}
@media (min-width:768px){ .b2b-soz-metin{ font-size:16.5px; } }

.b2b-soz-metin > *:first-child{ margin-top:0; }
.b2b-soz-metin p{ margin:0 0 20px; }

.b2b-soz-metin h2{
  margin:38px 0 12px;
  font-size:1.15rem; font-weight:700; line-height:1.35;
  letter-spacing:-.018em; color:var(--b2b-lacivert);
  /* baglantiyla gelindiginde baslik menunun altinda kalmasin */
  scroll-margin-top:calc(var(--b2b-soz-ust) + 24px);
}
.b2b-soz-metin h3{
  margin:28px 0 8px;
  font-size:1rem; font-weight:700; color:var(--b2b-lacivert);
  scroll-margin-top:calc(var(--b2b-soz-ust) + 24px);
}

.b2b-soz-metin ul,
.b2b-soz-metin ol{ margin:0 0 20px; padding-left:0; list-style:none; }
.b2b-soz-metin li{ position:relative; padding-left:24px; margin-bottom:9px; }
.b2b-soz-metin ul li::before{
  content:''; position:absolute; left:7px; top:.78em;
  width:5px; height:5px; border-radius:999px; background:#B7C6DE;
}
.b2b-soz-metin ol{ counter-reset:b2bMadde; }
.b2b-soz-metin ol li{ counter-increment:b2bMadde; }
.b2b-soz-metin ol li::before{
  content:counter(b2bMadde) '.';
  position:absolute; left:0; top:0;
  font-weight:600; color:var(--b2b-soz-solgun);
  font-variant-numeric:tabular-nums;
}

.b2b-soz-metin strong{ font-weight:700; color:var(--b2b-lacivert); }
.b2b-soz-metin a{
  color:var(--b2b-mavi-700); font-weight:500;
  text-decoration:underline; text-underline-offset:3px;
  text-decoration-color:rgba(29,78,216,.32);
}
.b2b-soz-metin a:hover{ text-decoration-color:var(--b2b-mavi-700); }

.b2b-soz-metin hr{
  border:0; border-top:1px solid var(--b2b-soz-cizgi);
  margin:32px 0;
}

/* Yasal metinlerde sik gecen tanim tablolari. Dar ekranda
   yatay kaydirilir; icerigi bozup kart yapmak riskli. */
.b2b-soz-metin table{
  width:100%; margin:0 0 22px;
  border-collapse:collapse;
  font-size:14.5px;
}
.b2b-soz-metin th,
.b2b-soz-metin td{
  padding:11px 12px;
  border:1px solid var(--b2b-soz-cizgi);
  text-align:left; vertical-align:top;
}
.b2b-soz-metin th{
  background:#EEF3FB;
  font-weight:700; color:var(--b2b-lacivert);
}
.b2b-soz-sarmal{ overflow-x:auto; }


/* ---------------------------------------------------------
   3. DIGER METINLER
   --------------------------------------------------------- */
.b2b-soz-diger{
  margin-top:56px; padding-top:28px;
  border-top:1px solid var(--b2b-soz-cizgi);
}
.b2b-soz-diger-baslik{
  margin:0 0 4px;
  font-size:11.5px; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:var(--b2b-soz-solgun);
}
.b2b-soz-diger-liste{ list-style:none; margin:0; padding:0; }
.b2b-soz-diger-liste li{ border-bottom:1px solid var(--b2b-soz-cizgi); }
.b2b-soz-diger-liste a{
  display:block; padding:14px 0;
  font-size:15px; font-weight:600; color:var(--b2b-lacivert);
  transition:color .2s ease;
}
.b2b-soz-diger-liste a:hover{ color:var(--b2b-mavi-700); }
.b2b-soz-diger-liste [aria-current]{
  display:block; padding:14px 0;
  font-size:15px; font-weight:600; color:var(--b2b-soz-solgun);
}


/* ---------------------------------------------------------
   4. YAZDIRMA
   Bu sayfalar sik sik yazdirilir ya da PDF'e cevrilir.
   --------------------------------------------------------- */
@media print{
  .b2b-sozlesme{ background:#fff; }
  .b2b-sozlesme-ic{ max-width:none; padding:0; }
  .b2b-soz-metin{ font-size:11.5pt; line-height:1.6; color:#000; }
  .b2b-soz-metin h2,
  .b2b-soz-metin h3{ break-after:avoid; }
  .b2b-soz-metin a{ text-decoration:none; color:#000; }
  .b2b-soz-diger{ display:none; }
}