/* =============================================================
 * ic-sayfa.css — İç sayfa bileşenleri
 * site.css'ten SONRA yüklenir, aynı tasarım belirteçlerini kullanır.
 * ============================================================= */

/* .kap ile aynı davranan takma ad (iç sayfalar bunu kullanıyor) */
.container{max-width:var(--kap);margin:0 auto;padding:0 24px;}

/* ── İç sayfa üst bandı ──────────────────────────────────── */
.ic-hero{position:relative;background:var(--bg);border-bottom:1px solid var(--line);
  padding:46px 0 50px;overflow:hidden;}
.ic-hero::before{content:'';position:absolute;inset:0;opacity:.6;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230d2b4e' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.ic-hero::after{content:'';position:absolute;top:-110px;right:-70px;width:360px;height:360px;border-radius:50%;
  background:radial-gradient(circle,rgba(192,57,43,.10),transparent 70%);}
.ic-hero .container{position:relative;z-index:2;}
.ic-hero h1{font-size:34px;font-weight:800;color:var(--ink);line-height:1.18;letter-spacing:-.7px;max-width:900px;}
.ic-hero .ic-ozet{font-size:15px;color:var(--body);margin-top:13px;max-width:680px;line-height:1.75;}

.yol{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin-bottom:14px;}
.yol a{color:var(--navy);transition:color var(--hz);}
.yol a:hover{color:var(--red);}
.yol i{font-size:8px;opacity:.55;}
.yol span{color:var(--ink);}

/* ── Sayfa gövdesi ───────────────────────────────────────── */
.sayfa{padding:56px 0 76px;background:var(--bg);}
.sayfa-gri{background:var(--bg-soft);}
.iki-kolon{display:grid;grid-template-columns:1fr 330px;gap:38px;align-items:start;}

/* ── Yan sütun ───────────────────────────────────────────── */
.yan-kart{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:22px;overflow:hidden;}
.yan-kart h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:var(--navy);
  text-transform:uppercase;letter-spacing:1px;padding:17px 20px;border-bottom:1px solid var(--line);
  display:flex;align-items:center;gap:10px;}
.yan-kart h3 i{color:var(--red);font-size:13px;}
.yan-liste{list-style:none;}
.yan-liste li{border-bottom:1px solid var(--line-soft);}
.yan-liste li:last-child{border-bottom:none;}
.yan-liste li a{display:flex;align-items:center;gap:10px;padding:12px 20px;font-size:13.5px;
  color:var(--body);transition:all var(--hz);line-height:1.5;}
.yan-liste li a:hover{background:var(--navy-50);color:var(--navy);padding-left:25px;}
.yan-liste li a i{font-size:9px;color:var(--faint);flex-shrink:0;transition:color var(--hz);}
.yan-liste li a:hover i{color:var(--red);}
.yan-liste li a.aktif{background:var(--navy-50);color:var(--navy);font-weight:700;
  box-shadow:inset 3px 0 0 var(--red);}

.yan-mini{display:flex;gap:13px;padding:13px 20px;border-bottom:1px solid var(--line-soft);transition:background var(--hz);}
.yan-mini:last-of-type{border-bottom:none;}
.yan-mini:hover{background:var(--navy-50);}
.yan-mini img{width:68px;height:50px;object-fit:cover;border-radius:var(--r-sm);flex-shrink:0;}
.yan-mini .bos-gorsel{width:68px;height:50px;border-radius:var(--r-sm);background:var(--navy-50);
  display:flex;align-items:center;justify-content:center;color:#bfcede;font-size:15px;flex-shrink:0;}
.yan-mini .ym-t{font-size:13px;font-weight:600;color:var(--ink);line-height:1.45;transition:color var(--hz);}
.yan-mini:hover .ym-t{color:var(--navy);}
.yan-mini .ym-d{font-size:11.5px;color:var(--faint);margin-top:5px;}

/* ── Kart ızgarası ───────────────────────────────────────── */
.kart-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.kart-grid.iki{grid-template-columns:repeat(2,1fr);}
.kart-grid.dort{grid-template-columns:repeat(4,1fr);}
.i-kart{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
  display:flex;flex-direction:column;transition:all var(--hz);}
.i-kart:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:transparent;}
.i-kart-gorsel{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--navy-50);}
.i-kart-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.4,0,.2,1);}
.i-kart:hover .i-kart-gorsel img{transform:scale(1.06);}
.i-kart-gorsel .bos{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#c2d0e0;font-size:36px;}
.i-kart-etiket{position:absolute;top:13px;left:13px;background:rgba(13,43,78,.92);backdrop-filter:blur(4px);
  color:#fff;font-family:'Montserrat',sans-serif;font-size:10px;font-weight:800;letter-spacing:1px;
  text-transform:uppercase;padding:6px 12px;border-radius:3px;}
.i-kart-govde{padding:22px 24px 26px;flex:1;display:flex;flex-direction:column;}
.i-kart-meta{font-size:12px;color:var(--faint);margin-bottom:10px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.i-kart-meta span{display:inline-flex;align-items:center;gap:6px;}
.i-kart-govde h3{font-size:16.5px;font-weight:700;line-height:1.42;letter-spacing:-.2px;transition:color var(--hz);}
.i-kart:hover .i-kart-govde h3{color:var(--navy);}
.i-kart-govde p{font-size:13.5px;color:var(--muted);line-height:1.68;flex:1;margin-top:9px;}
.i-kart-devam{margin-top:16px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:800;
  letter-spacing:.5px;text-transform:uppercase;color:var(--red);display:inline-flex;align-items:center;gap:8px;}
.i-kart-devam i{font-size:10px;transition:transform var(--hz);}
.i-kart:hover .i-kart-devam i{transform:translateX(5px);}

/* ── Satır listesi (duyuru / ihale / ilan / arama) ───────── */
.satir-liste{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;}
.satir{display:flex;align-items:center;gap:18px;padding:18px 22px;border-bottom:1px solid var(--line-soft);
  transition:background var(--hz);}
.satir:last-child{border-bottom:none;}
.satir:hover{background:var(--navy-50);}
.satir-tarih{width:58px;flex-shrink:0;background:var(--navy);color:#fff;border-radius:var(--r);
  padding:10px 0;text-align:center;transition:background var(--hz);}
.satir:hover .satir-tarih{background:var(--red);}
.satir-tarih .g{font-family:'Montserrat',sans-serif;font-size:19px;font-weight:800;line-height:1;}
.satir-tarih .a{font-size:9.5px;text-transform:uppercase;letter-spacing:.9px;margin-top:3px;opacity:.88;}
.satir-govde{flex:1;min-width:0;}
.satir-govde h3{font-size:15px;font-weight:700;line-height:1.45;letter-spacing:-.1px;transition:color var(--hz);}
.satir:hover .satir-govde h3{color:var(--navy);}
.satir-govde p{font-size:13px;color:var(--muted);margin-top:6px;line-height:1.65;}
.satir-ek{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.satir-rozet{font-size:10.5px;font-weight:800;padding:5px 11px;border-radius:20px;background:var(--navy-50);
  color:var(--navy);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-family:'Montserrat',sans-serif;}
.satir-rozet.yesil{background:var(--ok-bg);color:var(--ok);}
.satir-rozet.turuncu{background:var(--warn-bg);color:var(--warn);}
.satir-rozet.gri{background:#f0f2f5;color:var(--muted);}
.satir-rozet.kirmizi{background:var(--red-50);color:var(--red);}
.satir-ok{width:34px;height:34px;border-radius:50%;background:var(--bg-soft);color:var(--navy);
  display:flex;align-items:center;justify-content:center;font-size:12px;transition:all var(--hz);flex-shrink:0;}
.satir:hover .satir-ok{background:var(--navy);color:#fff;transform:translateX(3px);}

/* ── Sekmeler ────────────────────────────────────────────── */
.sekmeler{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px;}
.sekme{padding:10px 20px;font-family:'Montserrat',sans-serif;font-size:12.5px;font-weight:700;
  color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);transition:all var(--hz);}
.sekme:hover{border-color:var(--navy);color:var(--navy);transform:translateY(-1px);}
.sekme.aktif{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 4px 14px rgba(13,43,78,.2);}

/* ── Sayfalama ───────────────────────────────────────────── */
.sayfalama{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:42px;flex-wrap:wrap;}
.sayfalama a,.sayfalama span{min-width:40px;height:40px;padding:0 13px;display:flex;align-items:center;
  justify-content:center;border:1px solid var(--line);background:#fff;border-radius:var(--r-sm);
  font-size:13.5px;font-weight:700;color:var(--navy);transition:all var(--hz);font-family:'Montserrat',sans-serif;}
.sayfalama a:hover{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-2px);}
.sayfalama .aktif{background:var(--navy);color:#fff;border-color:var(--navy);}
.sayfalama .pasif{color:#c3cbd5;background:var(--bg-soft);cursor:default;}
.sayfalama .uc{border:none;background:none;color:var(--faint);min-width:22px;padding:0;}

/* ── Detay içeriği ───────────────────────────────────────── */
.detay-kapak{width:100%;max-height:470px;object-fit:cover;border-radius:var(--r-lg);margin-bottom:28px;display:block;}
.detay-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--muted);
  padding-bottom:18px;margin-bottom:26px;border-bottom:1px solid var(--line);}
.detay-meta span{display:inline-flex;align-items:center;gap:7px;}
.detay-meta i{color:var(--navy);opacity:.65;}

.icerik{font-size:15.5px;line-height:1.88;color:var(--body);}
.icerik > *:first-child{margin-top:0;}
.icerik p{margin-bottom:18px;}
.icerik h2{font-size:22px;font-weight:800;color:var(--ink);margin:34px 0 15px;letter-spacing:-.3px;}
.icerik h3{font-size:18px;font-weight:700;color:var(--ink);margin:28px 0 13px;}
.icerik h4{font-size:15.5px;font-weight:700;color:var(--ink);margin:22px 0 10px;}
.icerik ul,.icerik ol{margin:0 0 18px 22px;}
.icerik li{margin-bottom:9px;}
.icerik ul li::marker{color:var(--red);}
.icerik a{color:var(--red);text-decoration:underline;text-underline-offset:3px;transition:color var(--hz);}
.icerik a:hover{color:var(--navy);}
/* İçerik görselleri ortalanır. Metin akışının içinde tek başına duran
   görsel sola yaslı kalınca dengesiz görünüyordu. */
.icerik img{max-width:100%;height:auto;border-radius:var(--r);margin:16px auto 22px;display:block;}
/* Paragrafın içine gömülü görsel akışta kalsın (satır içi kullanım bozulmasın) */
.icerik p > img:not(:only-child){display:inline;margin:0 4px;vertical-align:middle;}
.icerik blockquote{border-left:4px solid var(--red);background:var(--bg-soft);padding:18px 22px;
  margin:0 0 20px;font-style:italic;color:var(--ink);border-radius:0 var(--r-sm) var(--r-sm) 0;}
.icerik table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:14px;}
.icerik th,.icerik td{border:1px solid var(--line);padding:10px 13px;text-align:left;}
.icerik th{background:var(--bg-soft);font-weight:700;color:var(--navy);}
.icerik hr{border:none;border-top:1px solid var(--line);margin:28px 0;}

/* ── Dosya kutusu & paylaşım ─────────────────────────────── */
.dosya-kutu{display:flex;align-items:center;gap:16px;background:var(--bg-soft);border:1px solid var(--line);
  border-radius:var(--r);padding:18px 20px;margin:26px 0;}
.dosya-kutu .dk-ic{width:46px;height:46px;border-radius:var(--r);background:var(--red);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;}
.dosya-kutu .dk-t{font-size:14px;font-weight:700;color:var(--ink);}
.dosya-kutu .dk-a{font-size:12px;color:var(--muted);margin-top:3px;}
.dosya-kutu .dk-btn{margin-left:auto;background:var(--navy);color:#fff;padding:11px 20px;border-radius:var(--r-sm);
  font-size:13px;font-weight:700;transition:all var(--hz);white-space:nowrap;font-family:'Montserrat',sans-serif;}
.dosya-kutu .dk-btn:hover{background:var(--red);transform:translateY(-2px);}

.paylas{display:flex;align-items:center;gap:10px;margin-top:34px;padding-top:24px;
  border-top:1px solid var(--line);flex-wrap:wrap;}
.paylas .pl{font-family:'Montserrat',sans-serif;font-size:11.5px;font-weight:800;color:var(--muted);
  text-transform:uppercase;letter-spacing:1.2px;margin-right:6px;}
.paylas a{width:38px;height:38px;border-radius:50%;background:var(--bg-soft);color:var(--navy);
  display:flex;align-items:center;justify-content:center;font-size:14px;border:1px solid var(--line);
  transition:all var(--hz);}
.paylas a:hover{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-3px);}

/* ── Boş durum ───────────────────────────────────────────── */
.bos-durum{text-align:center;padding:70px 24px;background:#fff;border:1px dashed var(--line);border-radius:var(--r-lg);}
.bos-durum i{font-size:46px;color:#c8d4e2;margin-bottom:18px;display:block;}
.bos-durum h3{font-size:18px;font-weight:700;margin-bottom:9px;}
.bos-durum p{font-size:14px;color:var(--muted);line-height:1.72;max-width:460px;margin:0 auto;}

/* ── Bağımsız düğmeler (iç sayfalar) ─────────────────────────
 * DİKKAT: .btn-cizgi adı site.css'teki hap biçimli düğme sisteminde
 * de kullanılıyor. Bu dosya sonra yüklendiği için oradaki
 * "border-radius:100px" eziliyor ve anasayfadaki düğmeler köşeli
 * çıkıyordu. Bu yüzden kurallar :not(.btn) ile sınırlandı —
 * "btn btn-cizgi" yazılan düğmeler site.css'in biçimini korur. */
.btn-ana:not(.btn),.btn-cizgi:not(.btn){display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:'Montserrat',sans-serif;font-weight:700;font-size:13.5px;padding:13px 26px;
  border-radius:var(--r-sm);border:2px solid var(--navy);transition:all var(--hz);cursor:pointer;}
.btn-ana:not(.btn){background:var(--navy);color:#fff;}
.btn-ana:not(.btn):hover{background:var(--red);border-color:var(--red);transform:translateY(-2px);box-shadow:0 8px 22px rgba(192,57,43,.26);}
.btn-cizgi:not(.btn){background:transparent;color:var(--navy);}
.btn-cizgi:not(.btn):hover{background:var(--navy);color:#fff;}
.btn-ana:not(.btn) i,.btn-cizgi:not(.btn) i{font-size:13px;}

/* ── Formlar ─────────────────────────────────────────────── */
.form-kart{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:38px 34px;
  box-shadow:var(--sh);}
.form-kart h2{font-size:23px;font-weight:800;margin-bottom:8px;letter-spacing:-.3px;}
.form-kart .fk-alt{font-size:14px;color:var(--muted);margin-bottom:28px;line-height:1.7;}
.alan-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.alan{margin-bottom:18px;}
.alan label{display:block;font-size:11.5px;font-weight:700;color:var(--muted);margin-bottom:7px;
  text-transform:uppercase;letter-spacing:.6px;}
.alan label .zorunlu{color:var(--red);}
.alan input,.alan select,.alan textarea{width:100%;padding:13px 15px;border:1.5px solid var(--line);
  border-radius:var(--r-sm);font-family:'Open Sans',sans-serif;font-size:14px;color:var(--ink);
  background:var(--bg-soft);transition:all var(--hz);}
.alan input:focus,.alan select:focus,.alan textarea:focus{outline:none;border-color:var(--navy);
  background:#fff;box-shadow:0 0 0 3px rgba(13,43,78,.08);}
.alan textarea{min-height:140px;resize:vertical;line-height:1.65;}
.alan .ipucu{font-size:12px;color:var(--faint);margin-top:6px;line-height:1.5;}
.onay-satir{display:flex;align-items:flex-start;gap:11px;margin-bottom:20px;font-size:13px;
  color:var(--muted);line-height:1.65;cursor:pointer;}
.onay-satir input{width:17px;height:17px;margin-top:2px;flex-shrink:0;accent-color:var(--navy);}
.onay-satir a{color:var(--navy);font-weight:700;text-decoration:underline;}

.uyari{padding:14px 17px;border-radius:var(--r-sm);margin-bottom:22px;font-size:13.5px;line-height:1.65;}
.uyari.basari{background:var(--ok-bg);color:var(--ok);border:1px solid #b8e8cc;}
.uyari.hata{background:var(--red-50);color:var(--red-700);border:1px solid #f5c6c6;}
.uyari.bilgi{background:var(--navy-50);color:var(--navy-600);border:1px solid var(--navy-100);}
.uyari ul{margin:8px 0 0 18px;}

/* ── Galeri & lightbox ───────────────────────────────────── */
.foto-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.foto-kutu{position:relative;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;cursor:pointer;background:var(--navy-50);}
.foto-kutu img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.foto-kutu:hover img{transform:scale(1.07);}
.foto-kutu .fk-ust{position:absolute;inset:0;background:rgba(13,43,78,.5);opacity:0;transition:opacity var(--hz);
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;}
.foto-kutu:hover .fk-ust{opacity:1;}

.lb{position:fixed;inset:0;background:rgba(8,18,32,.95);z-index:9999;display:none;
  align-items:center;justify-content:center;padding:48px 24px;}
.lb.acik{display:flex;}
.lb img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--r-sm);}
.lb-kapat{position:absolute;top:22px;right:26px;width:46px;height:46px;border-radius:50%;
  background:rgba(255,255,255,.12);color:#fff;font-size:19px;display:flex;align-items:center;
  justify-content:center;transition:background var(--hz);}
.lb-kapat:hover{background:rgba(255,255,255,.26);}
.lb-ok{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;
  background:rgba(255,255,255,.12);color:#fff;font-size:19px;display:flex;align-items:center;
  justify-content:center;transition:background var(--hz);}
.lb-ok:hover{background:rgba(255,255,255,.26);}
.lb-ok.onceki{left:22px;}
.lb-ok.sonraki{right:22px;}
.lb-sayac{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);color:#a9c5e2;
  font-size:13px;letter-spacing:1.5px;font-family:'Montserrat',sans-serif;}

/* ── Video ızgarası ──────────────────────────────────────── */
.video-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.video-kutu{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:all var(--hz);}
.video-kutu:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:transparent;}
.video-onizle{position:relative;aspect-ratio:16/9;background:var(--navy-700);overflow:hidden;}
.video-onizle img{width:100%;height:100%;object-fit:cover;filter:brightness(.85);transition:all .5s;}
.video-kutu:hover .video-onizle img{transform:scale(1.06);filter:brightness(1);}
.video-onizle .oynat{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;
  border-radius:50%;background:rgba(255,255,255,.94);color:var(--red);display:flex;align-items:center;
  justify-content:center;font-size:19px;transition:transform var(--hz);}
.video-kutu:hover .video-onizle .oynat{transform:translate(-50%,-50%) scale(1.13);}
.video-bilgi{padding:17px 19px 20px;}
.video-bilgi h3{font-size:14.5px;font-weight:700;line-height:1.45;}
.video-bilgi .vd{font-size:12px;color:var(--faint);margin-top:8px;}

/* ── Kişi kartı (başkan) ─────────────────────────────────── */
.kisi-unvan{font-family:'Montserrat',sans-serif;font-size:12.5px;color:var(--red);letter-spacing:2px;
  text-transform:uppercase;margin-top:9px;font-weight:800;}

/* ── Şube kartı ──────────────────────────────────────────── */
.sube-kart{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;transition:all var(--hz);}
.sube-kart:hover{transform:translateY(-5px);box-shadow:var(--sh-lg);border-color:transparent;}
.sube-kart h3{font-size:17px;font-weight:800;margin-bottom:5px;letter-spacing:-.2px;}
.sube-kart .sb-baskan{font-size:12.5px;color:var(--red);font-weight:700;margin-bottom:16px;}
.sube-kart .sb-satir{display:flex;align-items:flex-start;gap:11px;font-size:13px;color:var(--muted);
  margin-bottom:10px;line-height:1.6;}
.sube-kart .sb-satir i{color:var(--navy);opacity:.6;width:15px;text-align:center;margin-top:3px;flex-shrink:0;}

/* ── İletişim kutuları ───────────────────────────────────── */
.iletisim-kutular{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:42px;}
.il-kutu{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 22px;
  text-align:center;transition:all var(--hz);}
.il-kutu:hover{transform:translateY(-5px);box-shadow:var(--sh-lg);border-color:transparent;}
.il-kutu .ik-ic{width:54px;height:54px;border-radius:50%;background:var(--navy);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 auto 16px;transition:all var(--hz);}
.il-kutu:hover .ik-ic{background:var(--red);transform:scale(1.08);}
.il-kutu h4{font-family:'Montserrat',sans-serif;font-size:12px;font-weight:800;color:var(--navy);
  text-transform:uppercase;letter-spacing:1.2px;margin-bottom:9px;}
.il-kutu p{font-size:13.5px;color:var(--muted);line-height:1.68;word-break:break-word;}

/* ── Arama sayfası ───────────────────────────────────────── */
.arama-kutu{display:flex;max-width:660px;margin:0 auto 38px;box-shadow:var(--sh);border-radius:var(--r);overflow:hidden;}
.arama-kutu input{flex:1;padding:16px 20px;border:1.5px solid var(--line);border-right:none;
  font-family:'Open Sans',sans-serif;font-size:15px;background:#fff;}
.arama-kutu input:focus{outline:none;border-color:var(--navy);}
.arama-kutu button{background:var(--navy);color:#fff;border:1.5px solid var(--navy);padding:0 30px;
  font-family:'Montserrat',sans-serif;font-weight:700;font-size:13.5px;transition:all var(--hz);
  display:flex;align-items:center;gap:9px;}
.arama-kutu button:hover{background:var(--red);border-color:var(--red);}
.arama-grup{margin-bottom:38px;}
.arama-grup h2{font-family:'Montserrat',sans-serif;font-size:17px;font-weight:800;color:var(--ink);
  text-transform:uppercase;letter-spacing:.6px;margin-bottom:18px;display:flex;align-items:center;gap:12px;}
.arama-grup h2::after{content:'';flex:1;height:1px;background:var(--line);}
.arama-grup h2 .adet{font-size:11px;background:var(--navy);color:#fff;padding:3px 10px;border-radius:20px;letter-spacing:0;}

/* ── Üye paneli ──────────────────────────────────────────── */
.uye-ust{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);padding:26px 28px;margin-bottom:26px;flex-wrap:wrap;box-shadow:var(--sh-sm);}
.uye-avatar{width:66px;height:66px;border-radius:50%;background:var(--navy);color:#fff;
  display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;
  font-size:26px;font-weight:800;flex-shrink:0;}
.uye-ust h2{font-size:21px;font-weight:800;letter-spacing:-.3px;}
.uye-ust p{font-size:13.5px;color:var(--muted);margin-top:5px;}

.bilgi-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;background:#fff;}
.bilgi-satir{padding:16px 20px;border-bottom:1px solid var(--line-soft);border-right:1px solid var(--line-soft);}
.bilgi-satir:nth-child(2n){border-right:none;}
.bilgi-satir .bs-l{font-size:11px;color:var(--faint);text-transform:uppercase;letter-spacing:1.1px;margin-bottom:6px;font-weight:600;}
.bilgi-satir .bs-v{font-size:14.5px;color:var(--ink);font-weight:600;word-break:break-word;}

/* ── 404 ─────────────────────────────────────────────────── */
.hata-sayfa{min-height:58vh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:80px 20px;}
.hata-sayfa .kod{font-family:'Montserrat',sans-serif;font-size:110px;font-weight:800;line-height:1;
  letter-spacing:-5px;background:linear-gradient(135deg,var(--navy),var(--red));
  -webkit-background-clip:text;background-clip:text;color:transparent;}
.hata-sayfa h1{font-size:26px;font-weight:800;margin:16px 0 12px;letter-spacing:-.4px;}
.hata-sayfa p{font-size:15px;color:var(--muted);max-width:460px;line-height:1.78;margin-bottom:30px;}
.hata-linkler{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}

/* ── Duyarlı ─────────────────────────────────────────────── */
@media(max-width:1024px){
  .iki-kolon{grid-template-columns:1fr;gap:34px;}
  .kart-grid,.kart-grid.dort{grid-template-columns:repeat(2,1fr);}
  .foto-izgara{grid-template-columns:repeat(3,1fr);}
  .video-izgara{grid-template-columns:repeat(2,1fr);}
  .iletisim-kutular{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  .container{padding:0 20px;}
  .ic-hero{padding:30px 0 34px;}
  .ic-hero h1{font-size:23px;}
  .ic-hero .ic-ozet{font-size:13.5px;}
  .sayfa{padding:34px 0 50px;}
  .kart-grid,.kart-grid.iki,.kart-grid.dort{grid-template-columns:1fr;}
  .foto-izgara{grid-template-columns:repeat(2,1fr);}
  .video-izgara{grid-template-columns:1fr;}
  .iletisim-kutular{grid-template-columns:1fr;}
  .alan-grid{grid-template-columns:1fr;}
  .bilgi-grid{grid-template-columns:1fr;}
  .bilgi-satir{border-right:none;}
  .form-kart{padding:26px 22px;}
  .satir{gap:14px;padding:15px 16px;flex-wrap:wrap;}
  .satir-tarih{width:50px;padding:8px 0;}
  .satir-tarih .g{font-size:17px;}
  .satir-govde h3{font-size:14px;}
  .satir-ok{display:none;}
  .detay-kapak{max-height:250px;}
  .icerik{font-size:15px;}
  .hata-sayfa .kod{font-size:74px;letter-spacing:-3px;}
  .sekme{padding:9px 15px;font-size:12px;}
  .dosya-kutu{flex-wrap:wrap;}
  .dosya-kutu .dk-btn{margin-left:0;width:100%;text-align:center;}
  .arama-kutu{flex-direction:column;box-shadow:none;}
  .arama-kutu input{border-right:1.5px solid var(--line);border-radius:var(--r-sm);margin-bottom:10px;}
  .arama-kutu button{padding:14px;border-radius:var(--r-sm);justify-content:center;}
  .lb-ok{width:42px;height:42px;font-size:16px;}
  .lb-ok.onceki{left:10px;} .lb-ok.sonraki{right:10px;}
}
@media(max-width:480px){
  .foto-izgara{grid-template-columns:1fr;}
  .sayfalama a,.sayfalama span{min-width:36px;height:36px;font-size:12.5px;padding:0 10px;}
  .uye-ust{padding:20px;}
}

/* ── Görseli olmayan kartlar: dev boş kutu yerine ince şerit ── */
.i-kart-gorsel.gorselsiz{aspect-ratio:16/4.5;background:linear-gradient(135deg,var(--navy-50),#e4ecf5);}
.i-kart-gorsel.gorselsiz .bos{font-size:22px;}

@media(max-width:768px){
  .i-kart-gorsel.gorselsiz{aspect-ratio:16/3.4;}
  .i-kart-gorsel.gorselsiz .bos{font-size:18px;}
  .i-kart-govde{padding:18px 18px 20px;}
  .i-kart-govde h3{font-size:15.5px;}
  .sayfa{padding:28px 0 40px;}
  .kart-grid{gap:16px;}
  .sekmeler{gap:6px;margin-bottom:20px;}
  .yan-kart{margin-bottom:16px;}
  .iki-kolon{gap:26px;}
}
/* ── Başkan kartı ────────────────────────────────────────
 * Fotoğraf sola yaslanır (float), ad/unvan ve özgeçmiş metni
 * yanından akar; metin fotoğrafı geçince tam genişliğe döner.
 * Eskiden ızgara kullanılıyordu ve fotoğrafın yanında 336px
 * boş alan kalıyordu.                                      */
.kisi-kart{background:#fff;border:1px solid var(--border);border-radius:8px;padding:32px;}
.kisi-kart::after{content:'';display:block;clear:both;}     /* float'ı kapsa */
.kisi-foto{float:left;width:290px;margin:4px 32px 24px 0;border-radius:var(--r-lg);
  overflow:hidden;background:var(--navy-50);aspect-ratio:4/5;box-shadow:var(--sh);}
.kisi-foto img{width:100%;height:100%;object-fit:cover;object-position:top center;}
.kisi-foto .bos{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#b8c8da;font-size:66px;}
.kisi-ad{font-family:'Montserrat',sans-serif;font-size:29px;font-weight:800;color:var(--ink);line-height:1.18;letter-spacing:-.5px;}
.kisi-sosyal{display:flex;gap:10px;margin-top:22px;}
.kisi-sosyal a{width:40px;height:40px;border-radius:50%;background:var(--navy-50);color:var(--navy);
  display:flex;align-items:center;justify-content:center;transition:all var(--hz);}
.kisi-sosyal a:hover{background:var(--red);color:#fff;transform:translateY(-3px);}
/* Özgeçmiş başlığı: tam genişlik <hr> float'ın altına girdiği için
   çizgi yerine kısa kırmızı vurgu kullanılır. */
.kisi-bolum-bas{font-family:'Montserrat',sans-serif;font-weight:800;font-size:19px;
  color:var(--navy);margin:30px 0 16px;padding-top:22px;position:relative;}
.kisi-bolum-bas::before{content:'';position:absolute;top:0;left:0;width:44px;height:3px;
  background:var(--red);border-radius:2px;}

@media(max-width:600px){
  /* Dar ekranda float kalkar: fotoğraf ve ad ortalanır, özgeçmiş altta akar */
  .kisi-kart{padding:22px;}
  .kisi-foto{float:none;width:100%;max-width:240px;margin:0 auto 20px;aspect-ratio:4/5;}
  .kisi-ad,.kisi-unvan{text-align:center;}
  .kisi-sosyal{justify-content:center;}
  .kisi-bolum-bas{margin-top:26px;}
  .kisi-bolum-bas::before{left:50%;transform:translateX(-50%);}
  .kisi-bolum-bas{text-align:center;}
}

/* ── Sayfa kapak görseli ─────────────────────────────────
 * İçerikten bağımsız, yazının üstünde duran geniş şerit.
 * Metnin içindeki görseller .icerik img ile ayrı biçimlenir. */
.sayfa-kapak{margin:0 0 26px;border-radius:var(--r-lg);overflow:hidden;background:var(--navy-50);}
.sayfa-kapak img{width:100%;height:auto;display:block;}
@media(max-width:768px){
  .sayfa-kapak{margin-bottom:20px;border-radius:var(--r);}
}

/* ── Sayfa ek dosyası — indirilebilir belge kartı ────────
 * Örn. Sendika Tüzüğü, yönetmelik gibi PDF/DOC belgeleri. */
.sayfa-dosya{display:flex;align-items:center;gap:16px;margin:0 0 26px;padding:18px 20px;
  background:var(--red-50);border:1px solid var(--red-100);border-radius:var(--r-lg);}
.sd-ikon{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:var(--red);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:20px;}
.sd-bilgi{flex:1;min-width:0;}
.sd-ad{font-weight:700;color:var(--ink);font-size:15px;line-height:1.35;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sd-meta{font-size:12.5px;color:var(--muted);margin-top:3px;}
.sd-buton{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;background:var(--red);color:#fff;
  font-size:13.5px;font-weight:700;padding:11px 20px;border-radius:100px;white-space:nowrap;
  transition:all var(--hz);}
.sd-buton:hover{background:var(--red-700);transform:translateY(-2px);box-shadow:0 8px 20px rgba(192,57,43,.28);}
.sd-buton i{font-size:12px;}
@media(max-width:560px){
  .sayfa-dosya{flex-wrap:wrap;padding:16px;}
  .sd-bilgi{min-width:0;flex-basis:100%;order:1;}
  .sd-buton{flex:1;justify-content:center;order:2;}
  .sd-ikon{order:0;}
}

/* =============================================================
 * KADRO DİZİNİ — [kadro] kısayoluyla içeriğe gömülür
 * Hiyerarşi grup sırasından gelir; her grup kendi başlığıyla
 * ayrı bir bölüm olur. Tek kişilik gruplar (Genel Başkan gibi)
 * geniş kartla, çok kişilikler ızgarayla gösterilir.
 * ============================================================= */
.kadro-grup{margin:0 0 34px;}
.kadro-grup:last-child{margin-bottom:0;}
.kd-bas{margin-bottom:16px;padding-bottom:11px;border-bottom:2px solid var(--line);}
.kd-bas h3{font-family:'Montserrat',sans-serif;font-size:17px;font-weight:800;color:var(--navy);
  display:flex;align-items:center;gap:10px;}
.kd-bas h3 i{color:var(--red);font-size:15px;}
.kd-bas p{font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.6;}

.kd-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;}
.kd-kart{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;
  display:flex;flex-direction:column;align-items:center;text-align:center;transition:all var(--hz);}
.kd-kart:hover{border-color:#cfd9e4;box-shadow:var(--sh);transform:translateY(-3px);}

.kd-foto{width:92px;height:92px;border-radius:50%;overflow:hidden;background:var(--navy-50);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:13px;}
.kd-foto img{width:100%;height:100%;object-fit:cover;display:block;}
.kd-harf{font-family:'Montserrat',sans-serif;font-size:32px;font-weight:800;color:var(--navy);opacity:.45;}

.kd-govde h4{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:800;color:var(--ink);line-height:1.3;}
.kd-unvan{font-size:11.5px;font-weight:800;color:var(--red);text-transform:uppercase;
  letter-spacing:1px;margin-top:6px;line-height:1.45;}
.kd-donem{font-size:12px;color:var(--faint);margin-top:5px;font-weight:600;}
.kd-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:9px;}
.kd-meta span{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted);}
.kd-meta i{font-size:10px;color:var(--navy);opacity:.6;}
.kd-bio{font-size:12.5px;color:var(--muted);line-height:1.65;margin-top:11px;}
.kd-iletisim{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:13px;}
.kd-iletisim a{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;
  color:var(--navy);background:var(--navy-50);padding:6px 11px;border-radius:100px;transition:all var(--hz);}
.kd-iletisim a:hover{background:var(--navy);color:#fff;}
.kd-iletisim i{font-size:10px;}

/* Tek kişilik grup: fotoğraf solda, bilgiler yanında */
.kd-izgara.kd-tekli{grid-template-columns:1fr;}
.kd-tekli .kd-kart{flex-direction:row;align-items:flex-start;text-align:left;gap:20px;padding:22px;}
.kd-tekli .kd-foto{width:112px;height:112px;margin-bottom:0;}
.kd-tekli .kd-meta,.kd-tekli .kd-iletisim{justify-content:flex-start;}

@media(max-width:600px){
  .kd-izgara{grid-template-columns:1fr;}
  /* Dar ekranda tek kişilik kart da dikey akar */
  .kd-tekli .kd-kart{flex-direction:column;align-items:center;text-align:center;gap:0;}
  .kd-tekli .kd-foto{margin-bottom:13px;}
  .kd-tekli .kd-meta,.kd-tekli .kd-iletisim{justify-content:center;}
  .kd-bas h3{font-size:15.5px;}
}

/* Üyelik formu bölüm başlıkları */
.form-bolum{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:800;color:var(--navy);
  text-transform:uppercase;letter-spacing:1px;margin:26px 0 16px;padding-bottom:9px;
  border-bottom:2px solid var(--line);}
.form-bolum:first-of-type{margin-top:0;}
@media(max-width:600px){ .form-bolum{font-size:12.5px;margin:22px 0 14px;} }

/* Üyelik formunun en üstündeki mevcut sendika seçimi — vurgulu kutu */
.sendika-ust{background:var(--navy-50);border:1px solid #d9e5f1;border-radius:var(--r);
  padding:16px 18px 4px;margin-bottom:26px;}
.sendika-ust .alan{margin-bottom:10px;}
.sendika-ust .su-not{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 12px;}
@media(max-width:600px){ .sendika-ust{padding:14px 14px 4px;margin-bottom:20px;} }

/* =============================================================
 * AİDAT DÖKÜMÜ — üyenin kendi yıllık tablosu
 * ============================================================= */
.aidat-defter{margin-top:26px;padding-top:24px;border-top:1px solid var(--line);text-align:left;}
.aidat-defter h3{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:800;
  color:var(--navy);margin-bottom:16px;}

.ad-ozet{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;}
.ad-ozet > div{flex:1;min-width:104px;background:var(--bg-soft);border:1px solid var(--line);
  border-radius:var(--r-sm);padding:11px 13px;}
.ad-ozet span{display:block;font-size:10.5px;font-weight:700;color:var(--faint);
  text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px;}
.ad-ozet b{font-size:17px;color:var(--navy);}
.ad-ozet b.kirmizi{color:var(--red);}

.ad-yil{margin-bottom:16px;}
.ad-yil-bas{font-family:'Montserrat',sans-serif;font-size:12.5px;font-weight:800;
  color:var(--muted);letter-spacing:1px;margin-bottom:8px;}
.ad-aylar{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;}
.ad-ay{border-radius:var(--r-sm);padding:8px 4px;text-align:center;border:1px solid transparent;}
.ad-ay-ad{display:block;font-size:10px;font-weight:700;letter-spacing:.4px;margin-bottom:4px;}
.ad-ay i{font-size:11px;}
.ad-ay.odendi{background:#e8f8f0;color:#1a7a4e;border-color:#c9ead8;}
.ad-ay.borc  {background:#fde8e8;color:#c0392b;border-color:#f3cdc8;}
.ad-ay.muaf  {background:#e8f0fb;color:#2e6ea6;border-color:#cfe0f2;}
.ad-ay.yok   {background:var(--bg-soft);color:#c9d2db;border-color:var(--line);}

.ad-gosterge{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;padding-top:13px;
  border-top:1px solid var(--line);}
.ad-gosterge span{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);}
.ad-nokta{width:10px;height:10px;border-radius:3px;display:inline-block;}
.ad-nokta.odendi{background:#1a7a4e;} .ad-nokta.borc{background:#c0392b;}
.ad-nokta.muaf{background:#2e6ea6;}   .ad-nokta.yok{background:#d5dde5;}

@media(max-width:600px){
  .ad-aylar{grid-template-columns:repeat(4,1fr);}
  .ad-ozet > div{min-width:92px;padding:10px;}
  .ad-ozet b{font-size:15px;}
}