/* ============================================================
   Agru-Frank — Aktualności (home teaser "Najnowsze z firmy").
   Layout = .blog-card grid (reuse blog.css, section-blog-archive.php).
   Mobile: peek-carousel (Embla) 1:1 wzorzec z realizations.css —
   przywrocone 2026-07-31 (poprzednia wersja usunieta 24.07, "nie doszla
   do produkcji"; ten sam mechanizm co Realizacje/Wspolpraca dzisiaj).
   ============================================================ */

.news {
	overflow-x: clip;   /* zabezpieczenie przed poziomym scrollem od full-bleed viewportu (mobile carousel) */
}

/* Mobile peek-carousel (Embla) — karta niedotknieta, tylko layout .blog-archive__grid.
   Bez JS fallback = stacked grid (blog.css, 1 kolumna < 640px). */
@media (max-width: 767.98px) {
	.news__viewport.is-embla {
		overflow: hidden;
		padding-top: var(--space-16);   /* shadow-mega (0 8px 24px) siega w gore tylko 24-8=16px, jak realizations/products */
		padding-bottom: var(--space-32);
		padding-left: var(--container-pad);   /* gutter — musi byc TU (na overflow:hidden viewport), nie na tracku:
			Embla liczy align:start wzgledem content-box tracku i translate3d kompensuje kazdy padding tam ustawiony */
		width: calc(100% + 2 * var(--container-pad));   /* pelna szerokosc ekranu — padding-left tylko przesuwa
			zawartosc W SRODKU tej szerokosci, nie zmniejsza ile trzeba sie rozciagnac (peek musi dojsc do prawej krawedzi) */
		margin-inline-start: calc(-1 * var(--container-pad));
		cursor: grab;
	}
	.news__viewport.is-embla.is-dragging {
		cursor: grabbing;
		user-select: none;
	}
	.news__viewport.is-embla .blog-archive__grid {
		display: flex;
		align-items: stretch;   /* rowna wysokosc kart w wierszu (flex-start dawal rozjazd przy roznej dlugosci tytulu/excerptu) */
		gap: 0;   /* bazowy .blog-archive__grid ma gap:32 — dziala tez we flex, dubluje sie z margin-right nizej */
		margin: 0;
	}
	.news__viewport.is-embla .blog-archive__grid > article {
		flex: 0 0 85%;   /* wieksza karta niz peek-center (byla 70%) — start-align, peek tylko z prawej */
		min-width: 0;
		margin-right: var(--space-24);
	}
	.news__viewport.is-embla .blog-archive__grid > article:last-child {
		margin-right: var(--container-pad);   /* gutter symetryczny z lewym (16px) — nie 0 (flush) ani 24 (bazowy odstep miedzykartowy) */
	}
	.news__viewport.is-embla .blog-card__excerpt {
		-webkit-line-clamp: 2;   /* bazowe 3 (blog.css) o 1 wiersz za duzo na wezszej karcie peek */
	}
}

.news__more {
	margin-top: var(--space-32);
	text-align: center;
}
@media (max-width: 767.98px) {
	.news__more {
		margin-top: 0;
	}
}
/* .news__more-link: .u-cta w utilities.css */