/* Blog wystawcochcesz.pl (2 X 2026) - na zmiennych z wcads.css (kolory, promien, cien), krój Open Sans */
.wcb { max-width: 1180px; margin: 0 auto; padding: 0 0 32px; }
.wcb .wc-top { margin-bottom: 6px; }
.wcb-meta { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; color: var(--wc-muted); font-size: 13px; }

/* naglowek bloga */
.wcb-hero { background: var(--wc-card); border-radius: var(--wc-radius); box-shadow: var(--wc-shadow); padding: 26px 28px; margin: 4px 0 18px;
  background-image: linear-gradient(120deg, var(--wc-primary-soft), #fff 60%); }
.wcb-hero__title { font-size: 30px !important; line-height: 1.2; font-weight: 700 !important; color: var(--wc-text); }
.wcb-hero__lead { margin: 8px 0 0; font-size: 16px; color: #3b4252; max-width: 760px; }

/* wpis wyrozniony */
.wcb-lead { display: grid; grid-template-columns: 1.25fr 1fr; background: var(--wc-card); border-radius: var(--wc-radius); box-shadow: var(--wc-shadow);
  overflow: hidden; margin-bottom: 18px; transition: box-shadow .15s; }
.wcb-lead:hover, .wcb-card:hover { box-shadow: var(--wc-shadow-hover); }
.wcb-lead__img img { width: 100%; height: 100%; min-height: 280px; object-fit: cover; display: block; }
.wcb-lead__body { padding: 26px 28px; display: flex; flex-direction: column; gap: 10px; justify-content: center; }
.wcb-lead__title { font-size: 24px !important; line-height: 1.3; font-weight: 700 !important; }
.wcb-lead__title a, .wcb-card__title a { color: var(--wc-text) !important; text-decoration: none !important; }
.wcb-lead__title a:hover, .wcb-card__title a:hover { color: var(--wc-primary) !important; }

/* siatka kart */
.wcb-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.wcb-card { background: var(--wc-card); border-radius: var(--wc-radius); box-shadow: var(--wc-shadow); overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .15s; }
.wcb-card__img img { width: 100%; aspect-ratio: 16 / 10; height: auto; object-fit: cover; display: block; }
.wcb-card__body { padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.wcb-card__title { font-size: 17px !important; line-height: 1.35; font-weight: 700 !important; }
.wcb-excerpt { margin: 0; color: #3b4252; font-size: 14px; line-height: 1.6; }
.wcb-more { margin-top: auto; font-weight: 600; color: var(--wc-primary) !important; }
.wcb-pages { margin: 24px 0 4px; display: flex; justify-content: center; }
.wcb-pages ul { display: flex; gap: 6px; list-style: none; padding: 0; margin: 0; flex-wrap: wrap; }
.wcb-pages a, .wcb-pages span { display: inline-block; padding: 6px 12px; border-radius: 6px; background: var(--wc-card); box-shadow: var(--wc-shadow); }
.wcb-empty { background: var(--wc-card); padding: 20px; border-radius: var(--wc-radius); }

/* wpis */
.wcb-post { background: var(--wc-card); border-radius: var(--wc-radius); box-shadow: var(--wc-shadow); padding: 34px 40px; max-width: 860px; margin: 4px auto 22px; }
.wcb-post__title { font-size: 32px !important; line-height: 1.25; font-weight: 700 !important; margin-bottom: 10px !important; }
.wcb-post__hero { margin: 22px -40px 6px; }
.wcb-post__hero img { width: 100%; height: auto; display: block; }
.wcb-toc { background: var(--wc-primary-soft); border-radius: var(--wc-radius); padding: 14px 20px; margin: 22px 0 8px; font-size: 15px; }
.wcb-toc ol { margin: 8px 0 0; padding-left: 22px; }
.wcb-toc li { margin: 4px 0; }
.wcb-toc a { color: var(--wc-primary-dark) !important; }
.wcb-post__body { font-size: 17px; line-height: 1.75; color: #1f2933; }
.wcb-post__body h2 { font-size: 24px !important; line-height: 1.3; font-weight: 700 !important; margin: 34px 0 12px !important; scroll-margin-top: 80px; }
.wcb-post__body h3 { font-size: 19px !important; font-weight: 700 !important; margin: 24px 0 8px !important; }
.wcb-post__body p { margin: 0 0 16px; }
.wcb-post__body ul, .wcb-post__body ol { margin: 0 0 16px; padding-left: 24px; }
.wcb-post__body li { margin: 6px 0; }
.wcb-post__body a { color: var(--wc-primary) !important; text-decoration: underline !important; text-underline-offset: 2px; }
.wcb-post__body img { max-width: 100%; height: auto; border-radius: var(--wc-radius); }
.wcb-post__body figure { margin: 18px 0 26px; }
.wcb-share { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 28px 0 0; padding-top: 18px; border-top: 1px solid var(--wc-line); font-size: 14px; }
.wcb-share a { padding: 6px 12px; border-radius: 1000px; background: var(--wc-primary-soft); color: var(--wc-primary-dark) !important; font-weight: 600; }
.wcb-author { margin-top: 22px; padding: 16px 20px; border-left: 4px solid var(--wc-primary); background: #fafafa; border-radius: 0 var(--wc-radius) var(--wc-radius) 0; }
.wcb-author p { margin: 6px 0 0; color: #3b4252; }
.wcb-related { max-width: 1180px; margin: 6px auto 0; }
.wcb-related > h2 { font-size: 22px !important; margin: 10px 0 14px !important; }
.wcb-all { text-align: center; margin: 16px 0 0; font-weight: 600; }

/* wezwanie do dzialania */
.wcb-cta { display: flex; gap: 16px; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: 26px 0 0; padding: 20px 24px;
  border-radius: var(--wc-radius); background: var(--wc-primary); color: #fff; font-size: 15px; }
.wcb-cta strong { color: #fff; }
.wcb-cta__btn { background: #fff; color: var(--wc-primary) !important; padding: 10px 20px; border-radius: 1000px; font-weight: 700; white-space: nowrap; }

@media (max-width: 960px) {
  .wcb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wcb-lead { grid-template-columns: 1fr; }
  .wcb-lead__img img { min-height: 0; aspect-ratio: 16 / 9; }
}
@media (max-width: 640px) {
  .wcb-grid { grid-template-columns: 1fr; }
  .wcb-hero { padding: 20px 18px; }
  .wcb-hero__title { font-size: 24px !important; }
  .wcb-post { padding: 22px 18px; border-radius: 0; }
  .wcb-post__hero { margin: 18px -18px 6px; }
  .wcb-post__title { font-size: 25px !important; }
  .wcb-post__body { font-size: 16px; }
  .wcb-post__body h2 { font-size: 21px !important; }
  .wcb-lead__body { padding: 18px; }
}