/* ==============================================
   PIK Lublin: Custom styles + layout optymalizacja
   Wyekstrahowane z child main.css + PODOBNE/POLECANE grid
   2026-03-17
   ============================================== */

/* PODOBNE ARTYKUŁY — 4 w rzędzie, obrazki na pełną szerokość */
.single-related-posts {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-right: 0;
	margin-bottom: 0;
	overflow: visible;
}
.single-related-posts li {
	float: none;
	width: 25%;
	padding: 0 10px;
	margin-right: 0;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.single-related-posts li img,
.single-related-posts li picture {
	width: 100%;
	height: auto;
	display: block;
}

/* POLECANE — 3 w rzędzie, wyśrodkowane, obrazki na pełną szerokość */
.polecane-posty {
	justify-content: center;
}
.polecane-posty--single {
	width: 33.333%;
	padding: 0 10px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.polecane-posty--single img,
.polecane-posty--single picture {
	width: 100%;
	height: auto;
	display: block;
}
.polecane-posty--single .sb-item-img a {
	display: block;
}

@media only screen and (max-width: 460px) {
	.single-related-posts li {
		width: 100%;
	}
	.polecane-posty--single {
		width: 100%;
		margin: 10px 0;
	}
}

@media only screen and (min-width: 461px) and (max-width: 1000px) {
	.single-related-posts li {
		width: 30%;
		padding: 0 1.5%;
	}
}

/* ==============================================
   PIK: Optymalizacja typografii — Opcja C
   Oswald zamiast Play, poprawki czytelnosci
   2026-03-12
   ============================================== */

/* Nagłówki — lepszy line-height i letter-spacing */
h1, h2, h3, h4, h5, h6,
.post-title, .entry-title,
.main-title h1, .main-title h2, .main-title h3 {
  line-height: 1.35;
  letter-spacing: 0.02em;
}

/* Tytuł posta — wyraźniejszy */
.single-post .entry-title,
.single-post .post-title {
  line-height: 1.3;
  letter-spacing: 0.015em;
}

/* Sidebar — mniejszy font, lepsza czytelność */
.widget ul li {
  font-size: 14px !important;
  line-height: 1.4 !important;
  margin-bottom: 4px !important;
}
.widget .news-list .nl-item .nl-title {
  font-size: 13px !important;
  line-height: 1.3 !important;
}
.widget .news-list .nl-item .mom-post-meta {
  font-size: 11px !important;
}

/* Treść artykułu — łagodniejszy kolor niż czysty szary */
.entry-content,
.entry-content p {
  line-height: 1.45;
}

.p-single .entry-content h1, .p-single .entry-content h2, .p-single .entry-content h3,
.p-single .entry-content h4, .p-single .entry-content h5, .p-single .entry-content h6 {
  line-height: 10% !important;
}

/* Oswald weight dla głównych nagłówków */
.main-title h1, .main-title h2, .main-title h3 {
  font-weight: 600;
}
/* ==============================================
   PIK: Modern-card style — zaokrąglone rogi, karty
   2026-03-13
   ============================================== */

/* Ukryj separatory HR między sekcjami wydarzenia */
.entry-content > hr {
  display: none;
}

/* Sekcje wydarzenia jako białe karty */
.entry-content > div:has(> h2) {
  background: #fff;
  border-radius: 12px;
  padding: 20px 24px;
  margin-bottom: 16px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.09);
}

/* Nagłówki sekcji wewnątrz kart */
.entry-content > div:has(> h2) > h2 {
  margin-top: 0;
  padding-bottom: 8px;
}
/* Nagłówki wewnątrz kart — font-size na span (Data, Wykonawca itp.) */
.entry-content > div:has(> h2) h2 span {
  font-size: 20px !important;
}

/* Bilety — kółko z datą nie obcinane */
.bilet-box-image {
  overflow: visible !important;
  position: relative;
}
.bilet-box-data {
  z-index: 2;
}

/* Przycisk KUP BILET — zachowaj oryginalny rozmiar (nie rozciągaj na 100%) */
img[src*="kup-bilet"] {
  width: auto !important;
  max-width: 150px;
  height: auto;
}

/* Przyciski biletów — obok siebie */
.singleBilety {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.singleBilet {
  text-align: center;
  width: 33.33%;
}

.singleBilet span {
  display: inline-block;
}

@media only screen and (max-width: 768px) {
  .singleBilet {
    width: 100%;
  }
}

/* Sidebar — zaokrąglone widgety */
.sidebar .widget {
  border-radius: 10px;
  overflow: hidden;
}

/* Kalendarz — zaokrąglone rogi */
.widget_calendar table {
  border-radius: 8px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
}

/* Zdjęcie wyróżniające — zaokrąglone rogi */
.feature-img,
.feature-img img {
  border-radius: 10px;
}

/* Boksy artykułów i zdjęcia — zaokrąglone rogi */
.nb-content .sb-item-img,
.nb-content .sb-item-img img,
.nb-content .sb-item-img a img {
  border-radius: 10px;
  overflow: hidden;
}
.nb-content .sb-item-img a {
  display: block;
  border-radius: 10px;
  overflow: hidden;
}

/* .base-box — zaokrąglone rogi dla wszystkich boxów */
.base-box {
  border-radius: 10px;
}

/* .no-touch a img — zaokrąglone rogi dla zdjęć klikalnych */
.no-touch a img {
  border-radius: 10px;
}

/* Zaokrąglone rogi obrazków — bezpośrednio na kontenerze z overflow:hidden */
.mom-grid-item .post-img,
.nl-content .nl-img,
.mom-grid-item .post-img img,
.nl-content .nl-img img {
  border-radius: 10px;
  overflow: hidden;
}

/* Obraz wypełnia kontener bez luki — display:block usuwa inline baseline gap */
.mom-grid-item .post-img img,
.nl-content .nl-img img,
.nb-content .sb-item-img a img,
.base-box img:not(.wp-smiley),
.news-box.base-box img:not(.wp-smiley),
.single-box img:not(.wp-smiley) {
  display: block;
  width: 100%;
  vertical-align: top;
  border-radius: 0;
}

/* nl-item — BFC bez clippingu (zaokrąglone rogi obrazków nie są obcinane) */
.news-list .nl-item {
  overflow: visible;
  display: flow-root;
}

/* Blog-post boksy (kategorie, tagi, archiwum) — zaokrąglone rogi */
.blog-post.base-box {
  border-radius: 10px;
  overflow: hidden;
}
.blog-post .post-img {
  border-radius: 10px;
  overflow: hidden;
}
.blog-post .post-img img {
  border-radius: 0;
  display: block;
  width: 100%;
}
/* Zdjęcie wyróżniające na stronie posta */
.single .blog-post .feature-img,
.p-single .feature-img {
  border-radius: 10px;
  overflow: hidden;
}
.news-box.base-box img:not(.wp-smily),
.single-box img:not(.wp-smily) {
  border-radius: 10px;
}

/* Mobile — przyciski biletów w kolumnę poniżej 480px */
/* Obrazki wyśrodkowane w treści */
img.aligncenter {
  border-radius: 10px;
}

@media (max-width: 480px) {
  .singleBilety {
    flex-direction: column;
    align-items: flex-start;
  }
  .entry-content > div:has(> h2) {
    padding: 12px 14px;
  }
}