/* Tüm değişkenler ve görünümler SADECE .post-page altında geçerli */
.post-page{
  --primary:#5f2e88;--primary-light:#7a4da3;--primary-dark:#4a236c;
  --secondary:#2C3E50;--light:#F8F9FA;--text:#495057;--border:#E9ECEF;
  --gradient:linear-gradient(135deg,#5f2e88 0%,#7a4da3 100%);
  font-family:'Inter',sans-serif;
  background:#fff; color:var(--text); line-height:1.7;
}

/* MENÜ DAİMA ÜSTTE KALSIN (menü .post-page dışında) */
.navbar, .ala-navbar { position:relative; z-index:1100; }
.dropdown-menu { z-index:1101; }

/* PRELOADER – yalnızca bu sayfanın içeriğini etkilesin */
.post-page #page-preloader{
  position:fixed; inset:0; z-index:999; background:#fff;
  display:none; align-items:center; justify-content:center;
}
.post-page .loader{
  width:54px; height:54px; border-radius:50%;
  border:6px solid #eee; border-top-color:#5f2e88; animation:spin 1s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}
.post-page .page-wrap{opacity:0; transition:opacity .2s ease;}
.post-page .page-wrap.is-ready{opacity:1;}

/* HERO */
.post-page .article-hero{
  background-size:cover; background-position:center; background-repeat:no-repeat;
  color:#fff; padding:120px 0 80px; position:relative; min-height:60vh; display:flex; align-items:center;
  z-index:1;
}
.post-page .article-hero::before{
  content:''; position:absolute; inset:0;
  pointer-events:none; z-index:0;
}
.post-page .hero-content{position:relative; z-index:2;}
.post-page .article-title{font-weight:800; font-size:3rem; line-height:1.2; margin-bottom:1.5rem; text-shadow:2px 2px 4px rgba(0,0,0,.5); color:#fff}
.post-page .article-excerpt{font-size:1.3rem; font-weight:300; opacity:.95; margin-bottom:2rem; line-height:1.6; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,.5)}
.post-page .article-meta{display:flex; gap:2rem; flex-wrap:wrap; margin-bottom:1rem}
.post-page .meta-item{display:flex; align-items:center; gap:.5rem; font-size:.95rem; opacity:.9; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,.5)}

/* CONTENT */
.post-page .main-content{padding:4rem 0; background:var(--light)}
.post-page .content-wrapper{background:#fff; border-radius:16px; box-shadow:0 5px 30px rgba(0,0,0,.08); overflow:hidden}
.post-page .article-body{padding:3rem}
.post-page .blog-content{font-size:1.125rem; line-height:1.8; color:var(--text)}
.post-page .blog-content h1{font-size:2.25rem; font-weight:800; color:var(--secondary); margin:3rem 0 1.5rem; padding-bottom:.75rem; border-bottom:3px solid var(--primary)}
.post-page .blog-content h2{font-size:1.875rem; font-weight:700; color:var(--secondary); margin:2.5rem 0 1.25rem; padding-left:1rem; border-left:4px solid var(--primary)}
.post-page .blog-content h3{font-size:1.5rem; font-weight:600; color:var(--secondary); margin:2rem 0 1rem}
.post-page .blog-content p{margin-bottom:1.5rem; text-align:justify}
.post-page .blog-content img{max-width:100%; height:auto; border-radius:12px; margin:2.5rem 0; box-shadow:0 8px 25px rgba(0,0,0,.12); transition:transform .3s ease}
.post-page .blog-content img:hover{transform:scale(1.02)}
.post-page .blog-content blockquote{border-left:4px solid var(--primary); padding:2rem; margin:2.5rem 0; background:linear-gradient(135deg,var(--light) 0%,#fff 100%); border-radius:0 12px 12px 0; font-style:italic; font-size:1.1rem; position:relative}
.post-page .blog-content blockquote::before{content:'"'; font-size:4rem; color:var(--primary); opacity:.2; position:absolute; top:-1rem; left:1rem; font-family:serif}
.post-page .blog-content code{background:var(--secondary); color:#E9ECEF; padding:.25rem .5rem; border-radius:6px; font-size:.9em; font-family:'Courier New',monospace}
.post-page .blog-content pre{background:var(--secondary); color:#E9ECEF; padding:1.5rem; border-radius:12px; overflow-x:auto; margin:2rem 0; font-family:'Courier New',monospace; line-height:1.5; border-left:4px solid var(--primary)}
.post-page .blog-content ul, .post-page .blog-content ol{margin:1.5rem 0; padding-left:2rem}
.post-page .blog-content li{margin-bottom:.75rem; padding-left:.5rem}
.post-page .blog-content ul li::marker{color:var(--primary)}
.post-page .blog-content table{width:100%; border-collapse:collapse; margin:2rem 0; box-shadow:0 2px 8px rgba(0,0,0,.1); border-radius:8px; overflow:hidden}
.post-page .blog-content th, .post-page .blog-content td{padding:1rem; border:1px solid var(--border); text-align:left}
.post-page .blog-content th{background:var(--primary); color:#fff; font-weight:600}
.post-page .blog-content tr:nth-child(even){background:var(--light)}

/* SIDEBAR */
.post-page .sidebar-widget{background:#fff; border-radius:12px; padding:2rem; margin-bottom:2rem; box-shadow:0 3px 15px rgba(0,0,0,.08); border:1px solid var(--border)}
.post-page .widget-title{font-weight:700; color:var(--secondary); margin-bottom:1.5rem; padding-bottom:.75rem; border-bottom:2px solid var(--primary); font-size:1.25rem}
.post-page .similar-post{padding:1rem 0; border-bottom:1px solid var(--border); transition:all .3s ease}
.post-page .similar-post:hover{padding-left:.5rem; border-left:3px solid var(--primary)}
.post-page .similar-post:last-child{border-bottom:none}
.post-page .similar-post a{color:var(--text); text-decoration:none; font-weight:500; transition:color .3s ease; display:block}
.post-page .similar-post a:hover{color:var(--primary)}
.post-page .post-date{font-size:.85rem; color:#6C757D; margin-top:.25rem}

/* NAV */
.post-page .article-navigation{display:flex; justify-content:space-between; margin-top:3rem; padding-top:2rem; border-top:1px solid var(--border)}
.post-page .btn-ala{background:var(--gradient); color:#fff; border:none; padding:.75rem 1.5rem; border-radius:10px; font-weight:600; transition:all .3s ease; text-decoration:none; display:inline-flex; align-items:center; gap:.5rem}
.post-page .btn-ala:hover{transform:translateY(-2px); box-shadow:0 8px 20px rgba(95,46,136,.3); color:#fff}
.post-page .btn-ala-outline{border:2px solid var(--primary); color:var(--primary); background:transparent; padding:.75rem 1.5rem; border-radius:10px; font-weight:600; transition:all .3s ease; text-decoration:none; display:inline-flex; align-items:center; gap:.5rem}
.post-page .btn-ala-outline:hover{background:var(--primary); color:#fff; transform:translateY(-2px)}

/* Responsive */
@media (max-width:768px){
  .post-page .article-title{font-size:2.25rem}
  .post-page .article-excerpt{font-size:1.1rem}
  .post-page .article-body{padding:2rem 1.5rem}
  .post-page .blog-content{font-size:1rem}
  .post-page .blog-content h1{font-size:1.875rem}
  .post-page .blog-content h2{font-size:1.5rem}
  .post-page .article-meta{gap:1rem}
  .post-page .article-navigation{flex-direction:column; gap:1rem}
  .post-page .article-navigation .btn-ala,
  .post-page .article-navigation .btn-ala-outline{width:100%; justify-content:center}
}
@media (max-width:576px){
  .post-page .article-hero{padding:100px 0 60px; background-attachment:scroll}
  .post-page .article-title{font-size:1.875rem}
}