/* ==========================================================================
   Vizyonder Soru-Cevap Platformu — Tasarim katmani
   Olusturma: 04.09.2026
   style.css'ten SONRA yuklenir; mevcut .soruwrap / .sorubaslik vb. sinifları
   ezer. Marka renkleri sitenin kendi paletinden alindi:
     mavi #027aa7 · yesil #83b400 · lacivert #283d50
   ========================================================================== */

:root{
  --sc-mavi:        #027aa7;
  --sc-mavi-koyu:   #015f83;
  --sc-mavi-soluk:  #e8f4f8;
  --sc-yesil:       #6f9a00;
  --sc-yesil-soluk: #f0f6e2;
  --sc-lacivert:    #1d3c4e;
  --sc-metin:       #33474f;
  --sc-metin-2:     #6b8391;
  --sc-metin-3:     #90a5b0;
  --sc-zemin:       #f4f7f9;
  --sc-kart:        #ffffff;
  --sc-cizgi:       #dde7ec;
  --sc-cizgi-koyu:  #c6d6de;
  --sc-uyari:       #8a5000;
  --sc-uyari-zemin: #fdf5e8;
  --sc-golge:       0 1px 2px rgba(29,60,78,.04), 0 6px 18px -12px rgba(29,60,78,.30);
  --sc-golge-hover: 0 2px 4px rgba(29,60,78,.06), 0 14px 30px -14px rgba(29,60,78,.38);
}

/* ---------- sayfa cercevesi ---------- */
.sayfaicerikwrap{ background:var(--sc-zemin); }

/* ---------- bolum basligi ---------- */
.sc-sayfabaslik{
  font-family:"Montserrat","Open Sans",sans-serif;
  font-size:26px; font-weight:700; color:var(--sc-lacivert);
  letter-spacing:-.3px; margin:0 0 4px;
}
.sc-sayfaaciklama{ font-size:14px; color:var(--sc-metin-2); margin:0 0 22px; }
.sc-baslikwrap{
  border-bottom:2px solid var(--sc-cizgi);
  padding-bottom:14px; margin-bottom:22px;
}
.sc-sayac{
  display:inline-block; background:var(--sc-mavi-soluk); color:var(--sc-mavi);
  font-size:12px; font-weight:700; padding:3px 10px; border-radius:20px;
  margin-left:8px; vertical-align:middle;
}

/* ---------- arama kutusu ---------- */
.sc-arama{
  background:var(--sc-kart); border:1px solid var(--sc-cizgi);
  border-radius:8px; padding:16px 18px; margin-bottom:24px; box-shadow:var(--sc-golge);
}
.sc-arama-baslik{
  font-size:13px; font-weight:700; color:var(--sc-lacivert);
  text-transform:uppercase; letter-spacing:.06em; margin:0 0 10px;
}
.sc-arama-form{ display:flex; gap:10px; flex-wrap:wrap; }
.sc-arama-form input[type=search], .sc-arama-form input[type=text]{
  flex:1 1 260px; min-width:0;
  border:1px solid var(--sc-cizgi-koyu); border-radius:6px;
  padding:11px 14px; font-size:15px; color:var(--sc-metin);
  background:#fff; transition:border-color .15s, box-shadow .15s;
}
.sc-arama-form input:focus{
  outline:none; border-color:var(--sc-mavi);
  box-shadow:0 0 0 3px rgba(2,122,167,.14);
}
.sc-arama-form button{
  flex:0 0 auto; background:var(--sc-mavi); color:#fff; border:none;
  border-radius:6px; padding:11px 24px; font-size:15px; font-weight:600;
  cursor:pointer; transition:background .15s;
}
.sc-arama-form button:hover{ background:var(--sc-mavi-koyu); }
.sc-arama-ipucu{ font-size:12px; color:var(--sc-metin-3); margin:9px 0 0; }

/* ---------- soru karti (liste) ---------- */
.sc-liste{ display:flex; flex-direction:column; gap:12px; }

.sc-kart{
  display:block; position:relative;
  background:var(--sc-kart); border:1px solid var(--sc-cizgi);
  border-left:4px solid var(--sc-yesil);
  border-radius:8px; padding:16px 20px 14px;
  text-decoration:none; color:inherit;
  box-shadow:var(--sc-golge);
  transition:box-shadow .18s, transform .18s, border-color .18s;
}
.sc-kart:hover{
  box-shadow:var(--sc-golge-hover); transform:translateY(-2px);
  text-decoration:none; color:inherit; border-color:var(--sc-cizgi-koyu);
  border-left-color:var(--sc-yesil);
}
.sc-kart.sc-cevapsiz{ border-left-color:var(--sc-cizgi-koyu); }

.sc-kart-ust{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:9px;
}
.sc-rozet{
  display:inline-flex; align-items:center; gap:5px;
  font-size:11px; font-weight:700; letter-spacing:.03em;
  padding:3px 9px; border-radius:4px; text-transform:uppercase;
}
.sc-rozet-cevapli{ background:var(--sc-yesil-soluk); color:var(--sc-yesil); }
.sc-rozet-bekliyor{ background:#eef2f4; color:var(--sc-metin-2); }
.sc-kat{
  font-size:12px; color:var(--sc-mavi); font-weight:600;
  background:var(--sc-mavi-soluk); padding:3px 10px; border-radius:4px;
}

.sc-kart-baslik{
  font-family:"Montserrat","Open Sans",sans-serif;
  font-size:16.5px; font-weight:600; line-height:1.4;
  color:var(--sc-lacivert); margin:0 0 7px;
}
.sc-kart:hover .sc-kart-baslik{ color:var(--sc-mavi); }

.sc-kart-ozet{
  font-size:14px; line-height:1.6; color:var(--sc-metin-2);
  margin:0 0 11px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden;
}

.sc-kart-alt{
  display:flex; flex-wrap:wrap; gap:6px 16px; align-items:center;
  font-size:12.5px; color:var(--sc-metin-3);
  border-top:1px solid #eef3f5; padding-top:9px;
}
.sc-kart-alt i{ color:var(--sc-metin-3); margin-right:4px; }
.sc-devam{ margin-left:auto; color:var(--sc-mavi); font-weight:600; }

/* ---------- detay sayfasi ---------- */
.sc-detay-baslik{
  font-family:"Montserrat","Open Sans",sans-serif;
  font-size:24px; font-weight:700; line-height:1.35;
  color:var(--sc-lacivert); margin:0 0 10px;
}
.sc-detay-ust{
  display:flex; flex-wrap:wrap; gap:8px 14px; align-items:center;
  font-size:12.5px; color:var(--sc-metin-3);
  border-bottom:2px solid var(--sc-cizgi); padding-bottom:16px; margin-bottom:24px;
}

.sc-blok{
  background:var(--sc-kart); border:1px solid var(--sc-cizgi);
  border-radius:8px; margin-bottom:20px; overflow:hidden;
  box-shadow:var(--sc-golge);
}
.sc-blok-baslik{
  display:flex; align-items:center; gap:9px;
  font-family:"Montserrat","Open Sans",sans-serif;
  font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  padding:12px 20px; margin:0;
  border-bottom:1px solid var(--sc-cizgi);
}
.sc-blok-soru .sc-blok-baslik{ background:#eef4f7; color:var(--sc-lacivert); }
.sc-blok-cevap .sc-blok-baslik{ background:var(--sc-yesil-soluk); color:var(--sc-yesil); }
.sc-blok-soru{ border-left:4px solid var(--sc-mavi); }
.sc-blok-cevap{ border-left:4px solid var(--sc-yesil); }

.sc-blok-govde{
  padding:20px 22px; font-size:15.5px; line-height:1.75; color:var(--sc-metin);
}
.sc-blok-govde p{ margin:0 0 14px; }
.sc-blok-govde p:last-child{ margin-bottom:0; }
.sc-blok-alt{
  display:flex; flex-wrap:wrap; gap:6px 16px;
  padding:10px 22px; background:#fafcfd; border-top:1px solid #eef3f5;
  font-size:12.5px; color:var(--sc-metin-3);
}

/* ---------- uyeye ozel cevap kilidi ---------- */
.sc-kilit{
  background:var(--sc-uyari-zemin); border:1px solid #f0dfc0;
  border-left:4px solid #d99b1e; border-radius:8px;
  padding:26px 24px; text-align:center; margin-bottom:20px;
}
.sc-kilit-ikon{ font-size:30px; color:#d99b1e; margin-bottom:10px; }
.sc-kilit-baslik{
  font-family:"Montserrat","Open Sans",sans-serif;
  font-size:17px; font-weight:700; color:var(--sc-uyari); margin:0 0 6px;
}
.sc-kilit-metin{ font-size:14px; color:#7a6238; margin:0 0 16px; line-height:1.6; }
.sc-kilit-butonlar{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.sc-btn{
  display:inline-block; padding:10px 22px; border-radius:6px;
  font-size:14.5px; font-weight:600; text-decoration:none; transition:background .15s;
}
.sc-btn-birincil{ background:var(--sc-mavi); color:#fff !important; }
.sc-btn-birincil:hover{ background:var(--sc-mavi-koyu); text-decoration:none; }
.sc-btn-ikincil{ background:#fff; color:var(--sc-mavi) !important; border:1px solid var(--sc-cizgi-koyu); }
.sc-btn-ikincil:hover{ background:var(--sc-mavi-soluk); text-decoration:none; }

/* ---------- etiketler ---------- */
.sc-etiketler{
  display:flex; flex-wrap:wrap; gap:7px; align-items:center;
  padding:14px 0 0; border-top:1px solid var(--sc-cizgi); margin-top:6px;
}
.sc-etiketler-baslik{ font-size:12.5px; color:var(--sc-metin-3); margin-right:2px; }
.sc-etiket{
  display:inline-block; background:#eef4f7; color:var(--sc-mavi) !important;
  font-size:12.5px; padding:4px 11px; border-radius:14px; text-decoration:none;
  transition:background .15s;
}
.sc-etiket:hover{ background:var(--sc-mavi-soluk); text-decoration:none; }

/* ---------- kategori kutusu (sag sutun) ---------- */
.sc-yankutu{
  background:var(--sc-kart); border:1px solid var(--sc-cizgi);
  border-radius:8px; overflow:hidden; box-shadow:var(--sc-golge); margin-bottom:20px;
}
.sc-yankutu-baslik{
  background:var(--sc-lacivert); color:#fff;
  font-family:"Montserrat","Open Sans",sans-serif;
  font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  padding:12px 16px; margin:0;
}
.sc-yankutu ul{ list-style:none; margin:0; padding:0; }
.sc-yankutu li{ border-bottom:1px solid #eef3f5; }
.sc-yankutu li:last-child{ border-bottom:none; }
.sc-yankutu a{
  display:block; padding:11px 16px; font-size:14px;
  color:var(--sc-metin) !important; text-decoration:none;
  transition:background .12s, padding-left .12s;
}
.sc-yankutu a:hover{
  background:var(--sc-mavi-soluk); color:var(--sc-mavi) !important;
  padding-left:21px; text-decoration:none;
}
.sc-yankutu a i{ color:var(--sc-yesil); margin-right:7px; }

/* ---------- bos durum ---------- */
.sc-bos{
  background:var(--sc-kart); border:1px dashed var(--sc-cizgi-koyu);
  border-radius:8px; padding:44px 24px; text-align:center; color:var(--sc-metin-2);
}
.sc-bos i{ font-size:34px; color:var(--sc-cizgi-koyu); display:block; margin-bottom:12px; }

/* ---------- sayfalama ---------- */
.sc-sayfalama{ margin-top:26px; display:flex; justify-content:center; }
.sc-sayfalama .pagination{ flex-wrap:wrap; gap:4px; }
.sc-sayfalama .page-link{
  color:var(--sc-mavi); border:1px solid var(--sc-cizgi);
  border-radius:6px !important; padding:8px 14px; font-size:14px; font-weight:600;
}
.sc-sayfalama .page-link:hover{ background:var(--sc-mavi-soluk); border-color:var(--sc-cizgi-koyu); }
.sc-sayfalama .page-item.active .page-link{
  background:var(--sc-mavi); border-color:var(--sc-mavi); color:#fff;
}

/* ---------- mobil ---------- */
@media (max-width:767px){
  .sc-sayfabaslik{ font-size:21px; }
  .sc-detay-baslik{ font-size:19.5px; }
  .sc-kart{ padding:14px 16px 12px; }
  .sc-kart-baslik{ font-size:15.5px; }
  .sc-blok-govde{ padding:16px 17px; font-size:15px; }
  .sc-arama-form button{ width:100%; }
}

/* ==========================================================================
   Hero / giris bolumu  (04.09.2026)
   ========================================================================== */
.sc-hero{
  background:linear-gradient(135deg, #0a6a94 0%, #11699b 45%, #0d5c85 100%);
  padding:52px 0 56px;
  position:relative;
  border-bottom:4px solid var(--sc-yesil);
}
.sc-hero-ic{
  display:flex; align-items:center; gap:38px;
  max-width:1140px; margin:0 auto; padding:0 15px;   /* Bootstrap .container ile ayni hiza */
}
.sc-hero-gorsel{ flex:0 0 175px; }
.sc-hero-gorsel img{ width:100%; height:auto; display:block; }
.sc-hero-metin{ flex:1 1 auto; min-width:0; }

.sc-hero h1{
  font-family:"Montserrat","Open Sans",sans-serif;
  font-size:31px; font-weight:700; color:#fff;
  margin:0 0 12px; letter-spacing:-.4px; line-height:1.25;
}
.sc-hero-aciklama{
  font-size:15.5px; line-height:1.65; color:#cfe9f6;
  margin:0 0 24px; max-width:60ch;
}
.sc-hero-aciklama b{ color:#fff; }

.sc-hero-butonlar{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.sc-hero-btn{
  display:inline-flex; align-items:center; gap:9px;
  padding:13px 30px; border-radius:6px;
  font-family:"Montserrat","Open Sans",sans-serif;
  font-size:15px; font-weight:600; letter-spacing:.2px;
  text-decoration:none; border:2px solid transparent;
  transition:transform .15s, box-shadow .15s, background .15s, color .15s;
}
.sc-hero-btn:hover{ text-decoration:none; transform:translateY(-2px); }

.sc-hero-btn-yesil{
  background:var(--sc-yesil); color:#fff !important;
  box-shadow:0 4px 14px -4px rgba(0,0,0,.4);
  border-color:var(--sc-yesil);
}
.sc-hero-btn-yesil:hover{ background:#5d8300; border-color:#5d8300; box-shadow:0 7px 20px -5px rgba(0,0,0,.5); }

.sc-hero-btn-cizgili{
  background:transparent; color:#fff !important;
  border-color:rgba(255,255,255,.55);
}
.sc-hero-btn-cizgili:hover{ background:rgba(255,255,255,.13); border-color:#fff; }

.sc-hero-sayac{
  display:flex; flex-wrap:wrap; gap:8px 26px;
  margin-top:24px; padding-top:18px;
  border-top:1px solid rgba(255,255,255,.18);
  font-size:13.5px; color:#bcdff2;
}
.sc-hero-sayac b{ color:#fff; font-size:16px; font-weight:700; margin-right:4px; }

@media (max-width:767px){
  .sc-hero{ padding:34px 0 38px; }
  .sc-hero-ic{ flex-direction:column; text-align:center; gap:20px; }
  .sc-hero-gorsel{ flex:0 0 auto; width:120px; }
  .sc-hero h1{ font-size:23px; }
  .sc-hero-aciklama{ font-size:14.5px; margin-bottom:20px; }
  .sc-hero-butonlar{ justify-content:center; }
  .sc-hero-btn{ width:100%; justify-content:center; }
  .sc-hero-sayac{ justify-content:center; }
}

/* ==========================================================================
   Gorece zaman, goruntulenme ve paylas  (04.09.2026)
   ========================================================================== */
.sc-detay-ust .sc-goruntulenme{ display:inline-flex; align-items:center; gap:5px; }
.sc-detay-ust i{ margin-right:4px; }

/* ---------- paylas ---------- */
.sc-paylas{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  padding:14px 0 0; margin-top:6px;
  border-top:1px solid var(--sc-cizgi);
}
.sc-paylas-baslik{
  font-size:12.5px; color:var(--sc-metin-3); margin-right:4px;
  display:inline-flex; align-items:center; gap:5px;
}
.sc-paylas-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  width:36px; height:36px; border-radius:50%;
  border:1px solid var(--sc-cizgi-koyu); background:#fff;
  color:var(--sc-metin-2) !important; font-size:15px;
  text-decoration:none; cursor:pointer;
  transition:background .15s, color .15s, border-color .15s, transform .15s;
}
.sc-paylas-btn:hover{ transform:translateY(-2px); text-decoration:none; color:#fff !important; }
.sc-paylas-wa:hover  { background:#25d366; border-color:#25d366; }
.sc-paylas-x:hover   { background:#0f1419; border-color:#0f1419; }
.sc-paylas-in:hover  { background:#0a66c2; border-color:#0a66c2; }
.sc-paylas-fb:hover  { background:#1877f2; border-color:#1877f2; }
.sc-paylas-mail:hover{ background:var(--sc-mavi); border-color:var(--sc-mavi); }
.sc-paylas-kopyala{ width:auto; padding:0 15px; font-size:13px; font-weight:600; }
.sc-paylas-kopyala:hover{ background:var(--sc-lacivert); border-color:var(--sc-lacivert); }
.sc-paylas-kopyala.sc-kopyalandi{
  background:var(--sc-yesil-soluk) !important; border-color:var(--sc-yesil) !important;
  color:var(--sc-yesil) !important; transform:none;
}

@media (max-width:575px){
  .sc-paylas{ gap:6px; }
  .sc-paylas-baslik{ width:100%; margin-bottom:2px; }
}

/* ---------- uyelik formu ileti izni kutusu (04.09.2026) ---------- */
.sc-izin-kutusu{
  background:var(--sc-mavi-soluk); border:1px solid #cfe4ee;
  border-radius:8px; padding:15px 17px; margin-top:18px;
}
.sc-izin-etiket{
  display:flex; align-items:flex-start; gap:11px;
  margin:0; cursor:pointer; font-weight:400;
}
.sc-izin-etiket input[type=checkbox]{
  flex:0 0 auto; width:18px; height:18px; margin-top:2px; cursor:pointer;
}
.sc-izin-etiket span{
  font-size:13.5px; line-height:1.6; color:var(--sc-metin);
}
.sc-izin-etiket b{ color:var(--sc-lacivert); }