/* =========================================================
   b2bNet — yardim.css
   Yardim dokumanlari giris sayfasi. main.css'ten SONRA yuklenir.

   Yaklasim: moduller kutu icinde degil, saç teli cizgilerle
   ayrilmis satirlar halinde durur. Ikonlar PNG olarak disaridan
   gelir; olculeri CSS'te sabitlenmistir ki farkli boyutta bir
   dosya yuklendiginde duzen bozulmasin.
   ========================================================= */

.b2b-yardim{
  /* Sabit menunun kapladigi yukseklik. */
  --b2b-yrd-ust:84px;
  /* Ikon kutusunun olcusu — tek yerden buyutulup kucultulur. */
  --b2b-yrd-ikon:52px;

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

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

.b2b-yardim-ic{
  max-width:1040px; margin-inline:auto;
  padding-inline:20px;
  padding-top:calc(var(--b2b-yrd-ust) + 52px);
  padding-bottom:90px;
}
@media (min-width:768px){
  .b2b-yardim-ic{
    padding-top:calc(var(--b2b-yrd-ust) + 76px);
    padding-bottom:120px;
  }
}


/* ---------------------------------------------------------
   1. UST ALAN
   --------------------------------------------------------- */
.b2b-yardim-tepe{ text-align:center; }

.b2b-yrd-ustluk{
  display:block;
  font-size:11.5px; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--b2b-mavi-600);
}
.b2b-yardim-baslik{
  margin:16px 0 0;
  font-size:clamp(2rem,4.4vw,2.9rem);
  font-weight:700; line-height:1.1; letter-spacing:-.035em;
  color:var(--b2b-lacivert);
}
.b2b-yardim-aciklama{
  max-width:44ch; margin:18px auto 0;
  font-size:clamp(1rem,1.4vw,1.1rem);
  line-height:1.65; color:var(--b2b-gri);
}


/* ---------------------------------------------------------
   2. MODUL LISTESI
   Iki sutun; aralarinda ve satirlar arasinda tek cizgi.
   --------------------------------------------------------- */
.b2b-modul-liste{
  list-style:none; margin:48px 0 0; padding:0;
  display:grid; grid-template-columns:1fr;
  border-top:1px solid var(--b2b-yrd-cizgi);
}
@media (min-width:760px){
  .b2b-modul-liste{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:44px;
    margin-top:64px;
  }
}

.b2b-modul-liste li{ border-bottom:1px solid var(--b2b-yrd-cizgi); }

.b2b-modul-satir{
  display:grid;
  grid-template-columns:var(--b2b-yrd-ikon) minmax(0,1fr) 18px;
  gap:16px; align-items:center;
  padding:20px 4px;
}

/* ---- ikon ----
   PNG'ler farkli olculerde gelse de kutuya sigar; sistem
   bunlari 1:1 alanda ortalar. */
.b2b-modul-ikon{
  display:flex; align-items:center; justify-content:center;
  width:var(--b2b-yrd-ikon); height:var(--b2b-yrd-ikon);
  border-radius:14px;
  background:#fff;
  border:1px solid var(--b2b-yrd-cizgi);
  transition:border-color .2s ease, background-color .2s ease;
}
.b2b-modul-ikon img{
  display:block;
  width:26px; height:26px;
  object-fit:contain;
}
.b2b-modul-satir:hover .b2b-modul-ikon{
  border-color:var(--b2b-mavi-200);
  background:var(--b2b-mavi-50);
}

.b2b-modul-ad{
  display:block;
  font-size:16.5px; font-weight:700; line-height:1.35;
  letter-spacing:-.016em; color:var(--b2b-lacivert);
  transition:color .2s ease;
}
.b2b-modul-satir:hover .b2b-modul-ad{ color:var(--b2b-mavi-700); }

.b2b-modul-yazi{
  display:block; margin-top:4px;
  font-size:14px; line-height:1.55; color:var(--b2b-gri);
}

.b2b-modul-ok{
  width:18px; height:18px;
  color:#B7C6DE;
  transition:color .2s ease;
}
.b2b-modul-satir:hover .b2b-modul-ok{ color:var(--b2b-mavi-600); }


/* ---------------------------------------------------------
   3. ALT ALAN
   Kart degil; iki sutun duz yazi.
   --------------------------------------------------------- */
.b2b-yardim-dip{
  display:grid; gap:26px;
  margin-top:56px; padding-top:34px;
  border-top:1px solid var(--b2b-yrd-cizgi);
}
@media (min-width:640px){
  .b2b-yardim-dip{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:44px; }
}

.b2b-yardim-dip-baslik{
  margin:0;
  font-size:15.5px; font-weight:700; letter-spacing:-.015em;
  color:var(--b2b-lacivert);
}
.b2b-yardim-dip-yazi{
  margin:7px 0 0;
  font-size:14.5px; line-height:1.65; color:var(--b2b-gri);
}
.b2b-yardim-dip-yazi a{
  color:var(--b2b-lacivert); font-weight:600;
  border-bottom:1px solid var(--b2b-yrd-cizgi);
  transition:border-color .2s ease, color .2s ease;
}
.b2b-yardim-dip-yazi a:hover{
  color:var(--b2b-mavi-700); border-bottom-color:var(--b2b-mavi-200);
}

/* ---------------------------------------------------------
   4. ARAMA
   Hub icinde, modul listesinin ustunde. Yazmaya baslandiginda
   modul listesi gizlenir, yerine eslesen kilavuzlar gelir.
   --------------------------------------------------------- */
.b2b-yrd-arama{ position:relative; max-width:520px; margin:32px auto 0; }
.b2b-yrd-arama-ikon{
  position:absolute; left:18px; top:50%; transform:translateY(-50%);
  width:18px; height:18px; color:var(--b2b-yrd-solgun); pointer-events:none;
}
.b2b-yrd-arama-giris{
  width:100%; height:52px; padding:0 46px;
  border-radius:14px; border:1px solid var(--b2b-yrd-cizgi);
  background:#fff; font:inherit; font-size:15px; color:var(--b2b-lacivert);
  transition:border-color .2s ease, box-shadow .2s ease;
}
.b2b-yrd-arama-giris::placeholder{ color:var(--b2b-yrd-solgun); }
.b2b-yrd-arama-giris:focus{
  outline:none; border-color:var(--b2b-mavi-200); box-shadow:0 0 0 4px #E8F0FF;
}
.b2b-yrd-arama-giris::-webkit-search-cancel-button{ -webkit-appearance:none; }
.b2b-yrd-arama-sil{
  position:absolute; right:12px; top:50%; transform:translateY(-50%);
  display:flex; align-items:center; justify-content:center;
  width:28px; height:28px; border:0; border-radius:8px;
  background:transparent; color:var(--b2b-yrd-solgun); cursor:pointer;
}
.b2b-yrd-arama-sil svg{ width:15px; height:15px; }
.b2b-yrd-arama-sil:hover{ background:#EDF3FF; color:var(--b2b-mavi-700); }

/* sonuc listesi — modul listesinin yerini alir */
.b2b-yrd-sonuc{ margin:48px 0 0; }
@media (min-width:760px){ .b2b-yrd-sonuc{ margin-top:64px; } }
.b2b-yrd-sonuc-baslik{
  margin:0 0 2px;
  font-size:11.5px; font-weight:700; letter-spacing:.11em;
  text-transform:uppercase; color:var(--b2b-yrd-solgun);
}
.b2b-yrd-sonuc-liste{
  list-style:none; margin:0; padding:0;
  border-top:1px solid var(--b2b-yrd-cizgi);
}
.b2b-yrd-sonuc-liste li{ border-bottom:1px solid var(--b2b-yrd-cizgi); }
.b2b-yrd-sonuc-satir{
  display:grid; grid-template-columns:minmax(0,1fr) auto;
  gap:6px 14px; align-items:center; padding:16px 4px;
}
.b2b-yrd-sonuc-ad{
  display:block;
  font-size:16px; font-weight:600; line-height:1.4;
  letter-spacing:-.012em; color:var(--b2b-lacivert);
  transition:color .2s ease;
}
.b2b-yrd-sonuc-satir:hover .b2b-yrd-sonuc-ad{ color:var(--b2b-mavi-700); }
.b2b-yrd-sonuc-modul{
  font-size:11.5px; font-weight:700; letter-spacing:.06em;
  text-transform:uppercase; color:var(--b2b-yrd-solgun); white-space:nowrap;
}
.b2b-yrd-bos{
  margin:26px 0 0; font-size:14.5px; line-height:1.65; color:var(--b2b-gri);
}

/* ---------------------------------------------------------
   5. DOKUMANI OLMAYAN MODUL
   Listeden dusurulmez, tiklanmaz. Yapinin tamami gorunur
   kalsin ama kullanici bos sayfaya dusmesin.
   --------------------------------------------------------- */
.b2b-modul-satir--pasif{
  grid-template-columns:var(--b2b-yrd-ikon) minmax(0,1fr) auto;
  cursor:default;
}
.b2b-modul-satir--pasif .b2b-modul-ikon{ opacity:.55; }
.b2b-modul-satir--pasif .b2b-modul-ad{ color:var(--b2b-yrd-solgun); }
.b2b-modul-satir--pasif:hover .b2b-modul-ikon{
  border-color:var(--b2b-yrd-cizgi); background:#fff;
}
.b2b-modul-satir--pasif:hover .b2b-modul-ad{ color:var(--b2b-yrd-solgun); }
.b2b-modul-yakinda{
  font-size:11.5px; font-weight:700; letter-spacing:.06em;
  text-transform:uppercase; color:var(--b2b-yrd-solgun); white-space:nowrap;
}

/* display tanimli ogelerde hidden ozniteligi UA stilini ezmesin */
.b2b-modul-liste[hidden],
.b2b-yrd-arama-sil[hidden]{ display:none; }

/* Mobilde ust alan durgunken 140px (duyuru seridi + menu);
   84px'lik varsayilan pay basligi menunun dibine yapistiriyordu. */
@media (max-width:767px){
  .b2b-yardim{ --b2b-yrd-ust:104px; }
}