/*
 * DHL — Nowy wygląd listy wpisów
 * Paleta dopasowana do szablonu pojedynczego wpisu #dlaHanki.
 * Celowo nie zmieniamy HTML ani PHP odpowiedzialnego za paginację.
 */

:root {
  --dhl-blog-ink: #332f2d;
  --dhl-blog-text: #514b47;
  --dhl-blog-muted: #736c68;
  --dhl-blog-plum: #a85f6b;
  --dhl-blog-plum-deep: #77454f;
  --dhl-blog-rose: #c67d87;
  --dhl-blog-rose-pale: #f7e9e7;
  --dhl-blog-paper: #fffaf7;
  --dhl-blog-card: #fffdfb;
  --dhl-blog-line: #eadbd5;
  --dhl-blog-shadow: 0 14px 38px rgba(51, 47, 45, 0.07);
}

/* Strona z listą wpisów: jasne, ciepłe tło i spokojne odstępy. */
body.dhl-blog-list-layout-active {
  color: var(--dhl-blog-text);
  background: linear-gradient(125deg, #fffaf7 0%, #fdf6f1 56%, #fffaf7 100%);
  font-family: "Source Sans 3", "Source Sans Pro", Arial, sans-serif;
}

body.dhl-blog-list-layout-active .post-section {
  padding: clamp(28px, 4.5vw, 58px) 0 clamp(38px, 5vw, 68px);
  background: transparent;
}

body.dhl-blog-list-layout-active .post-section > .container {
  width: min(100% - 32px, 1240px);
  max-width: 1240px;
}

/* Ukryj boczny panel tylko na stronie głównej listy wpisów. */
body.dhl-blog-list-layout-active .post-section > .container > .row > div:first-child {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.dhl-blog-list-layout-active .post-section > .container > .row > div:last-child {
  display: none !important;
}

/* Siatka kart. Nie zmieniamy kolejności wpisów ani sposobu ich stronicowania. */
body.dhl-blog-list-layout-active .post-section .blog_inner_box {
  display: flex;
  align-self: stretch;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.dhl-blog-list-layout-active .post-section .blog_inner_box > .news-box {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--dhl-blog-card);
  border: 1px solid var(--dhl-blog-line);
  border-radius: 20px;
  box-shadow: var(--dhl-blog-shadow);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

@media (hover: hover) and (pointer: fine) {
  body.dhl-blog-list-layout-active .post-section .blog_inner_box > .news-box:hover {
    transform: translateY(-3px);
    border-color: #dfc5c2;
    box-shadow: 0 18px 42px rgba(51, 47, 45, 0.11);
  }
}

/* Zdjęcia mają wspólny, redakcyjny format; pusty wrapper nie zajmuje miejsca. */
body.dhl-blog-list-layout-active .post-section .blog_inner_box .post_img {
  position: relative;
  width: 100%;
  aspect-ratio: 2 / 1;
  box-sizing: border-box;
  overflow: hidden;
  padding: 7px !important;
  background: #f7efeb;
  border-bottom: 1px solid var(--dhl-blog-line);
  line-height: 0;
}

body.dhl-blog-list-layout-active .post-section .blog_inner_box .post_img:not(:has(img)) {
  display: none !important;
}

body.dhl-blog-list-layout-active .post-section .blog_inner_box .post_img img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  border-radius: 0 !important;
  transition: opacity .25s ease;
}

@media (hover: hover) and (pointer: fine) {
  body.dhl-blog-list-layout-active .post-section .blog_inner_box > .news-box:hover .post_img img {
    opacity: .98;
  }
}

/* Treść karty. Nadpisujemy starsze, nachodzące na zdjęcie .news_content. */
body.dhl-blog-list-layout-active .post-section .blog_inner_box .news-box > .pt-4 {
  display: flex;
  flex: 1 1 auto;
  padding-top: 0 !important;
}

body.dhl-blog-list-layout-active .post-section .blog_inner_box .news_content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  width: 100% !important;
  margin: 0 !important;
  padding: 28px 29px 30px !important;
  position: relative;
  background: transparent !important;
  box-shadow: none !important;
}

/* Data jako mała etykieta zamiast dużego, nachodzącego na treść plakietkowego elementu. */
body.dhl-blog-list-layout-active .post-section .blog_inner_box .news_date {
  position: static !important;
  inset: auto !important;
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  margin: 0 0 11px !important;
  padding: 0 !important;
  color: var(--dhl-blog-plum-deep) !important;
  background: transparent !important;
  font-family: "Source Sans 3", "Source Sans Pro", Arial, sans-serif;
  font-size: 13px !important;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .035em;
}

body.dhl-blog-list-layout-active .post-section .blog_inner_box .month_span {
  display: inline !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: 600;
}

body.dhl-blog-list-layout-active .post-section .blog_inner_box .news_date_comment {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px;
  color: var(--dhl-blog-muted);
  font-size: 12px;
  line-height: 1.5;
}

body.dhl-blog-list-layout-active .post-section .blog_inner_box .auther_name,
body.dhl-blog-list-layout-active .post-section .blog_inner_box .entry-comments {
  display: inline;
  margin: 0 !important;
  color: var(--dhl-blog-muted) !important;
  font-size: 12px !important;
  font-weight: 500;
}

body.dhl-blog-list-layout-active .post-section .blog_inner_box .slash_span {
  color: #c8b5af;
}

body.dhl-blog-list-layout-active .post-section .blog_inner_box .posttitle {
  margin: 0 0 12px !important;
  color: var(--dhl-blog-ink) !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: clamp(20px, 1.8vw, 25px) !important;
  font-weight: 700 !important;
  line-height: 1.32 !important;
  letter-spacing: -.01em;
  text-transform: none !important;
}

body.dhl-blog-list-layout-active .post-section .blog_inner_box .posttitle a {
  color: inherit !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-transform: none !important;
  transition: color .18s ease;
}

body.dhl-blog-list-layout-active .post-section .blog_inner_box .posttitle a:hover,
body.dhl-blog-list-layout-active .post-section .blog_inner_box .posttitle a:focus-visible {
  color: var(--dhl-blog-plum-deep) !important;
}

body.dhl-blog-list-layout-active .post-section .blog_inner_box .news-text {
  width: 100%;
  margin: 0 0 18px !important;
  color: var(--dhl-blog-text) !important;
  font-family: "Source Sans 3", "Source Sans Pro", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
}

body.dhl-blog-list-layout-active .post-section .blog_inner_box .post-text {
  margin-bottom: 0 !important;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  line-clamp: 5;
}

body.dhl-blog-list-layout-active .post-section .blog_inner_box .read_icon {
  margin: auto 0 0 !important;
  padding-top: 3px;
}

body.dhl-blog-list-layout-active .post-section .blog_inner_box .read_icon a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  min-height: 42px;
  padding: 0 13px;
  color: #fff !important;
  background: var(--dhl-blog-plum);
  border: 1px solid var(--dhl-blog-plum);
  border-radius: 999px;
  text-decoration: none !important;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

body.dhl-blog-list-layout-active .post-section .blog_inner_box .read_icon a:hover,
body.dhl-blog-list-layout-active .post-section .blog_inner_box .read_icon a:focus-visible {
  color: #fff !important;
  background: var(--dhl-blog-plum-deep);
  border-color: var(--dhl-blog-plum-deep);
}

body.dhl-blog-list-layout-active .post-section .blog_inner_box .read_icon i {
  color: currentColor !important;
}

/* Paginacja: osobne reguły dla numerów stron i informacji/formularza. */
body.dhl-blog-list-layout-active .post-section .navigation {
  display: block;
  width: 100%;
  margin: clamp(26px, 4vw, 42px) 0 0;
  padding: 0;
  font-family: "Source Sans 3", "Source Sans Pro", Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  background: transparent;
}

body.dhl-blog-list-layout-active .post-section .navigation > .clearfix {
  display: none !important;
}

body.dhl-blog-list-layout-active .post-section .ngo-blog-pagination {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 16px;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: center;
}

body.dhl-blog-list-layout-active .post-section .ngo-blog-pagination__links,
body.dhl-blog-list-layout-active .post-section .navigation .nav-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 9px;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 1.4;
}

body.dhl-blog-list-layout-active .post-section .ngo-blog-pagination__links a.page-numbers,
body.dhl-blog-list-layout-active .post-section .ngo-blog-pagination__links span.page-numbers,
body.dhl-blog-list-layout-active .post-section .navigation .nav-links a,
body.dhl-blog-list-layout-active .post-section .navigation .nav-links span {
  display: inline-flex !important;
  float: none !important;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  min-height: 42px;
  margin: 0 !important;
  padding: 8px 13px !important;
  color: var(--dhl-blog-plum-deep) !important;
  background: var(--dhl-blog-card) !important;
  border: 1px solid var(--dhl-blog-line) !important;
  border-radius: 999px;
  text-decoration: none !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  box-shadow: none !important;
  transition: color .18s ease, background .18s ease, border-color .18s ease;
}

body.dhl-blog-list-layout-active .post-section .ngo-blog-pagination__links a.page-numbers:hover,
body.dhl-blog-list-layout-active .post-section .ngo-blog-pagination__links a.page-numbers:focus-visible,
body.dhl-blog-list-layout-active .post-section .navigation .nav-links a:hover,
body.dhl-blog-list-layout-active .post-section .navigation .nav-links a:focus-visible {
  color: #fff !important;
  background: var(--dhl-blog-plum-deep) !important;
  border-color: var(--dhl-blog-plum-deep) !important;
}

body.dhl-blog-list-layout-active .post-section .ngo-blog-pagination__links .current,
body.dhl-blog-list-layout-active .post-section .navigation .nav-links .current {
  color: #fff !important;
  background: var(--dhl-blog-plum) !important;
  border-color: var(--dhl-blog-plum) !important;
}

body.dhl-blog-list-layout-active .post-section .ngo-blog-pagination__links .dots,
body.dhl-blog-list-layout-active .post-section .navigation .nav-links .dots {
  min-width: 22px !important;
  padding-inline: 4px !important;
  color: var(--dhl-blog-muted) !important;
  background: transparent !important;
  border-color: transparent !important;
}

/* „Strona 1 z 7” to informacja, nie przycisk paginacji. */
body.dhl-blog-list-layout-active .post-section .ngo-blog-pagination__tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px 24px;
  width: 100%;
  margin: 0;
  padding: 0;
  color: var(--dhl-blog-text);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.65;
  text-align: center;
}

body.dhl-blog-list-layout-active .post-section .ngo-blog-pagination__count {
  display: inline-block !important;
  flex: 0 0 auto;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 2px 0 !important;
  color: var(--dhl-blog-text) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.65 !important;
  letter-spacing: normal !important;
  word-spacing: .12em;
  white-space: nowrap;
  box-shadow: none !important;
}

body.dhl-blog-list-layout-active .post-section .ngo-blog-pagination__count strong {
  display: inline !important;
  margin: 0 .12em;
  font-weight: 800 !important;
}

body.dhl-blog-list-layout-active .post-section .ngo-blog-pagination__form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 12px;
  margin: 0;
  padding: 0;
  border: 0;
}

body.dhl-blog-list-layout-active .post-section .ngo-blog-pagination__label {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  color: var(--dhl-blog-text);
  font: inherit;
  line-height: 1.5;
}

body.dhl-blog-list-layout-active .post-section .ngo-blog-pagination__form input[type="number"] {
  box-sizing: border-box;
  width: 72px;
  min-width: 72px;
  min-height: 38px;
  margin: 0;
  padding: 7px 9px;
  color: var(--dhl-blog-ink);
  background: #fffdfb;
  border: 1px solid var(--dhl-blog-line);
  border-radius: 8px;
  font: inherit;
  line-height: 1.3;
}

body.dhl-blog-list-layout-active .post-section .ngo-blog-pagination__form button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  margin: 0;
  padding: 7px 16px;
  color: #fff !important;
  background: var(--dhl-blog-plum) !important;
  border: 1px solid var(--dhl-blog-plum) !important;
  border-radius: 999px;
  font: inherit;
  line-height: 1.3;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease;
}

body.dhl-blog-list-layout-active .post-section .ngo-blog-pagination__form button:hover,
body.dhl-blog-list-layout-active .post-section .ngo-blog-pagination__form button:focus-visible {
  background: var(--dhl-blog-plum-deep) !important;
  border-color: var(--dhl-blog-plum-deep) !important;
}

/* Pełnoszeroki szablon bloga ma analogiczny wygląd kart i paginacji. */
body.dhl-blog-list-layout-active {
  color: var(--dhl-blog-text);
  background: linear-gradient(125deg, #fffaf7 0%, #fdf6f1 56%, #fffaf7 100%);
  font-family: "Source Sans 3", "Source Sans Pro", Arial, sans-serif;
}

body.dhl-blog-list-layout-active #full-width-blog {
  padding: 28px 0 58px;
  background: transparent;
}

body.dhl-blog-list-layout-active #full-width-blog > .container {
  width: min(100% - 32px, 1240px);
  max-width: 1240px;
}

body.dhl-blog-list-layout-active #full-width-blog .blog_inner_box {
  display: flex;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.dhl-blog-list-layout-active #full-width-blog .news-box {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--dhl-blog-card);
  border: 1px solid var(--dhl-blog-line);
  border-radius: 20px;
  box-shadow: var(--dhl-blog-shadow);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

@media (hover: hover) and (pointer: fine) {
  body.dhl-blog-list-layout-active #full-width-blog .news-box:hover {
    transform: translateY(-3px);
    border-color: #dfc5c2;
    box-shadow: 0 18px 42px rgba(51, 47, 45, .11);
  }
}

body.dhl-blog-list-layout-active #full-width-blog .post_img {
  position: relative;
  width: 100%;
  aspect-ratio: 2 / 1;
  box-sizing: border-box;
  overflow: hidden;
  padding: 7px !important;
  background: #f7efeb;
  border-bottom: 1px solid var(--dhl-blog-line);
  line-height: 0;
}

body.dhl-blog-list-layout-active #full-width-blog .post_img:not(:has(img)) {
  display: none !important;
}

body.dhl-blog-list-layout-active #full-width-blog .post_img img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  border-radius: 0 !important;
}

body.dhl-blog-list-layout-active #full-width-blog .news-box > .pt-4 {
  display: flex;
  flex: 1 1 auto;
  padding-top: 0 !important;
}

body.dhl-blog-list-layout-active #full-width-blog .news_content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  width: 100% !important;
  margin: 0 !important;
  padding: 28px 29px 30px !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.dhl-blog-list-layout-active #full-width-blog .news_date {
  position: static !important;
  inset: auto !important;
  display: inline-flex;
  gap: 5px;
  margin: 0 0 11px !important;
  padding: 0 !important;
  color: var(--dhl-blog-plum-deep) !important;
  background: transparent !important;
  font-size: 13px !important;
}

body.dhl-blog-list-layout-active #full-width-blog .month_span {
  display: inline !important;
  color: inherit !important;
  font-size: inherit !important;
}

body.dhl-blog-list-layout-active #full-width-blog .news_date_comment {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px;
  color: var(--dhl-blog-muted);
  font-size: 12px;
}

body.dhl-blog-list-layout-active #full-width-blog .auther_name,
body.dhl-blog-list-layout-active #full-width-blog .entry-comments {
  margin: 0 !important;
  color: var(--dhl-blog-muted) !important;
  font-size: 12px !important;
}

body.dhl-blog-list-layout-active #full-width-blog .posttitle {
  margin: 0 0 12px !important;
  color: var(--dhl-blog-ink) !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: clamp(20px, 1.8vw, 25px) !important;
  font-weight: 700 !important;
  line-height: 1.32 !important;
  text-transform: none !important;
}

body.dhl-blog-list-layout-active #full-width-blog .posttitle a {
  color: inherit !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-transform: none !important;
}

body.dhl-blog-list-layout-active #full-width-blog .posttitle a:hover,
body.dhl-blog-list-layout-active #full-width-blog .posttitle a:focus-visible {
  color: var(--dhl-blog-plum-deep) !important;
}

body.dhl-blog-list-layout-active #full-width-blog .news-text {
  width: 100%;
  margin: 0 0 18px !important;
  color: var(--dhl-blog-text) !important;
  font-family: "Source Sans 3", "Source Sans Pro", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
}

body.dhl-blog-list-layout-active #full-width-blog .post-text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  margin-bottom: 0 !important;
}

body.dhl-blog-list-layout-active #full-width-blog .read_icon,
body.dhl-blog-list-layout-active .post-section .blog_inner_box .read_icon {
  position: static !important;
  inset: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: auto !important;
  align-self: stretch;
  width: 100%;
  margin: auto 0 0 !important;
  padding-top: 10px;
  text-align: inherit;
}

body.dhl-blog-list-layout-active #full-width-blog .read_icon a,
body.dhl-blog-list-layout-active .post-section .blog_inner_box .read_icon a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  min-height: 42px;
  margin: 0;
  padding: 0 6px;
  vertical-align: top;
  color: #fff !important;
  background: var(--dhl-blog-plum);
  border: 1px solid var(--dhl-blog-plum);
  border-radius: 999px;
  text-decoration: none !important;
  line-height: 1;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

body.dhl-blog-list-layout-active #full-width-blog .read_icon a:hover,
body.dhl-blog-list-layout-active #full-width-blog .read_icon a:focus-visible,
body.dhl-blog-list-layout-active .post-section .blog_inner_box .read_icon a:hover,
body.dhl-blog-list-layout-active .post-section .blog_inner_box .read_icon a:focus-visible {
  color: #fff !important;
  background: var(--dhl-blog-plum-deep) !important;
  border-color: var(--dhl-blog-plum-deep) !important;
}

body.dhl-blog-list-layout-active #full-width-blog .read_icon .read_more_icon,
body.dhl-blog-list-layout-active .post-section .blog_inner_box .read_icon .read_more_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 42px;
  height: 42px;
  margin: 0;
  padding: 0 !important;
  color: currentColor !important;
  background: transparent !important;
  border-radius: inherit;
  font-size: 16px;
  line-height: 1;
}

body.dhl-blog-list-layout-active #full-width-blog .navigation {
  display: block;
  width: 100%;
  margin: 38px 0 0;
  padding: 0;
  text-align: center;
}

body.dhl-blog-list-layout-active #full-width-blog .navigation > .clearfix {
  display: none !important;
}

body.dhl-blog-list-layout-active #full-width-blog .ngo-blog-pagination {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 16px;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: center;
}

body.dhl-blog-list-layout-active #full-width-blog .ngo-blog-pagination__links,
body.dhl-blog-list-layout-active #full-width-blog .navigation .nav-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 9px;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 1.4;
}

body.dhl-blog-list-layout-active #full-width-blog .ngo-blog-pagination__links a.page-numbers,
body.dhl-blog-list-layout-active #full-width-blog .ngo-blog-pagination__links span.page-numbers,
body.dhl-blog-list-layout-active #full-width-blog .navigation .nav-links a,
body.dhl-blog-list-layout-active #full-width-blog .navigation .nav-links span {
  display: inline-flex !important;
  float: none !important;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  min-height: 42px;
  margin: 0 !important;
  padding: 8px 13px !important;
  color: var(--dhl-blog-plum-deep) !important;
  background: var(--dhl-blog-card) !important;
  border: 1px solid var(--dhl-blog-line) !important;
  border-radius: 999px;
  text-decoration: none !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  box-shadow: none !important;
  transition: color .18s ease, background .18s ease, border-color .18s ease;
}

body.dhl-blog-list-layout-active #full-width-blog .ngo-blog-pagination__links a.page-numbers:hover,
body.dhl-blog-list-layout-active #full-width-blog .ngo-blog-pagination__links a.page-numbers:focus-visible,
body.dhl-blog-list-layout-active #full-width-blog .navigation .nav-links a:hover,
body.dhl-blog-list-layout-active #full-width-blog .navigation .nav-links a:focus-visible {
  color: #fff !important;
  background: var(--dhl-blog-plum-deep) !important;
  border-color: var(--dhl-blog-plum-deep) !important;
}

body.dhl-blog-list-layout-active #full-width-blog .ngo-blog-pagination__links .current,
body.dhl-blog-list-layout-active #full-width-blog .navigation .nav-links .current {
  color: #fff !important;
  background: var(--dhl-blog-plum) !important;
  border-color: var(--dhl-blog-plum) !important;
}

body.dhl-blog-list-layout-active #full-width-blog .ngo-blog-pagination__links .dots,
body.dhl-blog-list-layout-active #full-width-blog .navigation .nav-links .dots {
  min-width: 22px !important;
  padding-inline: 4px !important;
  color: var(--dhl-blog-muted) !important;
  background: transparent !important;
  border-color: transparent !important;
}

body.dhl-blog-list-layout-active #full-width-blog .ngo-blog-pagination__tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px 24px;
  width: 100%;
  margin: 0;
  padding: 0;
  color: var(--dhl-blog-text);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.65;
  text-align: center;
}

body.dhl-blog-list-layout-active #full-width-blog .ngo-blog-pagination__count {
  display: inline-block !important;
  flex: 0 0 auto;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 2px 0 !important;
  color: var(--dhl-blog-text) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.65 !important;
  letter-spacing: normal !important;
  word-spacing: .12em;
  white-space: nowrap;
  box-shadow: none !important;
}

body.dhl-blog-list-layout-active #full-width-blog .ngo-blog-pagination__count strong {
  display: inline !important;
  margin: 0 .12em;
  font-weight: 800 !important;
}

body.dhl-blog-list-layout-active #full-width-blog .ngo-blog-pagination__form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 12px;
  margin: 0;
  padding: 0;
  border: 0;
}

body.dhl-blog-list-layout-active #full-width-blog .ngo-blog-pagination__label {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  color: var(--dhl-blog-text);
  font: inherit;
  line-height: 1.5;
}

body.dhl-blog-list-layout-active #full-width-blog .ngo-blog-pagination__form input[type="number"] {
  box-sizing: border-box;
  width: 72px;
  min-width: 72px;
  min-height: 38px;
  margin: 0;
  padding: 7px 9px;
  color: var(--dhl-blog-ink);
  background: #fffdfb;
  border: 1px solid var(--dhl-blog-line);
  border-radius: 8px;
  font: inherit;
  line-height: 1.3;
}

body.dhl-blog-list-layout-active #full-width-blog .ngo-blog-pagination__form button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  margin: 0;
  padding: 7px 16px;
  color: #fff !important;
  background: var(--dhl-blog-plum) !important;
  border: 1px solid var(--dhl-blog-plum) !important;
  border-radius: 999px;
  font: inherit;
  line-height: 1.3;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease;
}

body.dhl-blog-list-layout-active #full-width-blog .ngo-blog-pagination__form button:hover,
body.dhl-blog-list-layout-active #full-width-blog .ngo-blog-pagination__form button:focus-visible {
  background: var(--dhl-blog-plum-deep) !important;
  border-color: var(--dhl-blog-plum-deep) !important;
}

@media (max-width: 767px) {
  body.dhl-blog-list-layout-active .post-section > .container {
    width: min(100% - 24px, 1240px);
  }

  body.dhl-blog-list-layout-active .post-section .blog_inner_box,
  body.dhl-blog-list-layout-active #full-width-blog .blog_inner_box {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 18px !important;
  }

  body.dhl-blog-list-layout-active .post-section .blog_inner_box .news_content,
  body.dhl-blog-list-layout-active #full-width-blog .news_content {
    padding: 19px 19px 21px !important;
  }

  body.dhl-blog-list-layout-active .post-section .blog_inner_box .posttitle,
  body.dhl-blog-list-layout-active #full-width-blog .posttitle {
    font-size: 22px !important;
    font-weight: 700 !important;
  }

  body.dhl-blog-list-layout-active .post-section .navigation,
  body.dhl-blog-list-layout-active #full-width-blog .navigation {
    margin-top: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.dhl-blog-list-layout-active .post-section .blog_inner_box > .news-box,
  body.dhl-blog-list-layout-active .post-section .blog_inner_box .post_img img,
  body.dhl-blog-list-layout-active #full-width-blog .news-box {
    transition: none !important;
  }
}


/* Nagłówek listy aktualności — lekki, spójny z widokiem pojedynczego wpisu. */
.dhl-blog-page-heading {
  display: block;
  width: 100%;
  margin: 0 0 clamp(24px, 3.2vw, 36px);
  padding: 0 0 clamp(19px, 2.5vw, 28px);
  color: var(--dhl-blog-ink);
  border-bottom: 1px solid var(--dhl-blog-line);
}

.dhl-blog-page-heading,
.dhl-blog-page-heading * {
  box-sizing: border-box;
}

.dhl-blog-page-heading .dhl-blog-page-eyebrow {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 10px;
  color: var(--dhl-blog-plum-deep);
  font-family: "Source Sans 3", "Source Sans Pro", Arial, sans-serif;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.dhl-blog-page-heading .dhl-blog-page-eyebrow::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 2px;
  flex: 0 0 25px;
  border-radius: 999px;
  background: var(--dhl-blog-rose);
}

.dhl-blog-page-heading h1 {
  margin: 0;
  color: var(--dhl-blog-ink) !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: clamp(30px, 3.4vw, 42px) !important;
  font-weight: 600 !important;
  letter-spacing: -.025em;
  line-height: 1.15 !important;
  text-transform: none !important;
}

.dhl-blog-page-heading .dhl-blog-page-description {
  max-width: 680px;
  margin: 10px 0 0;
  color: var(--dhl-blog-muted);
  font-family: "Source Sans 3", "Source Sans Pro", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
}

/* Więcej oddechu pomiędzy kafelkami, bez zmiany układu ani mechanizmu paginacji. */
body.dhl-blog-list-layout-active #full-width-blog .content_page,
body.dhl-blog-list-layout-active .post-section .container > .row > div:first-child > .row {
  row-gap: 28px;
}

body.dhl-blog-list-layout-active #full-width-blog .blog_inner_box,
body.dhl-blog-list-layout-active .post-section .blog_inner_box {
  cursor: pointer;
  outline-offset: 4px;
}

body.dhl-blog-list-layout-active #full-width-blog .news-box:focus-visible,
body.dhl-blog-list-layout-active .post-section .news-box:focus-visible {
  outline: 3px solid var(--dhl-blog-rose);
  outline-offset: 4px;
}

body.dhl-blog-list-layout-active #full-width-blog .posttitle,
body.dhl-blog-list-layout-active .post-section .posttitle {
  font-weight: 700 !important;
}

body.dhl-blog-list-layout-active #full-width-blog .news_date,
body.dhl-blog-list-layout-active .post-section .news_date {
  flex-wrap: wrap;
  gap: 5px;
  letter-spacing: .015em;
}

/* Usuwamy wyłącznie odstępy i kontenery techniczne, nie elementy nawigacji. */
body.dhl-blog-list-layout-active #full-width-blog .content_page > .clearfix {
  display: none !important;
}

@media (max-width: 767px) {
  .dhl-blog-page-heading {
    margin-bottom: 22px;
    padding-bottom: 18px;
  }

  .dhl-blog-page-heading .dhl-blog-page-description {
    font-size: 15px;
  }

  body.dhl-blog-list-layout-active #full-width-blog .content_page,
  body.dhl-blog-list-layout-active .post-section .container > .row > div:first-child > .row {
    row-gap: 19px;
  }

  body.dhl-blog-list-layout-active #full-width-blog .news_content,
  body.dhl-blog-list-layout-active .post-section .blog_inner_box .news_content {
    padding: 21px 20px 23px !important;
  }
}

/* Zdjęcie na głównej liście aktualności (/aktualnosci/).
   Pełna szerokość karty, naturalne proporcje obrazu i tylko górne zaokrąglenia.
   Reguły nie obejmują sekcji „Inne posty” w szablonie pojedynczego artykułu. */
body.dhl-blog-list-layout-active .post-section .blog_inner_box > .news-box > .post_img {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 20px 20px 0 0 !important;
  background: transparent !important;
  line-height: 0 !important;
}

body.dhl-blog-list-layout-active .post-section .blog_inner_box > .news-box > .post_img > img {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 20px 20px 0 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: initial !important;
  object-position: initial !important;
  transform: none !important;
  transition: none !important;
}

/* Brak efektu powiększania zdjęcia po najechaniu kursorem. */
body.dhl-blog-list-layout-active .post-section .blog_inner_box > .news-box:hover > .post_img > img {
  transform: none !important;
}

/* Położenie przycisku strzałki nie może zmieniać justowania tekstu zajawki. */
body.dhl-blog-list-layout-active .post-section .blog_inner_box .news_content,
body.dhl-blog-list-layout-active .post-section .blog_inner_box .news-text,
body.dhl-blog-list-layout-active .post-section .blog_inner_box .post-text {
  text-align: left !important;
}