/* ================= BLOG — TEK YAZI (single) ================= */

/* Kapak / hero */
.post-hero{position:relative;background:#111312;height:clamp(240px,32vh,360px);overflow:hidden;background-size:cover;background-position:center}
.post-hero.has-img{background-color:#1A1C1B}
.post-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,12,11,.35),rgba(11,12,11,.82))}
.post-hero-tags{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);background:rgba(11,12,11,.72);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:14px 20px;text-align:center;backdrop-filter:blur(6px)}
.post-hero-tags-lbl{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gray-2)}
.post-hero-tags-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.post-hero-tags-row span{font-family:var(--f-mono);font-size:.72rem;color:#fff}

/* Breadcrumb */
.post-crumb-band{background:var(--cream);padding:22px 0 0}
.post-crumb{max-width:1080px;margin:0 auto;padding:0 24px;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:#585B59;display:flex;gap:10px;flex-wrap:wrap}
.post-crumb a:hover{color:var(--green-d)}
.post-crumb .on{color:var(--green-d)}

/* Makale */
.post-article{background:var(--cream);padding:34px 0 90px}
.post-article-inner{max-width:1080px;margin:0 auto;padding:0 24px}
.post-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.post-meta-ago{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;background:rgba(23,206,74,.14);color:var(--green-d);border-radius:30px;padding:7px 13px}
.post-meta-date{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.06em;color:#585B59}
.post-title{font-family:var(--f-head);font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:600;color:#111312;line-height:1.15;margin-top:18px;max-width:820px}

/* İçerik tipografisi */
.post-content{margin-top:30px;color:#3D423F}
.post-content p{font-size:.98rem;line-height:1.75;margin:0 0 16px}
.post-content h2{font-family:var(--f-head);font-size:1.25rem;font-weight:600;color:var(--green-d);margin:28px 0 10px}
.post-content h3{font-family:var(--f-head);font-size:1.1rem;font-weight:600;color:#111312;margin:22px 0 8px}
.post-content ul,.post-content ol{margin:0 0 16px;padding-left:22px}
.post-content li{font-size:.98rem;line-height:1.75;margin:0 0 6px}
.post-content a{color:var(--green-d);text-decoration:underline}
.post-content blockquote{border-left:2px solid var(--green);padding:4px 0 4px 20px;margin:8px 0 18px}
.post-content blockquote p{font-size:.95rem;font-style:normal}
.post-content img{border-radius:12px}

/* İki sütun (JS ile oluşturulur) */
.pc-wrap{width:100%}
.pc-cols{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-bottom:8px}
.pc-col p:last-child,.pc-col blockquote:last-child{margin-bottom:0}
.pc-single{max-width:830px}
.pc-rest{margin-top:8px}
.post-content .pc-cols p{font-size:.98rem}

/* Galeri — carousel */
.pc-gallery{margin:44px 0}
.pc-carousel{position:relative;width:100%}
.pc-carousel.pc-noctrl .pc-ctrls{display:none}
.pc-viewport{overflow:hidden;margin-bottom:26px}
.pc-track{display:flex;gap:40px;transition:transform .6s cubic-bezier(.4,0,.2,1);justify-content:flex-start}
.pc-track[data-count="1"],.pc-track[data-count="2"]{justify-content:center}
.pc-item{flex:0 0 calc((100% - 80px) / 3);position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);cursor:pointer}
.pc-item-in{width:100%;height:225px;overflow:hidden;border-radius:12px;position:relative;background:#EFEEE7}
.pc-item-in img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .6s cubic-bezier(.4,0,.2,1)}
.pc-item:hover .pc-item-in img{transform:scale(1.12)}
.pc-eye,.pc-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:2;transition:opacity .35s ease}
.pc-eye{opacity:0}
.pc-item:hover .pc-eye{opacity:1}
.pc-ctrls{display:flex;justify-content:space-between;align-items:center;max-width:200px;margin:0 auto;gap:60px}
.pc-btn{width:56px;height:56px;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}
.pc-btn:hover{transform:scale(1.1)}
.pc-btn:active{transform:scale(.95)}
.pc-btn:disabled{opacity:.3;cursor:not-allowed}
.pc-btn:disabled:hover{transform:none}
.pc-btn:hover circle{fill:var(--green-d);fill-opacity:1}
.pc-btn:hover path{stroke:#fff}

/* Lightbox */
.pc-lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:1000;align-items:center;justify-content:center;padding:40px}
.pc-lightbox.is-open{display:flex}
.pc-lb-wrap{position:relative;display:flex;flex-direction:column;align-items:center;max-height:90%}
.pc-lb-stage{position:relative;animation:pcZoom .3s ease}
@keyframes pcZoom{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}
.pc-lb-media{display:flex;align-items:center;justify-content:center}
.pc-lb-media img{max-width:90vw;max-height:70vh;border-radius:12px;width:auto;height:auto;display:block}
.pc-lb-media iframe{width:90vw;max-width:1120px;height:calc(90vw*9/16);max-height:70vh;border:0;border-radius:12px;display:block}
.pc-lb-close{position:absolute;top:-27px;right:-27px;width:54px;height:54px;background:transparent;border:0;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;z-index:10;transition:transform .3s ease}
.pc-lb-close:hover{transform:scale(1.08)}
.pc-lb-close:hover .cbg{fill:var(--green-d);fill-opacity:1}
.pc-lb-close:hover path{stroke:#fff}
.pc-lb-cap{width:100%;color:#fff;font-size:1.05rem;margin-top:14px;text-align:left;border-left:4px solid var(--green);padding-left:10px;font-family:var(--f-head)}
.pc-lb-ctrls{display:flex;justify-content:center;align-items:center;gap:180px;margin-top:34px}
.pc-lb-prev,.pc-lb-next{width:56px;height:56px;background:transparent;border:0;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}
.pc-lb-prev:hover,.pc-lb-next:hover{transform:scale(1.1)}
.pc-lb-prev:disabled,.pc-lb-next:disabled{opacity:.3;cursor:not-allowed}
.pc-lb-prev:disabled:hover,.pc-lb-next:disabled:hover{transform:none}
.pc-lb-prev:hover .cbg,.pc-lb-next:hover .cbg{fill:var(--green-d);fill-opacity:1}
.pc-lb-prev:hover path,.pc-lb-next:hover path{stroke:#fff}

/* Alt: etiketler + paylaş */
.post-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:32px;padding-top:24px}
.post-foot-tags{display:flex;gap:10px;flex-wrap:wrap}
.post-foot-tags a{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.08em;color:#585B59;border:1px solid var(--line);border-radius:30px;padding:9px 14px;transition:border-color .15s,color .15s}
.post-foot-tags a:hover{border-color:var(--green);color:var(--green-d)}
.post-share{display:flex;align-items:center;gap:12px}
.post-share-lbl{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#585B59}
.post-share a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:#585B59;transition:border-color .15s,color .15s}
.post-share a:hover{border-color:var(--green);color:var(--green-d)}
.post-share-copy.is-copied{border-color:var(--green);color:var(--green-d);background:rgba(23,206,74,.1)}

/* İlgili yazılar */
.post-related{background:#fff;padding:70px 0;border-top:1px solid var(--line)}
.post-related .container{max-width:1280px}
.post-related-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.post-related-head h2{font-family:var(--f-head);font-size:clamp(1.3rem,2.4vw,1.8rem);font-weight:600;color:#111312}
.post-related-all{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green-d)}

/* Responsive */
@media (max-width:1024px){
  .pc-cols{grid-template-columns:1fr;gap:0;margin-bottom:0}
  .pc-track{gap:24px}
  .pc-item{flex:0 0 calc((100% - 24px) / 2)}
  .pc-lb-ctrls{gap:120px}
  .pc-lb-media iframe{width:85vw;height:calc(85vw*9/16)}
}
@media (max-width:767px){
  .pc-track{gap:16px}
  .pc-item{flex:0 0 100%}
  .pc-item-in{height:200px}
  .pc-ctrls{gap:40px}
  .pc-lb-ctrls{gap:90px}
  .pc-lb-cap{font-size:.95rem}
  .post-foot{flex-direction:column;align-items:flex-start}
}