/* Nota Veteriner — blog yazıları ortak stil v1 (tam menü, alt bilgi, ilgili yazılar)
   Not: dosya adı sürümlüdür; değişiklik yaparken blog-v2.css olarak kaydedip sayfalardaki bağlantıyı güncelleyin. */
:root{--ink3:#242424;--ease:cubic-bezier(0.22,1,0.36,1)}

/* ── menü ── */
.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}
.nav-links a{text-decoration:none;color:rgba(255,255,255,.6);font-size:15px;transition:color .2s}
.nav-links a:hover,.nav-links .active{color:#fff}
.nav-cta{background:#fff;color:var(--ink) !important;padding:.42rem 1.2rem;border-radius:3px;font-weight:600 !important;transition:opacity .2s !important}
.nav-cta:hover{opacity:.85}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none}
.hamburger span{display:block;width:22px;height:1.5px;background:#fff;transition:all .28s var(--ease)}
.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mobile-menu{display:none;position:fixed;top:68px;left:0;right:0;background:var(--ink2);border-bottom:1px solid rgba(255,255,255,.07);padding:0 2rem;z-index:199;overflow:hidden;max-height:0;transition:max-height .4s var(--ease),padding .4s var(--ease)}
.mobile-menu.open{max-height:600px;padding:1.5rem 2rem 2rem;display:block}
.mobile-menu a{display:block;text-decoration:none;color:rgba(255,255,255,.68);font-size:17px;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.06);transition:color .2s}
.mobile-menu a:hover{color:#fff}
.mobile-menu .m-cta{background:#fff;color:var(--ink);text-align:center;padding:1rem;border-radius:3px;font-weight:600;margin-top:1.2rem;border-bottom:none}

/* ── yazı üstü yol bilgisi ── */
.crumbs{max-width:700px;margin:0 auto;padding:1.6rem 2rem 0;font-size:.8rem;color:var(--txt3)}
.crumbs ol{list-style:none;display:flex;flex-wrap:nowrap;align-items:center;gap:0 .5rem}
.crumbs li{display:flex;align-items:center;gap:.5rem;flex:0 0 auto}
.crumbs li:last-child{flex:1 1 0;min-width:0}
.crumbs li+li::before{content:'›';opacity:.55}
.crumbs a{color:var(--txt3);text-decoration:none;padding:.5rem 0;display:inline-block;transition:color .2s}
.crumbs a:hover{color:var(--ink)}
.crumbs [aria-current]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--txt2)}
main>article{padding-top:2.5rem;padding-bottom:3.5rem}

/* ── ilgili yazılar ── */
.related{max-width:1000px;margin:0 auto;padding:1rem 2rem 6rem}
.related h2{font-family:var(--serif);font-size:clamp(26px,3vw,34px);font-weight:400;color:var(--ink);letter-spacing:-.01em;margin-bottom:.4rem}
.related-lead{font-size:.92rem;color:var(--txt3);margin-bottom:1.8rem}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.related-card{display:flex;flex-direction:column;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:1.5rem;text-decoration:none;color:inherit;transition:box-shadow .25s,transform .25s,border-color .25s}
.related-card:hover{box-shadow:0 10px 30px rgba(13,13,13,.08);transform:translateY(-2px);border-color:var(--border2)}
.related-cat{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--txt3);margin-bottom:.7rem}
.related-title{font-family:var(--serif);font-size:1.28rem;font-weight:400;line-height:1.25;color:var(--ink);margin-bottom:.7rem}
.related-meta{margin-top:auto;font-size:.8rem;color:var(--txt3);display:flex;justify-content:space-between;align-items:center;padding-top:.8rem}
.related-all{display:inline-block;margin-top:1.6rem;font-size:.92rem;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--border2);padding:.5rem 0 .2rem}
.related-all:hover{border-color:var(--ink)}

/* ── alt bilgi ── */
body>footer{background:var(--ink2);border-top:1px solid rgba(255,255,255,.05);position:relative;z-index:1}
.footer-inner{max-width:1200px;margin:0 auto;padding:5rem 3rem 3rem}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:3rem;margin-bottom:4rem}
.footer-brand strong{font-family:var(--serif);font-size:1.2rem;font-weight:600;color:#fff;letter-spacing:.08em;display:block;margin-bottom:.8rem}
.footer-brand p{font-size:.85rem;color:rgba(255,255,255,.55);line-height:1.8}
.footer-col .fh{font-family:var(--sans);font-size:.75rem;font-weight:600;font-style:normal;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.55);margin:0 0 1.2rem;padding:0;line-height:1.75}
.footer-col a{display:block;text-decoration:none;color:rgba(255,255,255,.6);font-size:.9rem;padding:.35rem 0;transition:color .2s}
.footer-col a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:2rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.footer-bottom p{font-size:.8rem;color:rgba(255,255,255,.55)}
.footer-bottom a{color:rgba(255,255,255,.55);text-decoration:none}
.footer-bottom a:hover{color:#fff}

/* ── duyarlı ── */
@media(max-width:900px){
  body::before{display:none}
  .related-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2rem}
}
@media(max-width:700px){
  .nav-links{display:none}
  .hamburger{display:flex}
  .mobile-menu{display:block}
  .crumbs{padding:1.2rem 1.2rem 0}
  main>article{padding-top:2rem;padding-bottom:3rem}
  .related{padding:.5rem 1.2rem 4rem}
  .footer-inner{padding:4rem 1.5rem 2.5rem}
  .footer-grid{grid-template-columns:1fr}
  body>footer{padding-bottom:76px}
}