/* site/01/css/belediye.css — Belediye Gelismis seksiyon stilleri */
/* CSS degiskenleri style.css ve index.php :root'tan gelir */

/* ====================================================
   TOPBAR
==================================================== */
.site-01-topbar { background:linear-gradient(90deg,var(--pc) 0%,var(--sc) 100%); color:#fff; padding:8px 0; font-size:12px; border-bottom:1px solid rgba(0,0,0,.18); position:fixed; top:0; left:0; right:0; z-index:1002; box-shadow:0 2px 14px rgba(0,0,0,.22); transition:transform .35s cubic-bezier(.4,0,.2,1); will-change:transform; min-height:var(--topbar-h,36px); }
.s01-topbar-gone .site-01-topbar { transform:translateY(-100%); }
.site-01-topbar-inner { max-width:1280px; margin:0 auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.site-01-topbar-left { display:flex; align-items:center; gap:0; }
.site-01-topbar-left span { display:flex; align-items:center; gap:7px; opacity:.94; padding:0 14px; line-height:1.5; }
.site-01-topbar-left span+span { border-left:1px solid rgba(255,255,255,.28); }
.site-01-topbar-left i { font-size:11px; color:rgba(255,255,255,.8); flex-shrink:0; }
.site-01-topbar-left a { color:#fff; text-decoration:none; transition:.15s; }
.site-01-topbar-left a:hover { text-decoration:underline; opacity:.82; }
.site-01-topbar-right { display:flex; align-items:center; gap:10px; }
.site-01-topbar-social { display:flex; gap:5px; }
.site-01-topbar-social a { width:28px; height:28px; background:rgba(255,255,255,.18); border-radius:6px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:12px; text-decoration:none; transition:.2s; }
.site-01-topbar-social a:hover { background:rgba(255,255,255,.36); transform:translateY(-1px); }
.site-01-topbar-erisebilir { background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.38); color:#fff; padding:5px 13px 5px 9px; border-radius:20px; font-size:11px; font-weight:600; cursor:pointer; display:flex; align-items:center; gap:6px; transition:.2s; white-space:nowrap; }
.site-01-topbar-erisebilir:hover { background:rgba(255,255,255,.3); box-shadow:0 2px 8px rgba(0,0,0,.2); }
.site-01-topbar-erisebilir i { font-size:13px; }
/* Topbar stil varyantları */
.site-01-topbar--cizgi { background:transparent; box-shadow:none; border-bottom:2px solid var(--pc); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
.site-01-topbar--damla { background:transparent; box-shadow:none; border:none; padding:6px 16px; }
.site-01-topbar--damla .site-01-topbar-inner { background:linear-gradient(90deg,var(--pc),var(--sc)); border-radius:50px; padding:4px 20px; box-shadow:0 4px 20px rgba(0,0,0,.3); max-width:calc(100% - 32px); margin:4px auto; }
/* Logo konumu */
.site-01-topbar-logo { display:flex; align-items:center; flex-shrink:0; }
.site-01-topbar[data-logo-poz="orta"] .site-01-topbar-inner { justify-content:flex-start; }
.site-01-topbar[data-logo-poz="orta"] .site-01-topbar-logo { position:absolute; left:50%; transform:translateX(-50%); }
.site-01-topbar[data-logo-poz="sag"] .site-01-topbar-logo { order:3; margin-left:auto; }
/* Nav offset — topbar yüksekliği kadar aşağı, inline style kullanmadan */
.s01-nav-topbar-offset { top:var(--topbar-h,0) !important; transition:top .35s cubic-bezier(.4,0,.2,1); }
.s01-topbar-gone .s01-nav-topbar-offset { top:0 !important; }
/* menu_ustu_sabit modu: topbar kaybolunca nav yerinde kalır */
.s01-nav-topbar-sabit { position:fixed !important; }
@media(max-width:960px) { .site-01-topbar-adres { display:none !important; } }

/* ====================================================
   BELEDİYE CAROUSEL (Swiper slide kartları)
==================================================== */
.site-01-sw { width:100%; overflow:hidden; padding-bottom:36px !important; }
.site-01-sw .swiper-slide { height:auto; box-sizing:border-box; }
/* Sayfalama & navigasyon */
.site-01-sw .swiper-pagination { bottom:6px; }
.site-01-sw .swiper-button-next,
.site-01-sw .swiper-button-prev { color:var(--pc); }
.site-01-sw .swiper-button-next::after,
.site-01-sw .swiper-button-prev::after { font-size:18px; }

/* Duyuru slide */
.site-01-sw-duyuru { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); border-radius:12px; padding:18px 16px; cursor:pointer; transition:.2s; display:flex; flex-direction:column; gap:8px; }
.site-01-sw-duyuru:hover { background:rgba(255,255,255,.1); border-color:var(--pc); transform:translateY(-2px); }
.site-01-sw-duyuru-ikon { width:40px; height:40px; border-radius:10px; background:var(--pc); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.site-01-sw-duyuru-ikon i { color:#fff; font-size:16px; }
.site-01-sw-duyuru-baslik { font-size:.88rem; font-weight:600; color:#fff; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.site-01-sw-duyuru-tarih { font-size:.75rem; color:rgba(255,255,255,.5); }

/* Etkinlik slide */
.site-01-sw-etkinlik { border-radius:14px; overflow:hidden; min-height:180px; background:rgba(255,255,255,.06); background-size:cover; background-position:center; border:1px solid rgba(255,255,255,.1); cursor:pointer; position:relative; display:flex; flex-direction:column; justify-content:flex-end; padding:16px; transition:.2s; }
.site-01-sw-etkinlik::before { content:''; position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.75) 0%,transparent 55%); border-radius:14px; }
.site-01-sw-etkinlik:hover { transform:translateY(-3px); box-shadow:0 10px 30px rgba(0,0,0,.45); }
.site-01-etkinlik-sw-tarih { position:absolute; top:12px; left:12px; background:var(--pc); border-radius:8px; padding:6px 10px; text-align:center; z-index:2; min-width:44px; }
.site-01-etkinlik-gun { display:block; font-size:1.2rem; font-weight:800; color:#fff; line-height:1; }
.site-01-etkinlik-sw-tarih div { font-size:.65rem; font-weight:600; color:rgba(255,255,255,.85); margin-top:2px; }
.site-01-etkinlik-sw-baslik { font-size:.88rem; font-weight:700; color:#fff; position:relative; z-index:2; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.site-01-etkinlik-sw-yer { font-size:.75rem; color:rgba(255,255,255,.7); position:relative; z-index:2; margin-top:4px; }
.site-01-etkinlik-sw-yer i { margin-right:4px; font-size:.7rem; }

/* İhale slide */
.site-01-sw-ihale { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); border-radius:12px; padding:18px 16px; cursor:pointer; transition:.2s; display:flex; flex-direction:column; gap:8px; }
.site-01-sw-ihale:hover { background:rgba(255,255,255,.1); border-color:var(--pc); transform:translateY(-2px); }
.site-01-ihale-sw-baslik { font-size:.88rem; font-weight:600; color:#fff; line-height:1.4; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.site-01-ihale-sw-tarih { font-size:.75rem; color:rgba(255,255,255,.55); }
.site-01-ihale-sw-tarih i { color:var(--pc); margin-right:4px; font-size:.7rem; }

/* Proje slide */
.site-01-sw-proje { border-radius:14px; overflow:hidden; min-height:200px; background:rgba(255,255,255,.06); background-size:cover; background-position:center; cursor:pointer; position:relative; display:flex; flex-direction:column; justify-content:flex-end; transition:.2s; border:1px solid rgba(255,255,255,.1); }
.site-01-sw-proje:hover { transform:translateY(-3px); box-shadow:0 10px 30px rgba(0,0,0,.45); }
.site-01-proje-sw-overlay { background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 65%); padding:16px 14px 12px; display:flex; flex-direction:column; gap:6px; }
.site-01-proje-sw-baslik { font-size:.88rem; font-weight:700; color:#fff; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
@media(max-width:768px) { .site-01-topbar-left span:not(:first-child) { display:none !important; } .site-01-topbar-left span { border-left:none !important; padding:0; } }

/* ====================================================
   SLIDER CHIP LINKLERI
==================================================== */
.site-01-slider-chips { position:absolute; bottom:80px; left:0; right:0; z-index:11; display:flex; justify-content:center; gap:10px; padding:0 40px; flex-wrap:nowrap; overflow-x:auto; }
.site-01-slider-chips::-webkit-scrollbar { display:none; }
@keyframes s01ChipsIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.site-01-slider-chips{animation:s01ChipsIn .75s ease .55s both}
.site-01-slider-chip { display:flex; align-items:center; gap:8px; padding:10px 18px; background:rgba(0,0,0,.48); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.22); border-radius:50px; color:#fff; text-decoration:none; font-size:.82rem; font-weight:600; transition:.22s; white-space:nowrap; flex-shrink:0; }
.site-01-slider-chip:hover { background:var(--pc); border-color:var(--pc); transform:translateY(-2px); box-shadow:0 6px 20px rgba(0,0,0,.35),0 0 18px rgba(102,126,234,.28); }
.site-01-slider-chip:hover i { color:#fff; }
.site-01-slider-chip i { font-size:14px; color:rgba(255,255,255,.82); transition:.22s; flex-shrink:0; }
/* Chips alt bar (slider section dışında) */
.site-01-slider-chips-bar { display:flex; align-items:stretch; background:rgba(255,255,255,.03); border-bottom:1px solid rgba(255,255,255,.07); padding:0; overflow-x:auto; }
.site-01-slider-chips-bar::-webkit-scrollbar { display:none; }
.site-01-slider-chips-bar .site-01-slider-chip { background:transparent; border:none; border-right:1px solid rgba(255,255,255,.07); border-radius:0; padding:16px 22px; font-size:.85rem; backdrop-filter:none; -webkit-backdrop-filter:none; flex:1; min-width:100px; justify-content:center; flex-direction:column; gap:5px; text-align:center; animation:none; }
.site-01-slider-chips-bar .site-01-slider-chip:last-child { border-right:none; }
.site-01-slider-chips-bar .site-01-slider-chip i { font-size:20px; color:var(--pc); }
.site-01-slider-chips-bar .site-01-slider-chip:hover { background:rgba(255,255,255,.05); transform:none; box-shadow:none; }
@media(max-width:767px) { .site-01-slider-chips { gap:6px; padding:0 16px; bottom:72px; justify-content:flex-start; } .site-01-slider-chip { padding:8px 13px; font-size:.76rem; } .site-01-slider-chips-bar { display:grid; grid-template-columns:repeat(4,1fr); } .site-01-slider-chips-bar .site-01-slider-chip { padding:12px 8px; font-size:.72rem; border-right:1px solid rgba(255,255,255,.07); border-bottom:1px solid rgba(255,255,255,.07); flex:none; } }

/* ====================================================
   HIZLI ISLEMLER
==================================================== */
.site-01-hizli-islem { background:var(--pc); border-bottom:none; border-top:none; padding:0; box-shadow:0 6px 32px rgba(0,0,0,.4); }
.site-01-hizli-islem-inner { max-width:1400px; margin:0 auto; padding:0 24px; display:flex; overflow-x:auto; scrollbar-width:none; gap:0; }
.site-01-hizli-islem-inner::-webkit-scrollbar { display:none; }
.site-01-hizli-btn { display:flex; flex-direction:column; align-items:center; gap:8px; padding:20px 18px; flex:1; min-width:100px; border:none; background:transparent; color:rgba(255,255,255,.82); cursor:pointer; text-decoration:none; transition:.25s; border-right:1px solid rgba(255,255,255,.14); font-size:11px; font-weight:600; text-align:center; position:relative; }
.site-01-hizli-btn:last-child { border-right:none; }
.site-01-hizli-ikon-wrap { position:relative; width:50px; height:50px; background:rgba(255,255,255,.18); border-radius:14px; display:flex; align-items:center; justify-content:center; transition:.3s; flex-shrink:0; }
.site-01-hizli-btn i { font-size:22px; color:#fff; transition:.25s; }
.site-01-hizli-badge { position:absolute; top:-7px; right:-7px; background:var(--ac,#f59e0b); color:#fff; border-radius:50px; font-size:9px; font-weight:800; padding:2px 6px; min-width:16px; text-align:center; line-height:1.5; white-space:nowrap; box-shadow:0 2px 6px rgba(0,0,0,.4); }
.site-01-hizli-aciklama { font-size:10px; color:rgba(255,255,255,.6); font-weight:500; line-height:1.3; margin-top:0; }
.site-01-hizli-btn:hover { background:rgba(255,255,255,.14); color:#fff; }
.site-01-hizli-btn:hover .site-01-hizli-ikon-wrap { background:rgba(255,255,255,.3); transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.3); }
.site-01-hizli-btn:hover i { transform:scale(1.12); }
.site-01-hizli-btn:hover .site-01-hizli-aciklama { color:rgba(255,255,255,.85); }
@media(max-width:768px) { .site-01-hizli-islem-inner { display:grid; grid-template-columns:repeat(4,1fr); flex-wrap:wrap; } .site-01-hizli-btn { border-right:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); min-width:0; flex:none; } }

/* ====================================================
   HABERLER
==================================================== */
.site-01-haberler { }
.site-01-haberler-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:24px; }
.site-01-haber-kart { background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.17); border-radius:var(--rounded); overflow:hidden; transition:.3s; cursor:pointer; }
.site-01-haber-kart:hover { border-color:var(--ac); transform:translateY(-4px); box-shadow:var(--shadow); }
.site-01-haber-resim { height:200px; overflow:hidden; background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(0,0,0,.3)); position:relative; }
.site-01-haber-resim img { width:100%; height:100%; object-fit:cover; transition:.4s; }
.site-01-haber-kart:hover .site-01-haber-resim img { transform:scale(1.06); }
.site-01-haber-resim-icon { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:48px; color:rgba(255,255,255,.3); }
.site-01-haber-kat { position:absolute; top:12px; left:12px; background:var(--sc); color:#fff; font-size:11px; font-weight:700; padding:4px 10px; border-radius:20px; }
.site-01-haber-body { padding:20px; }
.site-01-haber-meta { display:flex; align-items:center; gap:12px; font-size:11px; color:rgba(255,255,255,.55); margin-bottom:10px; }
.site-01-haber-meta i { font-size:10px; }
.site-01-haber-baslik { font-size:1rem; font-weight:700; color:#fff; margin-bottom:8px; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.site-01-haber-ozet { font-size:.85rem; color:rgba(255,255,255,.55); line-height:1.6; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:14px; }
.site-01-haber-devami { font-size:.85rem; color:var(--ac); font-weight:600; display:flex; align-items:center; gap:5px; border:none; background:none; cursor:pointer; padding:0; }
.site-01-haber-devami:hover { color:var(--sc); }
.site-01-haberler-tumu { text-align:center; margin-top:40px; }
.site-01-btn-tumu { background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.15); color:#fff; padding:12px 32px; border-radius:50px; font-size:.9rem; font-weight:600; cursor:pointer; text-decoration:none; transition:.2s; display:inline-flex; align-items:center; gap:8px; }
.site-01-btn-tumu:hover { background:var(--pc); border-color:var(--pc); }

/* Haber detay modal */
.site-01-haber-modal-icerik { padding:0; }
.site-01-haber-modal-icerik img { max-width:100%; border-radius:var(--rounded); margin-bottom:16px; }
.site-01-haber-modal-icerik h4 { color:#fff; margin-bottom:10px; }
.site-01-haber-modal-icerik p { color:rgba(255,255,255,.7); line-height:1.8; }

/* ====================================================
   DUYURULAR
==================================================== */
.site-01-duyurular { background:rgba(255,255,255,.05); border-top:2px solid rgba(255,255,255,.11); border-bottom:2px solid rgba(255,255,255,.11); }
.site-01-duyurular-liste { display:flex; flex-direction:column; gap:0; max-width:880px; margin:0 auto; position:relative; }
/* Timeline çizgisi */
.site-01-duyurular-liste::before { content:''; position:absolute; left:62px; top:0; bottom:0; width:2px; background:linear-gradient(to bottom, var(--pc) 0%, rgba(255,255,255,.08) 100%); }
.site-01-duyuru-item { background:transparent; border:none; border-radius:0; padding:0 0 28px 0; display:flex; align-items:flex-start; gap:0; transition:.2s; cursor:pointer; position:relative; }
.site-01-duyuru-item:last-child { padding-bottom:0; }
/* Tarih bloğu (sol) */
.s01-duyuru-tarih-blok { width:124px; flex-shrink:0; display:flex; flex-direction:column; align-items:center; padding-top:4px; position:relative; }
.s01-duyuru-tarih-gun { font-size:2rem; font-weight:900; color:#fff; line-height:1; }
.s01-duyuru-tarih-ayil { font-size:.72rem; font-weight:700; color:rgba(255,255,255,.5); text-transform:uppercase; letter-spacing:.08em; margin-top:2px; }
/* Nokta (timeline üzerinde) */
.s01-duyuru-nokta { width:14px; height:14px; border-radius:50%; background:var(--pc); border:3px solid rgba(10,8,30,.97); box-shadow:0 0 0 2px var(--pc); flex-shrink:0; position:absolute; left:calc(62px - 6px); top:8px; z-index:1; transition:.25s; }
.site-01-duyuru-item:hover .s01-duyuru-nokta { background:var(--ac,#f39c12); box-shadow:0 0 0 3px var(--ac,#f39c12); transform:scale(1.2); }
/* İçerik kartı */
.s01-duyuru-kart { flex:1; margin-left:24px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); border-radius:var(--rounded,12px); padding:16px 18px; transition:.25s; }
.site-01-duyuru-item:hover .s01-duyuru-kart { background:rgba(255,255,255,.12); border-color:var(--pc); transform:translateX(4px); }
.site-01-duyuru-item.onem-acil .s01-duyuru-kart { border-left:3px solid #ef4444; background:rgba(239,68,68,.06); }
.site-01-duyuru-item.onem-acil:hover .s01-duyuru-kart { background:rgba(239,68,68,.11); border-color:#ef4444; }
.site-01-duyuru-item.onem-onemli .s01-duyuru-kart { border-left:3px solid #f59e0b; background:rgba(245,158,11,.05); }
.site-01-duyuru-item.onem-onemli:hover .s01-duyuru-kart { background:rgba(245,158,11,.1); border-color:#f59e0b; }
.site-01-duyuru-item.onem-acil .s01-duyuru-nokta { background:#ef4444; box-shadow:0 0 0 2px #ef4444; }
.site-01-duyuru-item.onem-onemli .s01-duyuru-nokta { background:#f59e0b; box-shadow:0 0 0 2px #f59e0b; }
/* Kart üst satır */
.s01-duyuru-kart-ust { display:flex; align-items:center; gap:8px; margin-bottom:6px; flex-wrap:wrap; }
.site-01-duyuru-ikon { width:32px; height:32px; background:linear-gradient(135deg,var(--pc),var(--sc)); border-radius:8px; display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:13px; color:#fff; }
.site-01-duyuru-baslik { font-size:.93rem; font-weight:700; color:#fff; flex:1; min-width:0; }
.site-01-duyuru-tarih { font-size:.78rem; color:rgba(255,255,255,.38); display:flex; align-items:center; gap:5px; }
.site-01-duyuru-son-tarih { font-size:.78rem; color:var(--ac); font-weight:600; margin-left:auto; flex-shrink:0; display:flex; align-items:center; gap:5px; }
@media(max-width:600px) {
   .site-01-duyurular-liste::before { left:16px; }
   .s01-duyuru-tarih-blok { width:32px; }
   .s01-duyuru-tarih-gun { font-size:1rem; font-weight:800; }
   .s01-duyuru-tarih-ayil { display:none; }
   .s01-duyuru-nokta { left:10px; }
   .s01-duyuru-kart { margin-left:16px; }
}
.site-01-duyuru-tarih { font-size:.8rem; color:rgba(255,255,255,.4); display:flex; align-items:center; gap:6px; }
.site-01-duyuru-son-tarih { font-size:.8rem; color:var(--ac); font-weight:600; margin-left:auto; flex-shrink:0; display:flex; align-items:center; gap:5px; }

/* ====================================================
   ETKİNLİKLER
==================================================== */
.site-01-etkinlikler { }
.site-01-etkinlikler-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:24px; }
.site-01-etkinlik-kart { background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.17); border-radius:var(--rounded); overflow:hidden; transition:.3s; }
.site-01-etkinlik-kart:hover { border-color:var(--pc); transform:translateY(-4px); box-shadow:var(--shadow); }
.site-01-etkinlik-tarih-blok { background:linear-gradient(135deg,var(--pc),var(--sc)); padding:16px; text-align:center; }
.site-01-etkinlik-gun { font-size:2.5rem; font-weight:800; color:#fff; line-height:1; }
.site-01-etkinlik-ay-yil { font-size:.8rem; color:rgba(255,255,255,.8); text-transform:uppercase; letter-spacing:1px; margin-top:2px; }
.site-01-etkinlik-resim { height:160px; overflow:hidden; background:rgba(255,255,255,.05); }
.site-01-etkinlik-resim img { width:100%; height:100%; object-fit:cover; }
.site-01-etkinlik-body { padding:16px; }
.site-01-etkinlik-baslik { font-size:.95rem; font-weight:700; color:#fff; margin-bottom:8px; }
.site-01-etkinlik-meta { font-size:.8rem; color:rgba(255,255,255,.5); display:flex; align-items:center; gap:6px; margin-bottom:4px; }
.site-01-etkinlik-meta i { color:var(--pc); font-size:11px; }

/* ====================================================
   İHALELER
==================================================== */
.site-01-ihaleler { background:rgba(255,255,255,.02); }
.site-01-ihaleler-tablo { width:100%; border-collapse:collapse; }
.site-01-ihaleler-tablo th { background:rgba(255,255,255,.07); color:rgba(255,255,255,.7); font-size:.8rem; font-weight:700; text-align:left; padding:12px 14px; border-bottom:2px solid rgba(255,255,255,.1); white-space:nowrap; }
.site-01-ihaleler-tablo td { padding:13px 14px; border-bottom:1px solid rgba(255,255,255,.06); color:rgba(255,255,255,.75); font-size:.88rem; vertical-align:middle; }
.site-01-ihaleler-tablo tbody tr { transition:.2s; cursor:pointer; }
.site-01-ihaleler-tablo tbody tr:hover { background:rgba(255,255,255,.04); }
.site-01-ihale-durum { display:inline-flex; align-items:center; gap:4px; font-size:.78rem; font-weight:700; padding:3px 10px; border-radius:20px; }
.site-01-ihale-durum.aktif { background:rgba(16,185,129,.15); color:#10b981; }
.site-01-ihale-durum.sonuclandi { background:rgba(99,102,241,.15); color:#818cf8; }
.site-01-ihale-durum.iptal { background:rgba(239,68,68,.15); color:#f87171; }
.site-01-ihaleler-tablo-wrap { overflow-x:auto; border-radius:var(--rounded); border:1px solid rgba(255,255,255,.08); }

/* ====================================================
   PROJELER
==================================================== */
.site-01-projeler { }
.site-01-projeler-filtrele { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:32px; justify-content:center; }
.site-01-proje-filtre-btn { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.7); padding:8px 18px; border-radius:50px; font-size:.85rem; font-weight:600; cursor:pointer; transition:.2s; }
.site-01-proje-filtre-btn.aktif, .site-01-proje-filtre-btn:hover { background:var(--pc); border-color:var(--pc); color:#fff; }
.site-01-projeler-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:24px; }
.site-01-proje-kart { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:var(--rounded); overflow:hidden; transition:.3s; }
.site-01-proje-kart:hover { border-color:var(--pc); transform:translateY(-4px); box-shadow:var(--shadow); }
.site-01-proje-resim { height:180px; background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(0,0,0,.3)); position:relative; overflow:hidden; }
.site-01-proje-resim img { width:100%; height:100%; object-fit:cover; }
.site-01-proje-resim-icon { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:48px; color:rgba(255,255,255,.2); }
.site-01-proje-kat-badge { position:absolute; top:12px; left:12px; background:rgba(0,0,0,.6); color:#fff; font-size:11px; font-weight:700; padding:4px 10px; border-radius:20px; backdrop-filter:blur(4px); }
.site-01-proje-durum-badge { position:absolute; top:12px; right:12px; font-size:11px; font-weight:700; padding:4px 10px; border-radius:20px; }
.site-01-proje-durum-badge.devam { background:rgba(16,185,129,.2); color:#10b981; }
.site-01-proje-durum-badge.tamamlandi { background:rgba(99,102,241,.2); color:#818cf8; }
.site-01-proje-durum-badge.planlandi { background:rgba(245,158,11,.2); color:#fbbf24; }
.site-01-proje-body { padding:18px; }
.site-01-proje-baslik { font-size:.95rem; font-weight:700; color:#fff; margin-bottom:8px; }
.site-01-proje-aciklama { font-size:.85rem; color:rgba(255,255,255,.55); line-height:1.6; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:12px; }
.site-01-proje-kitle { font-size:.8rem; color:rgba(255,255,255,.4); display:flex; align-items:center; gap:5px; }

/* ====================================================
   VİDEO GALERİ
==================================================== */
.site-01-videolar { background:rgba(255,255,255,.02); }
.site-01-videolar-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:24px; }
.site-01-video-kart { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:var(--rounded); overflow:hidden; transition:.3s; cursor:pointer; }
.site-01-video-kart:hover { border-color:var(--pc); transform:translateY(-4px); box-shadow:var(--shadow); }
.site-01-video-thumb { position:relative; aspect-ratio:16/9; overflow:hidden; background:#000; }
.site-01-video-thumb img { width:100%; height:100%; object-fit:cover; transition:.4s; }
.site-01-video-kart:hover .site-01-video-thumb img { transform:scale(1.05); }
.site-01-video-play { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.3); transition:.2s; }
.site-01-video-play i { font-size:48px; color:rgba(255,255,255,.9); filter:drop-shadow(0 2px 8px rgba(0,0,0,.5)); transition:.2s; }
.site-01-video-kart:hover .site-01-video-play i { transform:scale(1.15); color:#fff; }
.site-01-video-body { padding:14px; }
.site-01-video-baslik { font-size:.9rem; font-weight:700; color:#fff; }

/* ====================================================
   FOTOĞRAF GALERİSİ
==================================================== */
.site-01-foto-galeri { }
.site-01-foto-galeri-albumler { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:20px; }
.site-01-album-kart { background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.17); border-radius:var(--rounded); overflow:hidden; cursor:pointer; transition:.3s; }
.site-01-album-kart:hover { border-color:var(--pc); transform:translateY(-4px); box-shadow:var(--shadow); }
.site-01-album-kapak { height:180px; overflow:hidden; background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(0,0,0,.2)); position:relative; }
.site-01-album-kapak img { width:100%; height:100%; object-fit:cover; transition:.4s; }
.site-01-album-kart:hover .site-01-album-kapak img { transform:scale(1.07); }
.site-01-album-kapak-icon { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:48px; color:rgba(255,255,255,.3); }
.site-01-album-body { padding:14px; }
.site-01-album-baslik { font-size:.9rem; font-weight:700; color:#fff; }
/* Fotograf ızgara (album acildiginda) */
.site-01-foto-izgarasi { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:12px; }
.site-01-foto-item { aspect-ratio:4/3; border-radius:8px; overflow:hidden; cursor:pointer; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); }
.site-01-foto-item img { width:100%; height:100%; object-fit:cover; transition:.4s; }
.site-01-foto-item:hover img { transform:scale(1.08); }

/* ====================================================
   BAŞKAN
==================================================== */
.site-01-baskan { background:rgba(255,255,255,.05); border-top:2px solid rgba(255,255,255,.11); }
.site-01-baskan-inner { display:grid; grid-template-columns:320px 1fr; gap:60px; align-items:start; max-width:1000px; margin:0 auto; }
.site-01-baskan-foto-wrap { position:relative; }
.site-01-baskan-foto { width:100%; aspect-ratio:3/4; object-fit:cover; border-radius:var(--rounded); border:3px solid var(--pc); display:block; background:rgba(255,255,255,.05); }
.site-01-baskan-foto-placeholder { aspect-ratio:3/4; background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(0,0,0,.2)); border-radius:var(--rounded); border:3px solid var(--pc); display:flex; align-items:center; justify-content:center; font-size:80px; color:rgba(255,255,255,.3); }
.site-01-baskan-unvan-badge { position:absolute; bottom:-12px; left:50%; transform:translateX(-50%); background:linear-gradient(135deg,var(--pc),var(--sc)); color:#fff; font-size:.8rem; font-weight:700; padding:6px 20px; border-radius:20px; white-space:nowrap; box-shadow:0 4px 12px rgba(0,0,0,.4); }
.site-01-baskan-bilgi { padding-top:12px; }
.site-01-baskan-ad { font-size:1.8rem; font-weight:800; color:#fff; margin-bottom:4px; }
.site-01-baskan-unvan-txt { font-size:1rem; color:var(--pc); font-weight:600; margin-bottom:20px; }
.site-01-baskan-ozgecmis { color:rgba(255,255,255,.65); font-size:.95rem; line-height:1.8; margin-bottom:24px; }
.site-01-baskan-iletisim { display:flex; flex-direction:column; gap:8px; margin-bottom:20px; }
.site-01-baskan-iletisim-item { display:flex; align-items:center; gap:10px; font-size:.9rem; color:rgba(255,255,255,.7); }
.site-01-baskan-iletisim-item i { width:20px; color:var(--pc); text-align:center; }
.site-01-baskan-sosyal { display:flex; gap:10px; }
.site-01-baskan-sosyal a { width:40px; height:40px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); border-radius:10px; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.6); font-size:16px; text-decoration:none; transition:.2s; }
.site-01-baskan-sosyal a:hover { background:var(--pc); color:#fff; border-color:var(--pc); transform:translateY(-2px); }
@media(max-width:768px) { .site-01-baskan-inner { grid-template-columns:1fr; } .site-01-baskan-foto-wrap { max-width:240px; margin:0 auto; } }

/* ====================================================
   TAB/FİLTRE sistemleri
==================================================== */
.site-01-tab-nav { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:28px; padding-bottom:16px; border-bottom:1px solid rgba(255,255,255,.08); }
.site-01-tab-btn { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); color:rgba(255,255,255,.6); padding:8px 18px; border-radius:8px; font-size:.85rem; font-weight:600; cursor:pointer; transition:.2s; }
.site-01-tab-btn.aktif, .site-01-tab-btn:hover { background:var(--pc); border-color:var(--pc); color:#fff; }

/* ====================================================
   LIGHTBOX (galeri/video)
==================================================== */
.site-01-lightbox { position:fixed; inset:0; background:rgba(0,0,0,.92); z-index:9999; display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity .3s; }
.site-01-lightbox.acik { opacity:1; pointer-events:auto; }
.site-01-lightbox-kapat { position:absolute; top:20px; right:24px; background:rgba(255,255,255,.1); border:none; color:#fff; width:40px; height:40px; border-radius:50%; font-size:18px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:.2s; z-index:10; }
.site-01-lightbox-kapat:hover { background:rgba(255,255,255,.2); }
.site-01-lightbox-icerik { max-width:90vw; max-height:90vh; position:relative; }
.site-01-lightbox-icerik img { max-width:100%; max-height:85vh; border-radius:var(--rounded); display:block; }
.site-01-lightbox-icerik iframe { width:min(860px,88vw); aspect-ratio:16/9; border:none; border-radius:var(--rounded); }
.site-01-lightbox-onceki, .site-01-lightbox-sonraki { position:absolute; top:50%; transform:translateY(-50%); background:rgba(255,255,255,.1); border:none; color:#fff; width:44px; height:44px; border-radius:50%; font-size:16px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:.2s; }
.site-01-lightbox-onceki { left:-60px; }
.site-01-lightbox-sonraki { right:-60px; }
.site-01-lightbox-onceki:hover, .site-01-lightbox-sonraki:hover { background:var(--pc); }

/* ====================================================
   YÜKLEME / BOŞ DURUM
==================================================== */
.site-01-yukluyor { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:60px 24px; gap:16px; color:rgba(255,255,255,.4); font-size:.9rem; }
.site-01-yukluyor .spinner { width:36px; height:36px; border:3px solid rgba(255,255,255,.1); border-top-color:var(--pc); border-radius:50%; animation:spin .8s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.site-01-bos-durum { text-align:center; padding:60px 24px; color:rgba(255,255,255,.4); }

/* ====================================================
   MANŞET HABER KARTI
==================================================== */
.site-01-haberler-manset-wrap { margin-bottom:2.5rem; }
.site-01-haber-manset-kart { display:grid; grid-template-columns:1.2fr 1fr; gap:0; border-radius:var(--rounded); overflow:hidden; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); transition:.3s; cursor:pointer; }
.site-01-haber-manset-kart:hover { border-color:var(--pc); box-shadow:var(--shadow); }
.site-01-haber-manset-resim { height:360px; overflow:hidden; position:relative; background:linear-gradient(135deg,rgba(102,126,234,.3),rgba(0,0,0,.4)); }
.site-01-haber-manset-resim img { width:100%; height:100%; object-fit:cover; transition:.5s; }
.site-01-haber-manset-kart:hover .site-01-haber-manset-resim img { transform:scale(1.04); }
.site-01-haber-manset-kat { position:absolute; top:16px; left:16px; background:var(--pc); color:#fff; font-size:11px; font-weight:700; padding:5px 12px; border-radius:20px; text-transform:uppercase; letter-spacing:.05em; }
.site-01-haber-manset-body { padding:2.5rem; display:flex; flex-direction:column; justify-content:center; gap:1rem; }
.site-01-haber-manset-etiket { font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.12em; color:var(--ac); }
.site-01-haber-manset-baslik { font-size:1.5rem; font-weight:800; line-height:1.35; color:#fff; }
.site-01-haber-manset-ozet { font-size:.9rem; color:rgba(255,255,255,.6); line-height:1.7; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
.site-01-haber-manset-meta { display:flex; align-items:center; gap:14px; font-size:.8rem; color:rgba(255,255,255,.4); }
.site-01-haber-manset-meta i { font-size:11px; color:var(--pc); }
.site-01-haber-manset-oku { display:inline-flex; align-items:center; gap:8px; background:linear-gradient(135deg,var(--pc),var(--sc)); color:#fff; padding:.65rem 1.5rem; border-radius:50px; font-size:.88rem; font-weight:700; text-decoration:none; border:none; cursor:pointer; transition:.2s; width:fit-content; }
.site-01-haber-manset-oku:hover { opacity:.88; transform:translateX(3px); }
@media(max-width:900px) { .site-01-haber-manset-kart { grid-template-columns:1fr; } .site-01-haber-manset-resim { height:240px; } }
@media(max-width:600px) { .site-01-haber-manset-body { padding:1.5rem; } .site-01-haber-manset-baslik { font-size:1.2rem; } }

/* ====================================================
   TOPBAR ADRES (GENİŞ EKRAN)
==================================================== */
.site-01-topbar-adres { display:none; }
@media(min-width:1024px) { .site-01-topbar-adres { display:inline-flex; align-items:center; gap:5px; } }

/* ====================================================
   BAŞKAN STATS & BUTONLAR
==================================================== */
.site-01-baskan-stats { display:flex; gap:1rem; flex-wrap:wrap; margin:1.5rem 0; }
.site-01-baskan-stat { text-align:center; padding:.9rem 1.4rem; background:rgba(255,255,255,.05); border-radius:var(--rounded); border:1px solid rgba(255,255,255,.1); flex:1; min-width:90px; }
.site-01-baskan-stat-sayi { font-size:1.8rem; font-weight:800; background:linear-gradient(135deg,var(--pc),var(--ac)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; line-height:1.2; }
.site-01-baskan-stat-metin { font-size:.72rem; color:rgba(255,255,255,.5); margin-top:2px; text-transform:uppercase; letter-spacing:.05em; }
.site-01-baskan-butonlar { display:flex; gap:.75rem; flex-wrap:wrap; margin-top:.5rem; }
.site-01-baskan-btn { display:inline-flex; align-items:center; gap:8px; padding:.65rem 1.5rem; border-radius:50px; font-size:.88rem; font-weight:700; cursor:pointer; transition:.2s; text-decoration:none; border:none; }
.site-01-baskan-btn.primary { background:linear-gradient(135deg,var(--pc),var(--sc)); color:#fff; }
.site-01-baskan-btn.primary:hover { opacity:.88; transform:translateY(-1px); }
.site-01-baskan-btn.outline { background:transparent; border:2px solid var(--pc); color:var(--pc); }
.site-01-baskan-btn.outline:hover { background:var(--pc); color:#fff; }
.site-01-baskan-btn.white { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); color:#fff; }
.site-01-baskan-btn.white:hover { background:rgba(255,255,255,.15); }

/* ====================================================
   FOOTER 5-KOLON
==================================================== */
.site-01-footer-kol-5 { grid-template-columns:2fr 1fr 1fr 1fr 1.5fr !important; }
.site-01-footer-info-item { display:flex; align-items:flex-start; gap:.5rem; padding:.3rem 0; font-size:.85rem; color:rgba(255,255,255,.65); line-height:1.4; }
.site-01-footer-info-item i { margin-top:.15rem; color:var(--ac); min-width:1rem; flex-shrink:0; }
.site-01-footer-col a { display:flex; align-items:center; gap:.5rem; color:rgba(255,255,255,.65); font-size:.85rem; text-decoration:none; padding:.3rem 0; transition:.15s; }
.site-01-footer-col a:hover { color:var(--ac); }
.site-01-footer-col a i { min-width:1rem; color:var(--pc); font-size:.8rem; }
@media(max-width:1100px) { .site-01-footer-kol-5 { grid-template-columns:1fr 1fr 1fr !important; } }
@media(max-width:700px)  { .site-01-footer-kol-5 { grid-template-columns:1fr 1fr !important; } }

/* ====================================================
   VİDEO SAYFALAMA
==================================================== */
.site-01-video-sayfalama { display:flex; align-items:center; justify-content:center; gap:.75rem; margin-top:2rem; }
.site-01-video-sayfa-btn { background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.7); padding:.55rem 1.2rem; border-radius:50px; font-size:.85rem; font-weight:600; cursor:pointer; transition:.2s; display:inline-flex; align-items:center; gap:6px; }
.site-01-video-sayfa-btn:hover:not(:disabled) { background:var(--pc); border-color:var(--pc); color:#fff; }
.site-01-video-sayfa-btn:disabled { opacity:.3; cursor:default; }
.site-01-video-sayfa-info { font-size:.85rem; color:rgba(255,255,255,.4); }

/* ====================================================
   PROJE İLERLEME ÇUBUĞU
==================================================== */
.site-01-proje-ilerleme { margin-top:10px; }
.site-01-proje-ilerleme-bar { height:5px; background:rgba(255,255,255,.1); border-radius:10px; overflow:hidden; margin-top:4px; }
.site-01-proje-ilerleme-dolu { height:100%; background:linear-gradient(90deg,var(--pc),var(--ac)); border-radius:10px; transition:width .6s ease; }
.site-01-proje-ilerleme-yuzde { font-size:.78rem; color:rgba(255,255,255,.45); display:flex; justify-content:space-between; }
.site-01-bos-durum i { font-size:40px; display:block; margin-bottom:12px; color:rgba(255,255,255,.2); }

/* ====================================================
   SAYFALAMA
==================================================== */
.site-01-sayfalama { display:flex; align-items:center; justify-content:center; gap:6px; margin-top:40px; flex-wrap:wrap; }
.site-01-sayfa-btn { width:36px; height:36px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.04); color:rgba(255,255,255,.6); border-radius:8px; font-size:.85rem; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:.2s; }
.site-01-sayfa-btn:hover { background:var(--pc); border-color:var(--pc); color:#fff; }
.site-01-sayfa-btn.aktif { background:var(--pc); border-color:var(--pc); color:#fff; font-weight:700; }
.site-01-sayfa-btn:disabled { opacity:.3; cursor:default; }

/* ====================================================
   RESPONSIVE GENİŞ
==================================================== */
@media(max-width:900px) { .site-01-haberler-grid, .site-01-projeler-grid, .site-01-etkinlikler-grid, .site-01-videolar-grid { grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); } }
@media(max-width:600px) { .site-01-haberler-grid, .site-01-projeler-grid, .site-01-etkinlikler-grid, .site-01-videolar-grid, .site-01-foto-galeri-albumler { grid-template-columns:1fr; } .site-01-ihaleler-tablo-wrap { display:block; } .site-01-lightbox-onceki { left:-10px; } .site-01-lightbox-sonraki { right:-10px; } }

/* ====================================================
   HABERLER PREMIUM — FAZ 4
==================================================== */
/* Haber meta satırı (tarih + okuma süresi) */
.site-01-haber-meta-row { display:flex; align-items:center; gap:12px; font-size:.75rem; color:rgba(255,255,255,.42); margin-bottom:8px; flex-wrap:wrap; }
.site-01-haber-meta-row i { color:var(--ac); font-size:.7rem; margin-right:2px; }
/* Yeni badge */
.site-01-haber-yeni-badge { position:absolute; top:44px; left:12px; background:linear-gradient(135deg,#f59e0b,#ef4444); color:#fff; font-size:10px; font-weight:800; padding:3px 9px; border-radius:4px; letter-spacing:.4px; line-height:1.4; z-index:2; }
/* Manşet meta satırı */
.site-01-haber-manset-meta { display:flex; align-items:center; gap:14px; font-size:.8rem; color:rgba(255,255,255,.4); margin-bottom:12px; flex-wrap:wrap; }
.site-01-haber-manset-meta i { color:var(--ac); font-size:.72rem; margin-right:2px; }
/* Manşet kartı iyileştirme */
.site-01-haber-manset-kart { display:grid; grid-template-columns:1.2fr 1fr; gap:0; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.18); border-radius:var(--rounded); overflow:hidden; margin-bottom:24px; transition:.3s; cursor:pointer; }
.site-01-haber-manset-kart:hover { border-color:var(--ac); box-shadow:0 8px 32px rgba(0,0,0,.4); }
.site-01-haber-manset-resim { position:relative; overflow:hidden; min-height:280px; background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(0,0,0,.4)); }
.site-01-haber-manset-resim img { width:100%; height:100%; object-fit:cover; display:block; transition:.4s; }
.site-01-haber-manset-kart:hover .site-01-haber-manset-resim img { transform:scale(1.04); }
.site-01-haber-manset-etiket { position:absolute; bottom:14px; right:14px; background:var(--pc); color:#fff; font-size:11px; font-weight:800; padding:4px 10px; border-radius:6px; letter-spacing:.3px; }
.site-01-haber-manset-icerik { padding:32px 28px; display:flex; flex-direction:column; justify-content:center; }
.site-01-haber-manset-baslik { font-size:1.35rem; font-weight:800; color:#fff; line-height:1.35; margin-bottom:12px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.site-01-haber-manset-ozet { font-size:.88rem; color:rgba(255,255,255,.55); line-height:1.7; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:16px; flex:1; }
@media(max-width:768px) { .site-01-haber-manset-kart { grid-template-columns:1fr; } .site-01-haber-manset-resim { min-height:200px; } .site-01-haber-manset-icerik { padding:20px; } }

/* ====================================================
   DUYURULAR ÖNEM SEVİYELERİ — (artık yukarıdaki DUYURULAR bölümünde tanımlı)
==================================================== */

/* ====================================================
   BAŞKAN ALINTISI — FAZ 7
==================================================== */
.site-01-baskan-alinti { position:relative; margin:14px 0 18px; padding:14px 20px 14px 24px; border-left:3px solid var(--sc); background:rgba(255,255,255,.05); border-radius:0 var(--rounded,10px) var(--rounded,10px) 0; }
.site-01-baskan-alinti blockquote { font-style:italic; font-size:.95rem; color:rgba(255,255,255,.72); line-height:1.8; margin:0; }
.site-01-baskan-tirnak { font-size:36px; color:var(--sc); opacity:.35; display:block; line-height:.9; font-weight:900; font-style:normal; }
.site-01-baskan-tirnak.kapan { line-height:0; text-align:right; }

/* ================================================
   BELGE GORUNTULE MODALI (belge-goruntule.js)
================================================ */
.site-01-belge-modal { position:fixed; inset:0; z-index:10000; display:flex; flex-direction:column; background:var(--bg1,#0f0c29); transform:translateY(100%); transition:transform .3s cubic-bezier(.4,0,.2,1); border-radius:16px 16px 0 0; max-height:95vh; }
.site-01-belge-modal.acik { transform:translateY(0); }
.site-01-belge-modal-arkaplan { position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.6); display:none; }
.site-01-belge-modal.acik ~ .site-01-belge-modal-arkaplan { display:block; }
.site-01-belge-modal-ust { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 20px; border-bottom:1px solid rgba(255,255,255,.1); flex-shrink:0; background:rgba(0,0,0,.2); border-radius:16px 16px 0 0; }
.site-01-belge-modal-baslik { font-size:.92rem; font-weight:700; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex:1; }
.site-01-belge-btn { display:flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.06); color:rgba(255,255,255,.8); border-radius:8px; cursor:pointer; text-decoration:none; font-size:.9rem; flex-shrink:0; transition:background .2s; }
.site-01-belge-btn:hover { background:rgba(255,255,255,.15); color:#fff; }
.site-01-belge-modal-govde { flex:1; overflow:auto; min-height:0; }
.site-01-belge-iframe { width:100%; height:100%; min-height:70vh; border:none; display:block; }
.site-01-belge-docx-icerik { padding:28px 32px; color:rgba(255,255,255,.85); line-height:1.8; font-size:.95rem; max-width:860px; margin:0 auto; }
.site-01-belge-docx-icerik h1,.site-01-belge-docx-icerik h2,.site-01-belge-docx-icerik h3 { color:#fff; margin:1.2em 0 .5em; }
.site-01-belge-docx-icerik p { margin:0 0 .9em; }
.site-01-belge-docx-icerik table { width:100%; border-collapse:collapse; margin:1em 0; font-size:.88rem; }
.site-01-belge-docx-icerik td,.site-01-belge-docx-icerik th { padding:7px 12px; border:1px solid rgba(255,255,255,.15); }
.site-01-belge-docx-icerik th { background:rgba(255,255,255,.07); font-weight:600; }
.site-01-belge-xlsx-tablar { display:flex; gap:6px; flex-wrap:wrap; padding:12px 16px; border-bottom:1px solid rgba(255,255,255,.1); background:rgba(0,0,0,.15); flex-shrink:0; }
.site-01-belge-xlsx-tab { padding:6px 14px; border-radius:6px; border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.06); color:rgba(255,255,255,.7); font-size:.82rem; cursor:pointer; transition:background .15s; }
.site-01-belge-xlsx-tab.aktif,.site-01-belge-xlsx-tab:hover { background:var(--pc,#667eea); color:#fff; border-color:var(--pc,#667eea); }
.site-01-belge-xlsx-tablo-wrap { overflow:auto; padding:16px; }
#s01XlsxTablo { border-collapse:collapse; font-size:.83rem; min-width:500px; }
#s01XlsxTablo td,#s01XlsxTablo th { border:1px solid rgba(255,255,255,.12); padding:6px 10px; color:rgba(255,255,255,.8); white-space:nowrap; }

/* ====================================================
   DUYURULAR — GRID GÖRÜNÜMÜ
==================================================== */
.site-01-duyurular-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:16px; }
.site-01-duyuru-grid-kart { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:12px; padding:18px; cursor:pointer; transition:background .2s,transform .15s; }
.site-01-duyuru-grid-kart:hover { background:rgba(255,255,255,.09); transform:translateY(-2px); }
.site-01-duyuru-grid-kart.onem-acil { border-left:3px solid #ef4444; }
.site-01-duyuru-grid-kart.onem-onemli { border-left:3px solid #f59e0b; }
.site-01-duyuru-grid-ust { display:flex; align-items:center; gap:8px; margin-bottom:10px; flex-wrap:wrap; }
.site-01-duyuru-grid-baslik { font-size:.92rem; font-weight:600; color:#fff; margin-bottom:8px; line-height:1.5; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.site-01-duyuru-grid-tarih { font-size:.78rem; color:rgba(255,255,255,.4); margin-top:8px; }

/* ====================================================
   DUYURULAR — LİSTE (YATAY) GÖRÜNÜMÜ
==================================================== */
.site-01-duyurular-liste-yatay { display:flex; flex-direction:column; gap:8px; }
.site-01-duyuru-liste-item { display:flex; align-items:stretch; gap:0; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:10px; overflow:hidden; cursor:pointer; transition:background .2s; }
.site-01-duyuru-liste-item:hover { background:rgba(255,255,255,.08); }
.site-01-duyuru-liste-item.onem-acil .site-01-duyuru-liste-sol { background:#ef4444; }
.site-01-duyuru-liste-item.onem-onemli .site-01-duyuru-liste-sol { background:#f59e0b; }
.site-01-duyuru-liste-sol { width:4px; flex-shrink:0; background:rgba(255,255,255,.15); }
.site-01-duyuru-liste-icerik { flex:1; padding:12px 16px; min-width:0; }
.site-01-duyuru-liste-baslik { font-size:.9rem; font-weight:600; color:#fff; margin-bottom:4px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.site-01-duyuru-liste-meta { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.site-01-duyuru-liste-tarih { font-size:.78rem; color:rgba(255,255,255,.4); }
.site-01-duyuru-liste-sag { padding:10px 14px; display:flex; align-items:center; flex-shrink:0; color:rgba(255,255,255,.2); }

/* ====================================================
   ETKİNLİKLER — LİSTE GÖRÜNÜMÜ
==================================================== */
.site-01-etkinlikler-liste { display:flex; flex-direction:column; gap:12px; }
.site-01-etkinlik-liste-item { display:flex; gap:16px; align-items:flex-start; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09); border-radius:12px; padding:14px 16px; cursor:pointer; transition:background .2s; }
.site-01-etkinlik-liste-item:hover { background:rgba(255,255,255,.08); }
.site-01-etkinlik-liste-resim { flex-shrink:0; width:80px; height:60px; border-radius:8px; overflow:hidden; }
.site-01-etkinlik-liste-resim img { width:100%; height:100%; object-fit:cover; }
.site-01-etkinlik-liste-body { flex:1; min-width:0; }
.site-01-etkinlik-liste-baslik { font-size:.92rem; font-weight:600; color:#fff; margin-bottom:6px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* ====================================================
   BLOCKQUOTE / ALINTILAR — DETAY PANELİ İÇİ
==================================================== */
.site-01-dp-icerik blockquote.site-01-alinti { border-left:3px solid var(--sc,#a78bfa); background:rgba(255,255,255,.04); padding:12px 18px; margin:12px 0; border-radius:0 8px 8px 0; font-style:italic; color:rgba(255,255,255,.75); }
.site-01-dp-icerik blockquote.site-01-alinti cite { display:block; margin-top:6px; font-size:.82rem; color:rgba(255,255,255,.45); font-style:normal; }
.site-01-dp-icerik blockquote { border-left:3px solid rgba(255,255,255,.2); padding:10px 16px; margin:10px 0; background:rgba(255,255,255,.03); border-radius:0 6px 6px 0; font-style:italic; color:rgba(255,255,255,.65); }
#s01XlsxTablo tr:nth-child(even) td { background:rgba(255,255,255,.03); }
#s01XlsxTablo tr:first-child td { background:rgba(255,255,255,.07); font-weight:600; }
.site-01-belge-indir-btn { display:inline-flex; align-items:center; gap:8px; padding:12px 24px; background:var(--pc,#667eea); color:#fff; border-radius:10px; text-decoration:none; font-weight:600; transition:opacity .2s; }
.site-01-belge-indir-btn:hover { opacity:.85; }

/* ================================================
   GORUNUM TiPi EK CSS
================================================ */
/* Haberler — liste modu */
.site-01-haberler-liste { display:flex; flex-direction:column; gap:16px; }
.site-01-haber-liste-item { display:flex; gap:16px; padding:16px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09); border-radius:12px; cursor:pointer; transition:background .2s; }
.site-01-haber-liste-item:hover { background:rgba(255,255,255,.08); }
.site-01-haber-liste-resim { width:120px; height:80px; border-radius:8px; overflow:hidden; flex-shrink:0; }
.site-01-haber-liste-resim img { width:100%; height:100%; object-fit:cover; display:block; }
.site-01-haber-liste-body { flex:1; min-width:0; }
/* Haberler — carousel modu */
.site-01-haber-carousel { height:320px; border-radius:16px; overflow:hidden; }
.site-01-haber-carousel-slide { background-size:cover; background-position:center; cursor:pointer; }
.site-01-haber-carousel-overlay { position:absolute; inset:0; background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.85)); display:flex; flex-direction:column; justify-content:flex-end; padding:20px; }
.site-01-haber-carousel-baslik { font-size:1.05rem; font-weight:700; color:#fff; margin:6px 0 4px; }
/* İhaleler — kart modu */
.site-01-ihaleler-kartlar { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:14px; }
.site-01-ihale-kart { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:12px; padding:16px; cursor:pointer; transition:background .2s,transform .15s; }
.site-01-ihale-kart:hover { background:rgba(255,255,255,.09); transform:translateY(-2px); }
.site-01-ihale-kart-ust { display:flex; align-items:center; gap:8px; margin-bottom:10px; flex-wrap:wrap; }
.site-01-ihale-no { font-size:.75rem; color:rgba(255,255,255,.45); }
.site-01-ihale-kart-baslik { font-size:.92rem; font-weight:600; color:#fff; margin-bottom:10px; line-height:1.5; }
.site-01-ihale-kart-alt { font-size:.8rem; color:rgba(255,255,255,.5); display:flex; align-items:center; gap:6px; }

/* ══════════════ BÖLÜM BAŞLIK has-btn + TÜM X BUTONU ══════════════ */
.site-01-section-header.has-btn { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.site-01-section-header.has-btn > div { flex:1; min-width:0; }
.site-01-btn-tumu-sag { display:inline-flex; align-items:center; gap:7px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.15); color:rgba(255,255,255,.85); padding:9px 20px; border-radius:50px; font-size:.82rem; font-weight:600; text-decoration:none; white-space:nowrap; transition:background .2s,color .15s,border-color .15s; flex-shrink:0; }
.site-01-btn-tumu-sag:hover { background:var(--pc); border-color:var(--pc); color:#fff; }
.site-01-btn-tumu-sag i { font-size:.78rem; }

/* ══════════════ BÖLÜM SAYAÇ BADGE ══════════════ */
.site-01-sec-sayac:not(:empty) { display:inline-block; background:var(--pc); color:#fff; font-size:.65rem; font-weight:700; padding:2px 8px; border-radius:50px; margin-left:8px; vertical-align:middle; letter-spacing:.03em; }

/* ══════════════ DUYURU / İHALE KALAN GÜN BADGE ══════════════ */
.site-01-duyuru-kalan { display:inline-block; font-size:.7rem; font-weight:700; padding:2px 7px; border-radius:10px; margin-left:6px; vertical-align:middle; }
.site-01-duyuru-kalan.acil { background:rgba(220,53,69,.2); color:#ff6b7a; border:1px solid rgba(220,53,69,.3); }
.site-01-duyuru-kalan.yakin { background:rgba(255,193,7,.15); color:#ffc107; border:1px solid rgba(255,193,7,.3); }
.site-01-duyuru-kalan.normal { background:rgba(40,167,69,.15); color:#66d98e; border:1px solid rgba(40,167,69,.3); }
.site-01-duyuru-kalan.gecti { background:rgba(108,117,125,.2); color:rgba(255,255,255,.4); border:1px solid rgba(108,117,125,.3); }

/* ══════════════ HABER KATEGORİ FİLTRE ══════════════ */
.site-01-haberler-filtrele { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:20px; }
.site-01-haber-filtre-btn { background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.7); padding:7px 16px; border-radius:50px; font-size:.8rem; font-weight:600; cursor:pointer; transition:.2s; }
.site-01-haber-filtre-btn:hover { background:rgba(255,255,255,.13); color:#fff; }
.site-01-haber-filtre-btn.aktif { background:var(--pc); border-color:var(--pc); color:#fff; }