/* ==========================================================================
   wPrawo: home.css (tylko strona główna)
   Box wsparcia, hero, siatka najnowszych, sekcje rubryk, autorzy, podcast.
   ========================================================================== */

/* Hero ------------------------------------------------------------------- */
.home-hero { padding-block: 2rem 3rem; }
.home-hero__grid { display: grid; gap: 2rem; }
.home-hero__side { display: flex; flex-direction: column; justify-content: space-between; gap: 1.5rem; }
.home-hero__side .card + .card { padding-top: 1.5rem; border-top: 1px solid var(--rule); }

@media (min-width: 900px) {
	.home-hero__grid { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: var(--gutter); }
	.home-hero__side { padding-left: var(--gutter); border-left: 1px solid var(--rule); }
}

/* Siatka najnowszych i rubryki ------------------------------------------ */
.home-latest { padding-bottom: 3.5rem; }
.home-rubric { padding-bottom: 3.5rem; }

/* Autorzy ---------------------------------------------------------------- */
.home-authors { padding-bottom: 3.5rem; }
/* Autorzy: pasek przewijany poziomo (bez zapetlania), strzalki i przeciaganie. */
.authors-slider { position: relative; }
/* padding-top: hover unosi kółko (translateY); overflow-x:auto i tak przycina overflow-y. */
.authors-strip { display: flex; flex-wrap: nowrap; gap: 1.75rem; margin: 0; padding: 0.4rem 0 0.75rem; list-style: none; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; cursor: grab; }
.authors-strip::-webkit-scrollbar { display: none; }
.authors-strip.is-dragging { cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; user-select: none; }
.authors-strip.is-dragging a { pointer-events: none; }
.authors-strip:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.authors-strip > li { scroll-snap-align: start; flex: none; }
.author-chip { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; width: 7.5rem; text-align: center; text-decoration: none; }
.author-chip__img { width: 6rem; height: 6rem; border-radius: 50%; object-fit: cover; background: var(--bg-soft); filter: grayscale(0.15); transition: filter 0.2s, transform 0.2s; -webkit-user-drag: none; }
.author-chip:hover .author-chip__img { filter: none; transform: translateY(-3px); }
.author-chip__name { font: 600 1rem/1.2 var(--font-serif); }
.author-chip__role { font: 500 0.6875rem/1.2 var(--font-sans); letter-spacing: 0.08em; text-transform: uppercase; color: var(--fg-muted); }

.authors-slider__nav {
	position: absolute;
	top: 3rem;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 2.5rem;
	height: 2.5rem;
	margin: 0;
	padding: 0 0 0.15rem;
	border: 1px solid var(--rule-strong, var(--rule));
	border-radius: 50%;
	background: var(--bg);
	color: var(--fg);
	font: 400 1.6rem/1 var(--font-sans);
	cursor: pointer;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
	transform: translateY(-50%);
	transition: opacity 0.2s, background-color 0.2s;
}
.authors-slider__nav[hidden] { display: none; }
.authors-slider__nav:hover { background: var(--bg-soft); }
.authors-slider__nav:disabled { opacity: 0; pointer-events: none; }
.authors-slider__nav--prev { left: -0.5rem; }
.authors-slider__nav--next { right: -0.5rem; }
@media (max-width: 599px) { .authors-slider__nav { display: none; } }

/* Podcast śledczy -------------------------------------------------------- */
.home-podcast { padding-block: 3.5rem; background: #14171c; color: #ffffff; }
.home-podcast__inner { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }
.home-podcast__cover img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.home-podcast__kicker { display: inline-flex; align-items: center; gap: 0.5rem; margin: 0 0 0.8rem; font: 700 0.75rem/1 var(--font-sans); letter-spacing: 0.16em; text-transform: uppercase; color: #ff8896; }
.home-podcast__title { margin: 0 0 0.8rem; font: 600 clamp(1.8rem, 3.6vw, 2.8rem)/1.08 var(--font-serif); letter-spacing: -0.022em; }
.home-podcast__copy { max-width: 40rem; margin: 0 0 1.5rem; font: 400 1.15rem/1.5 var(--font-serif); opacity: 0.88; }

@media (min-width: 800px) {
	.home-podcast__inner:has(.home-podcast__cover) { grid-template-columns: 18rem minmax(0, 1fr); gap: 3rem; }
}