/*
Theme Name: Sakallı Avukatlık Ofisi — Blog
Theme URI: https://www.sakalli.av.tr/
Description: Sakallı Avukatlık Ofisi için blog eklentili alt tema. Ana tema: sakalli.
Author: Atakan Sakallı
Template: sakalli
Version: 1.0.0
Text Domain: sakalli-blog
*/

/* ---------- Blog layout ---------- */
.skip-link{
  position:absolute;left:-9999px;top:0;z-index:1000;
  background:var(--white,#fffdf9);color:var(--ink,#0b0b0b);
  padding:12px 18px;border:1px solid var(--burgundy,#7b1830);
  font-weight:700;font-size:.88rem
}
.skip-link:focus{left:12px;top:12px}

.blog-main{padding:74px 0 96px}
.blog-head{max-width:840px;margin-bottom:48px}
.blog-head .eyebrow{margin-bottom:20px}
.blog-title{
  font-family:Georgia,"Times New Roman",serif;font-weight:500;
  font-size:clamp(2.7rem,5.4vw,4.8rem);line-height:1.02;
  letter-spacing:-.035em;margin:0
}
.blog-intro{margin-top:24px;color:var(--muted,#6d675f);font-size:1.05rem;line-height:1.75;max-width:720px}
.blog-lang-note{margin-top:18px;color:var(--muted,#6d675f);font-size:.9rem}
.blog-lang-note a{color:var(--burgundy,#7b1830);font-weight:700;border-bottom:1px solid currentColor;padding-bottom:2px}

.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.latest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.article-card{
  background:var(--white,#fffdf9);border:1px solid var(--line,rgba(11,11,11,.14));
  padding:30px;display:flex;flex-direction:column;gap:15px;min-height:100%;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease
}
.article-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(11,11,11,.08);border-color:rgba(123,24,48,.28)}
.article-card-title{
  font-family:Georgia,"Times New Roman",serif;font-weight:500;
  font-size:1.62rem;line-height:1.16;letter-spacing:-.02em;margin:0
}
.latest-grid .article-card-title{font-size:1.35rem}
.article-card-title a:hover{color:var(--burgundy,#7b1830)}
.article-meta{
  display:flex;flex-wrap:wrap;gap:6px;align-items:center;
  color:var(--muted,#6d675f);font-size:.74rem;letter-spacing:.09em;
  text-transform:uppercase;margin:0
}
.article-desc{color:var(--muted,#6d675f);font-size:.96rem;line-height:1.68;margin:0}
.read-more{
  color:var(--burgundy,#7b1830);font-weight:750;font-size:.86rem;
  align-self:flex-start;border-bottom:1px solid currentColor;padding-bottom:3px;margin-top:auto
}

.latest{padding:96px 0 104px;background:var(--white,#fffdf9);border-bottom:1px solid var(--line,rgba(11,11,11,.14))}
.latest .section-head{margin-bottom:38px}
.latest [data-lang-block="en"]{display:none}
.latest-all{
  display:inline-flex;align-items:center;gap:8px;margin-top:28px;
  color:var(--burgundy,#7b1830);font-weight:750;font-size:.9rem;
  border-bottom:1px solid currentColor;padding-bottom:3px
}

.blog-empty{
  background:var(--white,#fffdf9);border:1px solid var(--line,rgba(11,11,11,.14));
  padding:44px;max-width:760px
}
.blog-empty h2{font-family:Georgia,serif;font-size:1.75rem;font-weight:500;margin:0 0 12px}
.blog-empty p{color:var(--muted,#6d675f);margin:0 0 20px}

.blog-pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:38px}
.blog-pagination .page-numbers{
  min-width:42px;height:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--line,rgba(11,11,11,.14));background:var(--white,#fffdf9);
  font-size:.86rem;font-weight:700
}
.blog-pagination .current{background:var(--burgundy,#7b1830);border-color:var(--burgundy,#7b1830);color:#fff}

/* ---------- Single article ---------- */
.article-single{max-width:820px}
.back-link{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:30px;
  color:var(--burgundy,#7b1830);font-weight:750;font-size:.86rem;
  border-bottom:1px solid currentColor;padding-bottom:3px
}
.article-header{margin-bottom:38px}
.article-header .eyebrow{margin-bottom:18px}
.article-title{
  font-family:Georgia,"Times New Roman",serif;font-weight:500;
  font-size:clamp(2.5rem,5vw,4.4rem);line-height:1.04;
  letter-spacing:-.035em;margin:0
}
.article-header .article-meta{margin-top:24px;font-size:.78rem;letter-spacing:.08em}
.article-body{border-top:1px solid var(--line,rgba(11,11,11,.14));padding-top:38px}
.article-body > *:first-child{margin-top:0}
.article-footer{border-top:1px solid var(--line,rgba(11,11,11,.14));margin-top:52px;padding-top:28px}
.translation-note{
  background:var(--paper-2,#ebe4da);border-left:2px solid var(--burgundy,#7b1830);
  padding:16px 18px;color:#3a342e;font-size:.94rem;margin:0 0 24px
}
.translation-note a{color:var(--burgundy,#7b1830);font-weight:750;border-bottom:1px solid currentColor;padding-bottom:2px}

a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid var(--burgundy,#7b1830);outline-offset:3px
}
.site-header a:focus-visible,.site-header button:focus-visible{outline-color:#fff}

@media (max-width: 900px){
  .article-grid,.latest-grid{grid-template-columns:1fr}
  .blog-main{padding:58px 0 78px}
  .latest{padding:74px 0 82px}
  .article-card{padding:26px}
}
@media (max-width: 560px){
  .blog-main{padding:48px 0 64px}
  .blog-head{margin-bottom:36px}
  .blog-empty{padding:30px}
  .article-body{padding-top:30px}
}
@media (prefers-reduced-motion: reduce){
  .article-card{transition:none}
}