/* =========================================
   CANARD – featured content
   1 duży kafel + 4 małe (2x2)
   z poprawnym układem i subtelnym hoverem
   ========================================= */
.featured-content {
	max-width: 1260px !important;
	margin: 10px auto !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

/* GRID */
.featured-content-inner {
	display: grid !important;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) !important;
	grid-template-rows: repeat(2, 170px) !important;
	gap: 12px !important;
	align-items: stretch !important;
}

/* RESET KAFLI */
.featured-content-inner > article {
	position: relative !important;
	display: block !important;
	float: none !important;
	clear: none !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border-radius: 2px !important;
	background: #111 !important;
	box-sizing: border-box !important;
	transform: translateY(0) scale(1) !important;
	transition: transform .28s ease, box-shadow .28s ease !important;
}

/* UKŁAD KAFLI */
.featured-content-inner > article:first-child {
	grid-column: 1 / 2 !important;
	grid-row: 1 / 3 !important;
}

.featured-content-inner > article:nth-child(2) {
	grid-column: 2 / 3 !important;
	grid-row: 1 / 2 !important;
}

.featured-content-inner > article:nth-child(3) {
	grid-column: 3 / 4 !important;
	grid-row: 1 / 2 !important;
}

.featured-content-inner > article:nth-child(4) {
	grid-column: 2 / 3 !important;
	grid-row: 2 / 3 !important;
}

.featured-content-inner > article:nth-child(5) {
	grid-column: 3 / 4 !important;
	grid-row: 2 / 3 !important;
}

/* OBRAZ */
.featured-content-inner .post-thumbnail {
	position: absolute !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	overflow: hidden !important;
	z-index: 0 !important;
	display: block !important;
}

.featured-content-inner .post-thumbnail img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	transform: scale(1) !important;
	transition: transform .55s ease, filter .35s ease !important;
}

/* STAŁE PRZYCIEMNIENIE */
.featured-content-inner > article::after {
	content: "" !important;
	position: absolute !important;
	background: rgba(0,0,0,0.22) !important;
	z-index: 1 !important;
	pointer-events: none !important;
	transition: background .35s ease !important;
}

/* TEKST */
.featured-content-inner .entry-header {
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	margin: 0 !important;
	padding: 10px !important;
	z-index: 2 !important;
	min-height: 0 !important;
	background: linear-gradient(to top, rgba(0,0,0,0.62), rgba(0,0,0,0)) !important;
	transition: background .35s ease !important;
}

.featured-content-inner .entry-title {
	margin: 0 !important;
	font-size: 17px !important;
	line-height: 1.2 !important;
	text-shadow: 0 2px 8px rgba(0,0,0,0.85) !important;
}

.featured-content-inner > article:first-child .entry-title {
	font-size: 24px !important;
	line-height: 1.1 !important;
}

.featured-content-inner .entry-title a {
	color: #fff !important;
	text-decoration: none !important;
}

/* META */
.featured-content-inner .entry-meta,
.featured-content-inner .posted-on,
.featured-content-inner .byline {
	display: none !important;
}

/* =========================================
   Kategorie jako badge
   ========================================= */
/* wspólny styl badge */
.featured-content-inner > article::before {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 3;
	font-size: 14px;
	padding: 4px 6px;
	border-radius: 4px;
	color: #ffff;
	background: rgba(0,0,0,0.3);
	text-transform: uppercase;
	letter-spacing: .5px;
	pointer-events: none;
}

.featured-content-inner > article:first-child .entry-header::before {
	content: "NOWOŚĆ";
	position: absolute;
	top: -250px;
	right: 20px;
	z-index: 4;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .9px;
	text-transform: uppercase;
	color: #fff;
	background: rgba(217, 72, 65, 0.75);
	padding: 5px 8px;
	border-radius: 4px;
	box-shadow: 0 6px 8px rgba(0,0,0,0.35);
}

/* konkretne kategorie */
.featured-content-inner > article.category-sci-fi::before {
	content: "SCI-FI";
}

.featured-content-inner > article.category-fantasy::before {
	content: "FANTASY";
}

.featured-content-inner > article.category-nowosc::before {
	content: "NOWOŚĆ";
}

.featured-content-inner > article.category-short::before {
	content: "SHORT";
}

.featured-content-inner > article.category-blog::before {
	content: "BLOG";
}

.featured-content-inner > article.category-inne::before {
	content: "INNE";
}

.featured-content-inner .cat-links {
	display: none !important;
}

/* SUBTELNY HOVER */
.featured-content-inner > article:hover {
	transform: translateY(-3px) scale(1.01) !important;
	box-shadow: 0 8px 22px rgba(0,0,0,0.22) !important;
}

.featured-content-inner > article:hover .post-thumbnail img {
	transform: scale(1.06) !important;
	filter: brightness(0.88) !important;
}

.featured-content-inner > article:hover::after {
	background: rgba(0,0,0,0.34) !important;
}

.featured-content-inner > article:hover .entry-header {
	background: linear-gradient(to top, rgba(0,0,0,0.74), rgba(0,0,0,0.06)) !important;
}

/* TABLET */
@media screen and (max-width: 1000px) {
	.featured-content-inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
		grid-template-rows: 220px 160px 160px !important;
	}
	
	.featured-content-inner > article:first-child {
		grid-column: 1 / 3 !important;
		grid-row: 1 / 2 !important;
	}
	
	.featured-content-inner > article:nth-child(2) {
		grid-column: 1 / 2 !important;
		grid-row: 2 / 3 !important;
	}
	
	.featured-content-inner > article:nth-child(3) {
		grid-column: 2 / 3 !important;
		grid-row: 2 / 3 !important;
	}
	
	.featured-content-inner > article:nth-child(4) {
		grid-column: 1 / 2 !important;
		grid-row: 3 / 4 !important;
	}
	
	.featured-content-inner > article:nth-child(5) {
		grid-column: 2 / 3 !important;
		grid-row: 3 / 4 !important;
	}
}

/* TELEFON */
@media screen and (max-width: 600px) {
	.featured-content-inner {
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
	}
	
	.featured-content-inner > article,
					.featured-content-inner > article:first-child {
		height: 170px !important;
	}
}