/* ========== Temel değişkenler (light & dark) ========== */
:root {
  --bg: #0d1117;
  --surface: #161b22;
  --surface-2: #1f242c;
  --text: #e6edf3;
  --muted: #8b949e;
  --line: #30363d;
  --primary: #58a6ff;
}
:root.light {
  --bg: #f6f8fa;
  --surface: #ffffff;
  --surface-2: #f0f2f5;
  --text: #1f2328;
  --muted: #57606a;
  --line: #d0d7de;
  --primary: #0969da;
}

* { box-sizing: border-box; }
html, body { margin:0; padding:0; background:var(--bg); color:var(--text); line-height:1.6; font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }

/* hero */
.hero { background:var(--surface); border-bottom:1px solid var(--line); padding:18px 16px 28px; }
.hero-top { display:flex; align-items:center; justify-content:space-between; gap:12px; max-width:1100px; margin:0 auto 10px; }
.brand { display:flex; align-items:center; gap:8px; font-weight:700; }
.logo { display:inline-flex; color:var(--primary); }
.header-actions { display:flex; gap:8px; align-items:center; }
.ssl-badge { display:inline-flex; gap:6px; align-items:center; padding:6px 10px; border:1px solid var(--line); border-radius:6px; color:var(--muted); font-size:.9rem; }
.hero p { max-width:1100px; margin:4px auto 12px; color:var(--muted); padding:0 4px; }

/* buttons */
.btn { padding:8px 12px; border-radius:8px; border:1px solid var(--line); background:var(--surface-2); color:var(--text); cursor:pointer; font-weight:600; }
.btn.secondary { background:var(--surface); }
.btn:hover { transform:scale(1.02); }

.slogan {text-align: center;}
/* search */
#searchInput {
  display:block; width:100%; max-width:620px; margin:10px auto 0;
  padding:12px 14px; border:1px solid var(--line); border-radius:8px;
  background:var(--bg); color:var(--text); outline:none; transition:border-color .25s ease, box-shadow .25s ease;
}
#searchInput:focus { border-color:var(--primary); box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 30%, transparent); }

/* ad */
.ad { background:var(--surface); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:24px 0; text-align:center; }
.ad-box { max-width:728px; margin:auto; padding:12px; border:1px dashed var(--line); border-radius:8px; background:var(--bg); color:var(--muted); }

/* content */
.content { padding:38px 16px; max-width:1100px; margin:0 auto; }
.content h2 { text-align:center; font-size:1.6rem; margin:0 0 18px; }
.content ul { list-style:none; padding:0; margin:0; }

.content li {
  background:var(--surface);
  padding:15px 20px; margin:8px 0; border-radius:6px;
  box-shadow:0 1px 3px rgba(0,0,0,.3);
  user-select:none;
  transition: transform .2s ease, background .3s ease;
}
.content li:hover { transform:scale(1.02); background:var(--surface-2); }


.baslik {color:var(--primary);}
/* anayasa bloğu */
.sub-block { margin:0 0 22px; }
.sub-title { color:crimson;  font-size:1.4rem; margin:0 0 14px; text-align:center; }

/* highlight */
mark.hl {
  background: color-mix(in oklab, var(--primary) 25%, transparent);
  color: inherit;
  padding: 0 .15em;
  border-radius: 3px;
}

/* resmi kurum linkleri */
.link-grid {
  display:grid; gap:12px;
  grid-template-columns: repeat(4, minmax(0,1fr));
}
.link-grid a {
  display:block; background:var(--surface); border:1px solid var(--line);
  padding:12px 14px; border-radius:8px; text-decoration:none; color:var(--text);
}
.link-grid a:hover { background:var(--surface-2); transform:scale(1.01); }
.muted.small { color:var(--muted); font-size:.9rem; margin-top:8px; text-align:center; }

/* footer */
.site-footer { background:var(--surface); border-top:1px solid var(--line); margin-top:40px; }
.footer-inner { display:grid; gap:28px; grid-template-columns:repeat(3,1fr); padding:40px 20px; max-width:1100px; margin:auto; }
.footer-col h3 { font-size:1.05rem; margin-bottom:12px; color:var(--text); }
.footer-desc{ color:var(--muted); margin-bottom:10px; }
.footer-owner,.footer-address{ color:var(--muted); }
.footer-insta,.footer-address{ color:var(--muted); }
.footer-mail,.footer-address{ color:var(--muted); }
.footer-list li{ margin:8px 0; color:var(--muted); }
.footer-list a{ color:var(--primary); text-decoration:none; }
.footer-list a:hover{ text-decoration:underline; }
.footer-bottom{ border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 20px; max-width:1100px; margin:0 auto; color:var(--muted); font-size:.95rem; }
.footer-bottom a{ color:var(--muted); text-decoration:none; }
.footer-bottom a:hover{ color:var(--text); }
.footer-bottom .dot{ opacity:.4; margin:0 8px; }

/* mobil optimizasyon */
@media (max-width: 900px){ .footer-inner{ grid-template-columns:1fr 1fr; } .link-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 600px){
  .hero-top { flex-direction:column; align-items:stretch; }
  .header-actions { justify-content:space-between; }
  .footer-inner{ grid-template-columns:1fr; }
  .content { padding:28px 14px; }
  .link-grid{ grid-template-columns: 1fr; }
}

/* yazdır */
@media print {
  .hero, .ad, .site-footer, #kurumlar, .ssl-badge, .header-actions { display:none !important; }
  body { background:#fff; color:#000; }
  .content { max-width:none; }
  mark.hl { background:#ff0; }
}



/* ===== Destek Ol (legal-page) ===== */
.legal-page{
  max-width: 900px;
  margin: 40px auto;
  padding: 0 16px;
}

.legal-page h1{
  text-align: center;
  color: var(--primary);
  font-size: 1.9rem;
  margin: 0 0 14px;
}
.legal-page p.lead{
  text-align: center;
  color: var(--muted);
  margin: 0 0 24px;
}

/* kart grid */
.donation-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
  margin: 24px 0;
}
@media (max-width: 900px){ .donation-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 600px){ .donation-grid{ grid-template-columns: 1fr; } }

.donation-card{
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: transform .2s ease, background .3s ease, border-color .3s ease;
}
.donation-card:hover{ transform: scale(1.01); background: var(--surface-2); }

.donation-card h3{
  margin: 0 0 6px;
  font-size: 1.05rem;
  color: var(--text);
}
.donation-card p{
  color: var(--muted);
  margin: 0 0 10px;
}

/* buton grubu */
.btn-row{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: auto; /* butonlar kartın altına otursun */
}

/* birincil buton (site genel .btn üstüne hafif vurgu) */
.btn.primary{
  border-color: var(--primary);
  background: color-mix(in oklab, var(--primary) 20%, var(--surface-2));
}
.btn.primary:hover{
  transform: scale(1.03);
  background: color-mix(in oklab, var(--primary) 28%, var(--surface-2));
}

/* bilgi kutuları */
.info-card{
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 16px;
  margin-top: 12px;
  color: var(--muted);
}

/* küçük metin */
.note{ color: var(--muted); font-size: .9rem; }

/* yazdırda sadeleştir */
@media print{
  .btn, .btn-row { display: none !important; }
  .legal-page { margin: 0; max-width: none; }
}