/* ===================================================================
   nozi — redesign 2026: BLOG (lista wpisów + wpis)
   Projekt: redesign/wiecej/Nozi - Blog wpis.dc.html
   Komponenty wspólne (.post-card, .product-card, .section-head,
   .blog__grid, .products__grid, zmienne --rd-*): css/redesign.css
   Linkowany przez _t_news-list.php i _t_news.php (nie globalnie).
   =================================================================== */


/* --------------------------------------------------------------
   LISTA WPISÓW (news-list)
   -------------------------------------------------------------- */

.rd.blog-page { background: var(--rd-bg); padding-bottom: 96px; }

.rd .blog-head {
    max-width: 1240px;
    padding-top: 64px;
    padding-bottom: 48px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.rd .blog-breadcrumb {
    display: flex;
    gap: 10px;
    font-size: 13.5px;
    color: var(--rd-muted-2);
}
.rd .blog-breadcrumb a { color: var(--rd-muted-2); }
.rd .blog-breadcrumb a:hover { color: var(--rd-text); }
.rd .blog-breadcrumb__current { color: var(--rd-text); font-weight: 500; }

.rd.blog-page .blog-head h1 { font-size: 46px; line-height: 1.15; letter-spacing: -0.02em; }

.rd .blog-lead {
    font-size: 17px;
    line-height: 1.65;
    color: var(--rd-muted);
    margin: 0;
    max-width: 60ch;
}

.rd .blog-empty {
    font-size: 17px;
    line-height: 1.7;
    color: var(--rd-muted);
    background: var(--rd-bg-alt);
    border-radius: var(--rd-radius);
    padding: 48px 32px;
    text-align: center;
    margin: 0;
}

.rd .post-card__date { font-size: 13.5px; color: var(--rd-muted-2); }

/* karty listy: h2 w miejscu h3 ze strony głównej — te same metryki */
.rd .blog-list .post-card__title { font-size: 20px; }


/* --------------------------------------------------------------
   WPIS (news)
   -------------------------------------------------------------- */

.rd.post-page { background: var(--rd-bg); }

/* nagłówek wpisu */
.rd .post-head {
    max-width: 820px;
    padding-top: 64px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
    align-items: center;
}

.rd .post-head__crumbs {
    display: flex;
    gap: 10px;
    font-size: 13.5px;
    color: var(--rd-muted-2);
    align-items: baseline;
}
.rd .post-head__crumbs a { color: var(--rd-muted-2); }
.rd .post-head__crumbs a:hover { color: var(--rd-text); }

.rd .post-head__tag {
    color: var(--rd-accent);
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 12.5px;
}

.rd .post-head h1 {
    font-size: 46px;
    line-height: 1.15;
    font-weight: 500;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

.rd .post-head__meta {
    display: flex;
    gap: 16px;
    font-size: 14px;
    color: var(--rd-muted);
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.rd .post-head__dot { width: 3px; height: 3px; border-radius: 999px; background: #b0b0ad; }

/* zdjęcie główne */
.rd .post-hero { max-width: 1240px; }
.rd .post-hero__frame {
    border-radius: var(--rd-radius);
    overflow: hidden;
    aspect-ratio: 21 / 9;
}
.rd .post-hero__frame img { width: 100%; height: 100%; object-fit: cover; }
.rd .post-hero__caption {
    margin: 12px 4px 0;
    font-size: 13.5px;
    color: var(--rd-muted-2);
    text-align: center;
}

/* treść */
.rd .post-article {
    max-width: 720px;
    margin: 0 auto;
    padding: 56px 56px 32px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.rd .post-article__lead {
    font-size: 19px;
    line-height: 1.75;
    color: var(--rd-text-soft);
    margin: 0;
    font-weight: 500;
}

.rd .post-article p {
    font-size: 16.5px;
    line-height: 1.8;
    color: var(--rd-text-soft);
    margin: 0;
}

.rd .post-article h2 {
    font-family: "Poppins", sans-serif;
    font-size: 27px;
    font-weight: 600;
    letter-spacing: -0.01em;
    margin: 16px 0 0;
}

.rd .post-article h3 {
    font-family: "Poppins", sans-serif;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: -0.01em;
    margin: 12px 0 0;
}

.rd .post-article blockquote {
    border-left: 3px solid var(--rd-dark);
    padding: 6px 0 6px 28px;
    margin: 12px 0;
}
.rd .post-article blockquote p {
    font-family: "Poppins", sans-serif;
    font-size: 21px;
    line-height: 1.55;
    font-weight: 500;
    color: var(--rd-text);
    font-style: italic;
}

.rd .post-article ul,
.rd .post-article ol {
    margin: 0;
    padding-left: 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 16.5px;
    line-height: 1.8;
    color: var(--rd-text-soft);
}

.rd .post-article img {
    max-width: 100%;
    height: auto;
    border-radius: var(--rd-radius);
}

.rd .post-article a { color: var(--rd-text); text-decoration: underline; text-underline-offset: 3px; }
.rd .post-article a:hover { color: #000000; }

/* galeria wpisu */
.rd .post-gallery {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 56px 32px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.rd .post-gallery__item {
    display: block;
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 4 / 3;
}
.rd .post-gallery__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.rd .post-gallery__item:hover img { transform: scale(1.04); }

/* podziel się / autor */
.rd .post-share { max-width: 720px; padding-bottom: 72px; }
.rd .post-share__inner {
    border-top: 1px solid var(--rd-line-strong);
    padding-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}
.rd .post-share__author { font-size: 14.5px; color: var(--rd-muted); }
.rd .post-share__author strong { color: var(--rd-text); }
.rd .post-share__links { display: flex; gap: 16px; font-size: 14px; font-weight: 600; white-space: nowrap; }
.rd .post-share__links a { color: var(--rd-accent); }
.rd .post-share__links a:hover { color: #000000; }
.rd .post-share__links a.is-copied { color: var(--rd-muted-2); }

/* powiązane produkty */
.rd .post-products { max-width: 1240px; padding-bottom: 80px; }

/* czytaj dalej */
.rd .post-more {
    background: var(--rd-bg-alt);
    border-top: 1px solid rgba(35, 35, 35, 0.08);
}
.rd .post-more__inner { max-width: 1240px; padding-top: 80px; padding-bottom: 80px; }
.rd .post-more .post-card__title { font-size: 20px; }


/* --------------------------------------------------------------
   RESPONSIVE
   -------------------------------------------------------------- */

@media (max-width: 1100px) {

    .rd .blog-head { padding-top: 40px; padding-bottom: 32px; }
    .rd.blog-page .blog-head h1 { font-size: 34px; }

    .rd .post-head { padding-top: 40px; padding-bottom: 28px; }
    .rd .post-head h1 { font-size: 32px; }

    .rd .post-hero__frame { aspect-ratio: 16 / 9; }

    .rd .post-article { padding: 36px 24px 24px; gap: 20px; }
    .rd .post-article h2 { font-size: 23px; }

    .rd .post-gallery { padding: 0 24px 24px; grid-template-columns: 1fr 1fr; }

    .rd .post-share { padding-bottom: 48px; }
    .rd .post-share__inner { flex-direction: column; align-items: flex-start; gap: 14px; }

    .rd .post-products { padding-bottom: 56px; }
    .rd .post-more__inner { padding-top: 56px; padding-bottom: 56px; }

    .rd.blog-page { padding-bottom: 56px; }

}