/* Publisher Blog — rurystudnia.pl (kolorystyka: --main-blue #0077b6) */

publisher-blog {
  display: block;
}

.blog-page__main {
  min-height: 50vh;
  padding-bottom: 32px;
}

.blog-page .publisher-blog__section {
  padding-top: 48px;
}

.publisher-blog__section {
  padding: 32px 0 56px;
  background: transparent;
  border: 0;
}

.publisher-blog__section.section--subtle {
  background: transparent;
}

.publisher-blog__container {
  width: min(var(--layout-max, 1200px), calc(100% - 40px));
  margin-inline: auto;
}

.publisher-blog__head h2 {
  color: var(--main-blue, #0077b6);
  font-size: 1.5rem;
  font-weight: 700;
}

.publisher-blog__head p,
.publisher-blog__card p,
.publisher-blog__loading,
.publisher-blog__empty {
  color: #475569;
}

/* Karty — bez podkreśleń, hover = obwódka */
publisher-blog a.publisher-blog__card,
publisher-blog a.publisher-blog__card h3,
publisher-blog a.publisher-blog__card p,
publisher-blog a.publisher-blog__card .publisher-blog__meta {
  text-decoration: none !important;
}

.publisher-blog__card {
  background: var(--light, #fff);
  border: 1px solid var(--border, #e0e7ef);
  border-radius: 16px;
  box-shadow: 0 2px 12px rgba(0, 119, 182, 0.06);
  text-decoration: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

publisher-blog a.publisher-blog__card:hover,
publisher-blog a.publisher-blog__card:focus-visible {
  border-color: var(--main-blue, #0077b6);
  box-shadow: 0 0 0 1px var(--main-blue, #0077b6), 0 6px 18px rgba(0, 119, 182, 0.12);
  transform: translateY(-2px);
  text-decoration: none !important;
}

.publisher-blog__card h3 {
  color: #0b4f71;
}

.publisher-blog__thumb-wrap {
  background: #eef7ff;
}

.publisher-blog__thumb-wrap--empty {
  color: #64748b;
}

.publisher-blog__meta {
  color: #64748b;
}

publisher-blog a.publisher-blog__btn,
publisher-blog a.publisher-blog__btn:hover,
publisher-blog a.publisher-blog__btn:focus-visible {
  text-decoration: none !important;
}

.publisher-blog__btn {
  border-radius: 12px;
  border: 1px solid var(--border, #e0e7ef);
  background: var(--light, #fff);
  color: var(--dark, #222);
  font-weight: 700;
  text-decoration: none;
}

.publisher-blog__btn--primary {
  background: var(--main-blue, #0077b6);
  border-color: var(--main-blue, #0077b6);
  color: #fff;
  box-shadow: 0 6px 18px rgba(0, 119, 182, 0.25);
}

.publisher-blog__btn--primary:hover {
  background: #026aa7;
  border-color: #026aa7;
  box-shadow: 0 8px 22px rgba(0, 119, 182, 0.3);
  filter: none;
}

.publisher-blog__btn--back {
  background: rgba(0, 119, 182, 0.08);
  color: #0b4f71;
  border-color: rgba(0, 119, 182, 0.16);
}

.publisher-blog__btn--back:hover {
  background: rgba(0, 119, 182, 0.12);
  border-color: rgba(0, 119, 182, 0.22);
  box-shadow: 0 2px 12px rgba(0, 119, 182, 0.08);
}

.publisher-blog__article {
  background: var(--light, #fff);
  border: 1px solid var(--border, #e0e7ef);
  border-radius: 16px;
  box-shadow: 0 2px 12px rgba(0, 119, 182, 0.08);
}

.publisher-blog__article h1 {
  color: var(--main-blue, #0077b6);
}

.publisher-blog__article th,
.publisher-blog__article td {
  border-color: var(--border, #e0e7ef);
}

.publisher-blog__content a {
  color: var(--main-blue, #0077b6);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.publisher-blog__content a:hover {
  color: #026aa7;
}

.publisher-blog__error {
  color: #b91c1c;
}

@media (max-width: 900px) {
  .publisher-blog__grid {
    grid-template-columns: 1fr;
  }
}