/* Adenium — Blog Enhancement Layer
   Shared, additive styles for TOC, reading progress, tags, share buttons,
   related posts, prev/next nav, back-to-top, sticky CTA, skip-link.
   Uses the same design tokens as the per-page <style> blocks. Does not
   override or redeclare any existing selector. */

:root{
  --cream:#F5F0E6; --cream-2:#EDE6D8;
  --ink:#3B2F24; --ink-soft:#6B6153;
  --green-dark:#3B4A3F; --green:#5C6B4A;
  --terracotta:#B45638; --terracotta-soft:#E3B49E;
  --line:rgba(59,47,36,0.15); --white:#FFFFFF;
}

/* Skip link (accessibility) */
.skip-link{
  position:absolute; left:-9999px; top:0; z-index:2000;
  background:var(--green-dark); color:#fff; padding:12px 20px;
  border-radius:0 0 8px 0; font-size:14px; text-decoration:none;
}
.skip-link:focus{ left:0; }

/* Reading progress bar */
.reading-progress{
  position:fixed; top:0; left:0; height:3px; width:0%;
  background:var(--terracotta); z-index:1000; transition:width 0.1s linear;
}

/* Table of contents */
.toc{
  background:var(--white); border:1px solid var(--line); border-radius:12px;
  padding:20px 24px; margin:28px 0 36px; font-size:14px;
}
.toc summary{ cursor:pointer; font-weight:600; color:var(--ink); font-size:14px; list-style:none; display:flex; align-items:center; justify-content:space-between; }
.toc summary::-webkit-details-marker{ display:none; }
.toc summary:after{ content:"▾"; color:var(--ink-soft); font-size:12px; transition:transform 0.2s; }
.toc[open] summary:after{ transform:rotate(180deg); }
.toc ol{ margin:14px 0 0; padding-left:20px; }
.toc li{ margin-bottom:8px; }
.toc a{ color:var(--green-dark); text-decoration:none; font-size:14px; }
.toc a:hover{ text-decoration:underline; }

/* Tag pills */
.tag-pills{ display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 0; }
.tag-pill{
  font-size:11px; background:var(--cream-2); color:var(--ink-soft);
  padding:5px 12px; border-radius:20px; text-decoration:none; border:1px solid var(--line);
}
.tag-pill:hover{ background:var(--terracotta-soft); color:var(--ink); }

/* Share buttons */
.share-row{ display:flex; align-items:center; gap:10px; margin:36px 0; flex-wrap:wrap; }
.share-row .label{ font-size:13px; color:var(--ink-soft); margin-right:4px; }
.share-btn{
  width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:var(--cream-2); color:var(--green-dark); border:1px solid var(--line); cursor:pointer;
  text-decoration:none; transition:background 0.15s, color 0.15s, transform 0.15s;
}
.share-btn:hover{ background:var(--green-dark); color:#fff; transform:translateY(-2px); }
.share-btn svg{ width:16px; height:16px; }
.share-btn.copied{ background:var(--terracotta); color:#fff; }

/* Related posts */
.related-posts{ margin:48px 0; }
.related-posts h3{ font-size:18px; margin-bottom:18px; font-family:Georgia, serif; font-weight:400; color:var(--ink); }
.related-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:16px; }
.related-card{
  background:var(--white); border:1px solid var(--line); border-radius:12px; padding:18px;
  text-decoration:none; color:var(--ink); display:block; transition:box-shadow 0.15s, transform 0.15s;
}
.related-card:hover{ box-shadow:0 4px 16px rgba(59,47,36,0.1); transform:translateY(-2px); }
.related-card .rtag{ font-size:10px; text-transform:uppercase; letter-spacing:0.3px; color:var(--terracotta); margin-bottom:6px; display:block; }
.related-card h4{ font-size:14px; margin:0; font-family:Georgia, serif; font-weight:400; line-height:1.4; }

/* Prev / Next navigation */
.post-nav{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:44px 0; }
.post-nav a{
  background:var(--white); border:1px solid var(--line); border-radius:12px; padding:18px 20px;
  text-decoration:none; color:var(--ink); display:block; transition:box-shadow 0.15s, transform 0.15s;
}
.post-nav a:hover{ box-shadow:0 4px 16px rgba(59,47,36,0.1); transform:translateY(-2px); }
.post-nav .dir{ font-size:11px; text-transform:uppercase; letter-spacing:0.3px; color:var(--ink-soft); display:block; margin-bottom:6px; }
.post-nav .ptitle{ font-size:14px; font-family:Georgia, serif; line-height:1.4; }
.post-nav .next{ text-align:right; }
@media (max-width:560px){ .post-nav{ grid-template-columns:1fr; } .post-nav .next{ text-align:left; } }

/* Back to top */
.back-to-top{
  position:fixed; right:20px; bottom:20px; width:44px; height:44px; border-radius:50%;
  background:var(--green-dark); color:#fff; border:none; cursor:pointer; display:flex;
  align-items:center; justify-content:center; opacity:0; pointer-events:none;
  transition:opacity 0.25s, transform 0.25s; z-index:900; box-shadow:0 4px 14px rgba(59,47,36,0.25);
}
.back-to-top.visible{ opacity:1; pointer-events:auto; }
.back-to-top:hover{ transform:translateY(-3px); }
.back-to-top svg{ width:18px; height:18px; }

/* Sticky mobile CTA (blog posts) */
.sticky-cta{
  position:fixed; left:0; right:0; bottom:0; z-index:850;
  background:var(--green-dark); color:#fff; padding:14px 20px;
  display:none; align-items:center; justify-content:space-between; gap:14px;
  box-shadow:0 -4px 16px rgba(0,0,0,0.15); transform:translateY(100%); transition:transform 0.3s;
}
.sticky-cta.visible{ display:flex; transform:translateY(0); }
.sticky-cta p{ font-size:13px; margin:0; color:#fff; }
.sticky-cta a{ background:var(--terracotta); color:#fff; padding:9px 16px; border-radius:8px; font-size:12px; font-weight:500; text-decoration:none; white-space:nowrap; }
.sticky-cta .close-sticky{ background:none; border:none; color:rgba(255,255,255,0.6); font-size:18px; cursor:pointer; line-height:1; padding:0 4px; }
@media (min-width:900px){ .sticky-cta{ display:none !important; } }

/* Newsletter */
.newsletter-box{
  background:var(--cream-2); border:1px solid var(--line); border-radius:16px; padding:32px;
  margin:44px 0; text-align:center;
}
.newsletter-box h3{ font-size:19px; margin-bottom:8px; }
.newsletter-box p{ font-size:14px; color:var(--ink-soft); margin-bottom:20px; }
.newsletter-form{ display:flex; gap:10px; max-width:420px; margin:0 auto; flex-wrap:wrap; justify-content:center; }
.newsletter-form input[type="email"]{
  flex:1; min-width:200px; padding:12px 16px; border-radius:8px; border:1px solid var(--line);
  font-size:14px; font-family:inherit; background:var(--white); color:var(--ink);
}
.newsletter-form button{
  padding:12px 22px; border-radius:8px; border:none; background:var(--terracotta); color:#fff;
  font-size:14px; font-weight:500; cursor:pointer; white-space:nowrap;
}
.newsletter-form button:hover{ background:#99492F; }
.newsletter-note{ font-size:11px; color:var(--ink-soft); margin-top:10px; }
.newsletter-success{ font-size:14px; color:var(--green-dark); font-weight:500; display:none; }

/* Search & filter (kaynaklar.html) */
.blog-controls{ margin-bottom:32px; }
.blog-search{ position:relative; margin-bottom:16px; }
.blog-search input{
  width:100%; padding:13px 16px 13px 42px; border-radius:10px; border:1px solid var(--line);
  font-size:15px; font-family:inherit; background:var(--white); color:var(--ink);
}
.blog-search svg{ position:absolute; left:14px; top:50%; transform:translateY(-50%); width:18px; height:18px; stroke:var(--ink-soft); }
.filter-pills{ display:flex; flex-wrap:wrap; gap:8px; }
.filter-pill{
  font-size:13px; padding:8px 16px; border-radius:20px; border:1px solid var(--line);
  background:var(--white); color:var(--ink-soft); cursor:pointer; font-family:inherit;
}
.filter-pill.active{ background:var(--green-dark); color:#fff; border-color:var(--green-dark); }
.no-results{ display:none; text-align:center; padding:40px 20px; color:var(--ink-soft); font-size:15px; }
.no-results.visible{ display:block; }

/* Micro-interactions */
a, button{ transition:color 0.15s ease, background-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease; }
.article-card, .related-card, .program-card{ transition:box-shadow 0.2s ease, transform 0.2s ease; }

/* Reduced motion respect */
@media (prefers-reduced-motion: reduce){
  *{ animation-duration:0.001ms !important; transition-duration:0.001ms !important; }
}