/**
 * Lista wpisów bloga — oprawa infinite scrolla.
 *
 * Ładowany warunkowo na archiwach wpisów przez RW_Blog_Infinite_Scroll.
 *
 * ═══════════════════════════════════════════════════════════════════════
 *  CZEGO TU CELOWO NIE MA
 * ═══════════════════════════════════════════════════════════════════════
 *  Wyglądu samych kafli. Kafel wpisu stylowany jest w `style.css`
 *  selektorami `.px_blog_v1 .et_pb_post …`, a siatka dwukolumnowa przychodzi
 *  z atrybutu `blogGrid` modułu Divi (`gridColumnCount`: 2 / 2 / 1).
 *  Doklejane wpisy trafiają do tego samego kontenera, więc dziedziczą jedno
 *  i drugie bez żadnej reguły tutaj.
 *
 *  Tu siedzi wyłącznie to, co dokłada skrypt: wskaźnik wczytywania, spinner,
 *  komunikat błędu i ukrycie paginacji.
 */

/* ---------- paginacja ---------- */

/*
 * Paginacja zostaje w HTML — roboty i przeglądarki bez JS mają zwykłe linki.
 * Chowamy ją dopiero wtedy, gdy skrypt przejmie dociąganie (klasa od JS).
 */
.rw-blog-paginacja--js {
	display: none;
}

/* ---------- wskaźnik wczytywania ---------- */

.rw-blog__wczytywanie {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 70px;
	margin: 0 0 2em;
}

.rw-blog__spinner {
	width: 40px;
	height: 40px;
	border: 4px solid rgba(8, 44, 75, .15);
	border-top-color: #e02b20;
	border-radius: 50%;
	animation: rw-blog-obrot .8s linear infinite;
}

@keyframes rw-blog-obrot {
	to { transform: rotate(360deg); }
}

/* ---------- błąd i ponowienie ---------- */

.rw-blog__blad {
	margin: 0;
	text-align: center;
	font-size: 14px;
	color: #555;
}

.rw-blog__ponow {
	margin-left: .5em;
	padding: .4em 1em;
	border: 0;
	border-radius: 4px;
	background: #082c4b;
	color: #fff;
	cursor: pointer;
}

.rw-blog__ponow:hover {
	background: #e02b20;
}

/* ---------- doklejone wpisy ---------- */

.rw-wpis--nowy {
	animation: rw-blog-pojaw .35s ease-out both;
}

@keyframes rw-blog-pojaw {
	from { opacity: 0; transform: translateY(8px); }
}

/* Użytkownicy z ograniczonym ruchem: bez przesuwania, spinner wolniej. */
@media (prefers-reduced-motion: reduce) {
	.rw-blog__spinner { animation-duration: 2s; }
	.rw-wpis--nowy    { animation: none; }
}