/* ============================================================
   Portrait Blog (Journal) — ferah, dergi tarzı liste tasarımı.
   Öne çıkan büyük yazı + düzgün kart ızgarası.
   ============================================================ */
.journal-wrap { max-width: 1240px; margin: 0 auto; padding: 0 24px; }

/* --- Kategori filtre çubuğu --- */
.journal-filter { display: flex; flex-wrap: wrap; gap: .6rem; justify-content: center; margin-bottom: 3.2rem; }
.journal-filter a {
    padding: 9px 21px; border-radius: 30px; font-size: .76rem; font-weight: 600; letter-spacing: 1.1px;
    text-transform: uppercase; color: #6b716e; background: #fff; border: 1px solid #e7e2d8;
    text-decoration: none; transition: all .25s ease;
}
.journal-filter a:hover { border-color: #bf9d57; color: #8c7355; }
.journal-filter a.active { background: #111e1b; color: #fff; border-color: #111e1b; }
.jf-count { display: inline-block; margin-left: .4rem; font-size: .7rem; opacity: .55; font-weight: 700; }
.journal-filter a.active .jf-count { opacity: .9; }

.journal-grid { transition: opacity .17s ease; }
.journal-empty { color: #6b716e; font-size: 1rem; padding: 2rem 0; }

/* Öne çıkan (lead) kart — ilk yazı tam genişlik, yatay düzen */
@media (min-width: 821px) {
    .journal-card--lead { grid-column: 1 / -1; flex-direction: row; min-height: 380px; }
    .journal-card--lead .journal-card__media { flex: 0 0 55%; aspect-ratio: auto; }
    .journal-card--lead .journal-card__body { justify-content: center; padding: 2.8rem 3.2rem; }
    .journal-card--lead .journal-card__body::before {
        content: var(--lead-tag, 'Öne Çıkan'); display: inline-block; width: max-content;
        background: #bf9d57; color: #fff; font-size: .66rem; font-weight: 600; letter-spacing: 1.5px;
        text-transform: uppercase; padding: 5px 12px; border-radius: 30px; margin-bottom: 1.1rem;
    }
    .journal-card--lead .journal-card__title { font-size: 2rem; }
    .journal-card--lead .journal-card__excerpt { -webkit-line-clamp: 4; font-size: 1rem; }
}

/* --- Öne çıkan yazı --- */
.journal-featured {
    display: grid; grid-template-columns: 1.15fr 1fr; gap: 0;
    background: #fff; border: 1px solid #ece7dd; border-radius: 16px; overflow: hidden;
    margin-bottom: 3.6rem; color: #1a1a1a;
    box-shadow: 0 34px 80px -54px rgba(17, 30, 27, .5);
    transition: box-shadow .45s ease, transform .45s ease;
}
.journal-featured:hover { box-shadow: 0 44px 100px -48px rgba(17, 30, 27, .55); transform: translateY(-3px); }
.journal-featured__media { position: relative; overflow: hidden; min-height: 380px; background: #e7e2d8; }
.journal-featured__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(.16, 1, .3, 1); }
.journal-featured:hover .journal-featured__media img { transform: scale(1.06); }
.journal-featured__body { padding: 3.2rem 3.4rem; display: flex; flex-direction: column; justify-content: center; }
.journal-featured__title { font-family: 'Playfair Display', serif !important; font-size: clamp(1.75rem, 2.7vw, 2.5rem); line-height: 1.14; margin: 1rem 0 1.1rem; font-weight: 500; }
.journal-featured__excerpt { color: #5f6562; font-size: 1.02rem; line-height: 1.85; margin: 0 0 1.7rem; }

/* --- Kart ızgarası --- */
.journal-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 2.6rem; }
.journal-card {
    display: flex; flex-direction: column; background: #fff; border: 1px solid #ece7dd;
    border-radius: 14px; overflow: hidden; color: #1a1a1a;
    transition: box-shadow .35s ease, transform .35s ease, border-color .35s ease;
}
.journal-card:hover { box-shadow: 0 30px 64px -40px rgba(17, 30, 27, .5); transform: translateY(-5px); border-color: #e0d8c8; }
.journal-card__media { position: relative; overflow: hidden; aspect-ratio: 1.42 / 1; background: #e7e2d8; }
.journal-card__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .85s cubic-bezier(.16, 1, .3, 1); }
.journal-card:hover .journal-card__media img { transform: scale(1.07); }
.journal-card__body { padding: 1.75rem 1.75rem 1.95rem; display: flex; flex-direction: column; flex: 1; }
.journal-card__title { font-family: 'Playfair Display', serif !important; font-size: 1.5rem; line-height: 1.2; margin: .75rem 0 .7rem; font-weight: 500; }
.journal-card__excerpt {
    color: #6b716e; font-size: .93rem; line-height: 1.78; margin: 0 0 1.3rem; flex: 1;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}

/* --- Ortak meta + etiket + buton --- */
.journal-meta { color: #8c7355; font-size: .72rem; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; }
.journal-meta .dot { opacity: .45; }
.journal-tag { display: inline-block; width: max-content; background: #bf9d57; color: #fff; font-size: .66rem; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; padding: 5px 12px; border-radius: 30px; margin-bottom: 1.1rem; }
.journal-more { margin-top: auto; color: #8c7355; font-size: .78rem; font-weight: 600; letter-spacing: 1.3px; text-transform: uppercase; display: inline-flex; align-items: center; gap: .4rem; transition: gap .3s ease; }
.journal-more svg { width: 15px; height: 15px; }
.journal-card:hover .journal-more, .journal-featured:hover .journal-more { gap: .85rem; }

@media (max-width: 820px) {
    .journal-featured { grid-template-columns: 1fr; }
    .journal-featured__media { min-height: 0; aspect-ratio: 1.6 / 1; }
    .journal-featured__body { padding: 2.1rem 1.7rem; }
    .journal-grid { grid-template-columns: 1fr; gap: 1.9rem; }
}

/* ============================================================
   Blog DETAY (makale) — temiz başlık + net kapak + geniş metin
   ============================================================ */
.article-head { background: #faf8f5; padding: clamp(3rem, 6vw, 5rem) 24px clamp(2.2rem, 4vw, 3.2rem); text-align: center; }
.article-head__inner { max-width: 800px; margin: 0 auto; }
.article-head h1 { font-family: 'Playfair Display', serif !important; font-size: clamp(2rem, 4vw, 3.1rem); line-height: 1.12; margin: 1rem 0 1.1rem; font-weight: 500; color: #1a1a1a; }
.article-head__excerpt { color: #5f6562; font-size: 1.08rem; line-height: 1.8; margin: 0 0 1.4rem; }
.article-meta { color: #8c7355; font-size: .74rem; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; display: inline-flex; gap: .55rem; align-items: center; }
.article-meta .dot { opacity: .45; }

/* Net, büyük kapak görseli */
.article-cover { width: min(1180px, calc(100% - 48px)); margin: -2.5rem auto 0; position: relative; z-index: 2; }
.article-cover img { width: 100%; aspect-ratio: 16 / 8; object-fit: cover; border-radius: 16px; display: block; box-shadow: 0 46px 100px -54px rgba(17, 30, 27, .55); }

/* Geniş makale gövdesi (860 → 1000) */
.blog-article.blog-article--wide { width: min(1000px, calc(100% - (var(--site-edge-space) * 2))); padding-top: clamp(2.6rem, 5vw, 4.2rem); }
.blog-article.blog-article--wide p { font-size: 1.06rem; }

@media (max-width: 820px) {
    .article-cover { width: calc(100% - 32px); margin-top: -1.4rem; }
    .article-cover img { aspect-ratio: 16 / 10; border-radius: 12px; }
}