/* ==========================================================================
   RENTON 2026 – Blog a poradňa
   ========================================================================== */

.r26-blog{
	background:var(--white);
}

.r26-blog-main{
	min-height:60vh;
}

/* Hero -------------------------------------------------------------------- */
.r26-blog-hero{
	position:relative;
	overflow:hidden;
	background:var(--ink);
	color:#fff;
	padding:52px 0 64px;
}

.r26-blog-hero:after{
	content:"R26";
	position:absolute;
	right:-40px;
	bottom:-90px;
	font-family:var(--font-head);
	font-size:300px;
	font-weight:700;
	line-height:1;
	letter-spacing:-.08em;
	color:rgba(255,255,255,.025);
	pointer-events:none;
}

.r26-blog-hero .shell{
	position:relative;
	z-index:1;
}

.r26-blog-hero--archive{
	padding-bottom:56px;
}

.r26-blog-crumbs{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:9px;
	margin-bottom:42px;
	font-family:var(--font-mono);
	font-size:9px;
	font-weight:500;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:#858a84;
}

.r26-blog-crumbs a{
	color:#b7bbb5;
	transition:color .2s;
}

.r26-blog-crumbs a:hover{
	color:var(--green);
}

.r26-blog-crumbs span[aria-current]{
	color:#e4e6e2;
	max-width:52ch;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.r26-blog-hero__grid{
	display:grid;
	grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
	gap:64px;
	align-items:center;
}

.r26-blog-hero__grid--text{
	grid-template-columns:minmax(0,1fr);
	max-width:880px;
}

.r26-blog-hero__copy h1{
	font-family:var(--font-head);
	font-size:clamp(34px,4.2vw,58px);
	font-weight:600;
	line-height:1.05;
	letter-spacing:-.045em;
	color:#fff;
	max-width:19ch;
}

.r26-blog-hero--archive .r26-blog-hero__copy h1{
	max-width:none;
}

.r26-blog-hero__lead{
	max-width:62ch;
	margin-top:22px;
	font-size:14px;
	line-height:1.7;
	color:#a9ada7;
}

.r26-blog-meta{
	margin-top:26px;
	font-family:var(--font-mono);
	font-size:9.5px;
	font-weight:500;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:#858a84;
}

.r26-blog-hero__media{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:300px;
	padding:18px;
	background:#fff;
	border:1px solid rgba(255,255,255,.14);
}

.r26-blog-hero__media img{
	width:auto;
	max-width:100%;
	max-height:360px;
	object-fit:contain;
	mix-blend-mode:multiply;
}

/* Article ----------------------------------------------------------------- */
.r26-article{
	padding:72px 0 64px;
}

.r26-article__body{
	max-width:780px;
	margin:0 auto;
}

.r26-article__body p{
	margin:0 0 20px;
	font-size:16px;
	line-height:1.8;
	color:var(--grey-600);
}

.r26-article__body strong{
	color:var(--ink);
	font-weight:600;
}

.r26-article__body h2{
	margin:48px 0 16px;
	font-family:var(--font-head);
	font-size:clamp(26px,2.6vw,36px);
	font-weight:600;
	line-height:1.15;
	letter-spacing:-.025em;
	color:var(--ink);
}

.r26-article__body h3{
	margin:34px 0 10px;
	font-family:var(--font-head);
	font-size:21px;
	font-weight:600;
	line-height:1.3;
	letter-spacing:-.01em;
	color:var(--ink);
}

.r26-article__body a{
	color:var(--green-dark);
	text-decoration:underline;
	text-underline-offset:3px;
	text-decoration-thickness:1px;
}

.r26-article__body a:hover{
	color:var(--ink);
}

.r26-article__body ul,
.r26-article__body ol{
	margin:0 0 22px;
	padding-left:24px;
	color:var(--grey-600);
}

.r26-article__body ul{list-style:disc}
.r26-article__body ol{list-style:decimal}

.r26-article__body li{
	margin:0 0 8px;
	font-size:16px;
	line-height:1.7;
}

.r26-article__body li::marker{
	color:var(--green);
}

.r26-article__body table{
	width:100%;
	margin:28px 0;
	border-collapse:collapse;
	font-size:14px;
	line-height:1.5;
}

.r26-article__body th{
	padding:12px 14px;
	background:var(--grey-100);
	border:1px solid var(--line);
	font-family:var(--font-mono);
	font-size:9.5px;
	font-weight:600;
	letter-spacing:.08em;
	text-transform:uppercase;
	text-align:left;
	color:var(--ink);
}

.r26-article__body td{
	padding:12px 14px;
	border:1px solid var(--line);
	color:var(--grey-600);
	vertical-align:top;
}

.r26-article__body tr:nth-child(even) td{
	background:var(--grey-50);
}

.r26-article__body img{
	width:auto;
	max-width:100%;
	height:auto;
	margin:26px auto;
	padding:12px;
	background:#fff;
	border:1px solid var(--line);
}

.r26-article__body figure{
	margin:28px 0;
}

.r26-article__body figcaption{
	margin-top:8px;
	font-family:var(--font-mono);
	font-size:9px;
	letter-spacing:.06em;
	text-transform:uppercase;
	text-align:center;
	color:var(--grey-500);
}

.r26-article__body blockquote{
	margin:28px 0;
	padding:20px 24px;
	border-left:3px solid var(--green);
	background:var(--grey-50);
	font-size:16px;
	line-height:1.7;
	color:var(--ink);
}

/* CTA --------------------------------------------------------------------- */
.r26-article__cta{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:32px;
	margin:56px 0 24px;
	padding:30px 32px;
	background:var(--grey-50);
	border:1px solid var(--line);
}

.r26-article__cta .eyebrow{
	margin-bottom:12px;
}

.r26-article__cta h2{
	margin:0 0 8px;
	font-size:clamp(22px,2.2vw,28px);
}

.r26-article__cta p{
	margin:0;
	font-size:13px;
	line-height:1.6;
	color:var(--grey-600);
}

.r26-article__cta-actions{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	flex:0 0 auto;
}

.r26-article__share{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:14px;
	margin-top:24px;
	padding-top:20px;
	border-top:1px solid var(--line);
	font-family:var(--font-mono);
	font-size:9px;
	font-weight:500;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:var(--grey-500);
}

.r26-article__share a{
	padding-bottom:2px;
	border-bottom:1px solid var(--line);
	color:var(--ink);
	text-decoration:none;
}

.r26-article__share a:hover{
	border-color:var(--green);
	color:var(--green-dark);
}

.r26-article__comments{
	margin-top:48px;
	padding-top:32px;
	border-top:1px solid var(--line);
}

/* Blog cards -------------------------------------------------------------- */
.r26-blog-archive,
.r26-related-posts{
	padding:64px 0 80px;
}

.r26-related-posts{
	background:var(--grey-50);
	border-top:1px solid var(--line);
}

.r26-blog-archive__head,
.r26-related-posts__head{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:24px;
	margin-bottom:32px;
}

.r26-related-posts__head{
	display:block;
}

.r26-blog-archive__head span{
	font-family:var(--font-mono);
	font-size:9.5px;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:var(--grey-500);
}

.r26-related-posts__head h2{
	margin:0;
	font-family:var(--font-head);
	font-size:clamp(28px,3vw,40px);
	font-weight:600;
	line-height:1.1;
	letter-spacing:-.03em;
}

.r26-blog-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:24px;
}

.r26-blog-card{
	display:flex;
	flex-direction:column;
	min-width:0;
	background:#fff;
	border:1px solid var(--line);
	transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease);
}

.r26-blog-card:hover{
	border-color:var(--green);
	transform:translateY(-3px);
	box-shadow:0 24px 36px -30px rgba(20,17,15,.35);
}

.r26-blog-card__media{
	display:flex;
	align-items:center;
	justify-content:center;
	aspect-ratio:4/3;
	padding:20px;
	background:var(--grey-100);
	border-bottom:1px solid var(--grey-200);
	overflow:hidden;
}

.r26-blog-card__media img{
	width:100%;
	height:100%;
	object-fit:contain;
	mix-blend-mode:multiply;
	transition:transform .45s var(--ease);
}

.r26-blog-card:hover .r26-blog-card__media img{
	transform:scale(1.04);
}

.r26-blog-card__body{
	display:flex;
	flex:1;
	flex-direction:column;
	align-items:flex-start;
	gap:10px;
	padding:22px;
}

.r26-blog-card__meta{
	font-family:var(--font-mono);
	font-size:8.5px;
	font-weight:500;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:var(--grey-500);
}

.r26-blog-card__title{
	font-family:var(--font-head);
	font-size:19px;
	font-weight:600;
	line-height:1.25;
	letter-spacing:-.015em;
	color:var(--ink);
}

.r26-blog-card__excerpt{
	font-size:12px;
	line-height:1.6;
	color:var(--grey-600);
}

.r26-blog-card__more{
	margin-top:auto;
	padding-top:12px;
	font-family:var(--font-mono);
	font-size:9px;
	font-weight:500;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:var(--green-dark);
}

/* Pagination -------------------------------------------------------------- */
.r26-blog-pagination{
	margin-top:44px;
}

.r26-blog-pagination .nav-links{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	gap:6px;
}

.r26-blog-pagination .page-numbers{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:38px;
	height:38px;
	padding:0 10px;
	border:1px solid var(--line);
	font-family:var(--font-mono);
	font-size:10px;
	color:var(--ink);
	text-decoration:none;
	transition:border-color .2s,background .2s,color .2s;
}

.r26-blog-pagination .page-numbers:hover,
.r26-blog-pagination .page-numbers.current{
	background:var(--ink);
	border-color:var(--ink);
	color:#fff;
}

.r26-blog-pagination .page-numbers.current{
	background:var(--green);
	border-color:var(--green);
	color:var(--ink);
}

/* Empty state ------------------------------------------------------------- */
.r26-blog-empty{
	max-width:560px;
	padding:56px 0;
}

.r26-blog-empty h2{
	font-family:var(--font-head);
	font-size:32px;
	font-weight:600;
	letter-spacing:-.03em;
	margin-bottom:12px;
}

.r26-blog-empty p{
	font-size:14px;
	line-height:1.7;
	color:var(--grey-600);
	margin-bottom:24px;
}

/* Comments ---------------------------------------------------------------- */
.r26-article__comments .comments-title,
.r26-article__comments .comment-reply-title{
	font-family:var(--font-head);
	font-size:24px;
	font-weight:600;
	letter-spacing:-.02em;
	margin-bottom:20px;
}

.r26-article__comments .comment-list{
	list-style:none;
	padding:0;
	margin:0 0 32px;
}

.r26-article__comments .comment{
	padding:18px 0;
	border-bottom:1px solid var(--line);
}

.r26-article__comments .comment-author{
	display:flex;
	align-items:center;
	gap:10px;
	font-size:13px;
	font-weight:600;
}

.r26-article__comments .comment-meta{
	font-family:var(--font-mono);
	font-size:9px;
	color:var(--grey-500);
	margin-bottom:8px;
}

.r26-article__comments .comment-content p{
	font-size:14px;
	line-height:1.7;
	color:var(--grey-600);
}

.r26-article__comments .comment-form input,
.r26-article__comments .comment-form textarea{
	width:100%;
	padding:11px 12px;
	border:1px solid var(--line);
	background:#fff;
	font-size:14px;
}

.r26-article__comments .comment-form textarea{
	min-height:120px;
}

.r26-article__comments .form-submit .submit{
	display:inline-flex;
	align-items:center;
	height:44px;
	padding:0 18px;
	background:var(--green);
	border:1px solid var(--green);
	font-family:var(--font-mono);
	font-size:10px;
	font-weight:600;
	letter-spacing:.06em;
	text-transform:uppercase;
	cursor:pointer;
}

/* Responsive -------------------------------------------------------------- */
@media (max-width:1100px){
	.r26-blog-hero__grid{
		grid-template-columns:minmax(0,1fr) minmax(240px,.75fr);
		gap:40px;
	}

	.r26-blog-hero__media{
		min-height:240px;
	}

	.r26-blog-hero__media img{
		max-height:280px;
	}

	.r26-blog-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

@media (max-width:760px){
	.r26-blog-hero{
		padding:36px 0 44px;
	}

	.r26-blog-crumbs{
		margin-bottom:28px;
	}

	.r26-blog-hero__grid{
		grid-template-columns:minmax(0,1fr);
		gap:28px;
	}

	.r26-blog-hero__copy h1{
		font-size:clamp(30px,7vw,42px);
	}

	.r26-blog-hero__media{
		min-height:0;
		padding:14px;
	}

	.r26-blog-hero__media img{
		max-height:260px;
	}

	.r26-article{
		padding:44px 0 40px;
	}

	.r26-article__body p,
	.r26-article__body li{
		font-size:15px;
	}

	.r26-article__body h2{
		margin-top:38px;
	}

	.r26-article__body table{
		display:block;
		overflow-x:auto;
		white-space:nowrap;
	}

	.r26-article__cta{
		flex-direction:column;
		align-items:flex-start;
		padding:24px;
	}

	.r26-article__cta-actions{
		width:100%;
	}

	.r26-article__cta-actions .btn{
		flex:1;
		justify-content:center;
	}

	.r26-blog-archive,
	.r26-related-posts{
		padding:44px 0 56px;
	}

	.r26-blog-grid{
		grid-template-columns:minmax(0,1fr);
	}

	.r26-blog-archive__head{
		display:block;
	}
}

@media (max-width:480px){
	.r26-blog-card__body{
		padding:18px;
	}

	.r26-article__share{
		gap:10px;
	}
}