/* Radyofonikler — HTML5 */
:root{ --bg:#0b0b0b; --panel:#111; --text:#fafafa; --muted:#a1a1aa; --brand:#fafafa; color-scheme: dark; }
*{ box-sizing: border-box; } html, body{ height:100%; }
body{ margin:0; font:16px/1.5 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; background:#0b0b0b; color:var(--text);}

.wrap{ width:min(1100px,92vw); margin:0 auto; }
.site-header{ position:sticky; top:10; z-index:50; backdrop-filter: blur(10px); background:rgba(16,16,16,.7); border-bottom:1px solid #1f1f1f; }
.header-inner{ display:flex; align-items:center; justify-content:space-between; height:130px; }
.brand{ display:inline-flex; align-items:center; gap:10px; text-decoration:none; }
.logo{ height:160px; width:auto; display:block; }   /* Bigger logo */
.logo-black{ display:none; }
@media (prefers-color-scheme: light){
  body{ background:#fafafa; color:#0b0b0b; }
  .site-header{ background:rgba(250,250,250,.7); border-bottom-color:#eaeaea; }
  .logo-white{ display:none; }
  .logo-black{ display:block; }
}

.nav-link{ color: var(--text); opacity:.9; text-decoration:none; border:1px solid #2a2a2a; padding:8px 14px; border-radius:999px; font-size:14px; }
@media (prefers-color-scheme: light){
  .nav-link{ color:#111; border-color:#ddd; }
}
.nav-link:hover{ background:#1a1a1a; }
@media (prefers-color-scheme: light){ .nav-link:hover{ background:#f2f2f2; } }

.content{ padding:16px 0 32px; }
.intro h1{ margin:8px 0; font-size:24px; }
.intro p{ margin:0; color:var(--muted); }

/* Grid kare önizleme */
.feed-grid{ display:grid; grid-template-columns: repeat(auto-fill, minmax(160px,1fr)); gap:6px; }
@media (min-width:520px){ .feed-grid{ grid-template-columns: repeat(auto-fill, minmax(220px,1fr)); } }
@media (min-width:900px){ .feed-grid{ gap:12px; } }

.card{ position:relative; background:#0f0f0f; border:1px solid #1d1d1d; border-radius:8px; overflow:hidden; }
.square{ width:100%; aspect-ratio:1/1; background:#222; display:block; }
.card img{ width:100%; height:100%; object-fit:cover; display:block; background:#1a1a1a; }

.overlay{ position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.55)); opacity:0; transition:opacity .2s ease; display:flex; align-items:flex-end; }
.card:hover .overlay{ opacity:1; }
.meta{ width:100%; padding:10px; font-size:12px; color:#ddd; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.lightbox{ position:fixed; inset:0; display:none; place-items:center; background:rgba(0,0,0,.7); }
.lightbox.is-open{ display:grid; }
.lightbox-inner{ width:min(1000px,92vw); background:var(--panel); border:1px solid #262626; border-radius:12px; overflow:hidden; display:grid; grid-template-columns:1fr; gap:0; }
.lightbox-inner img{ width:100%; height:auto; display:block; }
.lightbox-meta{ padding:12px; font-size:14px; color:#ddd; border-top:1px solid #262626; }
.lightbox-close{ position:absolute; top:10px; right:12px; background:#111; color:#eee; border:1px solid #333; border-radius:999px; width:36px; height:36px; cursor:pointer; }
.lightbox-close:hover{ background:#181818; }

.sentinel{ height:60px; }
.site-footer{ color:#a1a1aa; font-size:13px; padding:22px 0 40px; text-align:center; border-top:1px solid #1e1e1e; margin-top:20px; }