/* ── Featured image ───────────────────────────────────────── */

body.single-post .madom-featured-image img {
	aspect-ratio: 188 / 125;
	width: 100%;
	object-fit: cover;
}

/* ── Single post — layout ─────────────────────────────────── */

main {
	margin: 0;
}

.madom-post-grid {
	display: grid !important;
	grid-template-columns: minmax(280px, 1fr) minmax(0, 1024px);
	align-items: start;
	gap: var(--wp--preset--spacing--8);
}

.madom-article-content,
.madom-post-sidebar {
	min-width: 0;
	width: 100%;
}

.madom-article-content {
	background-color: var(--wp--preset--color--white);
	margin: 0;
	padding: var(--wp--preset--spacing--8);
	border-radius: var(--wp--custom--radius--lg);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}


.madom-post-grid .author-card-full {
	margin-block-start: var(--wp--preset--spacing--10);
}

/* ── Post meta ────────────────────────────────────────────── */

.madom-post-meta {
	display: flex;
}

.madom-post-meta > * + * {
	display: flex;
	align-items: center;
}

.madom-post-meta > * + *::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: var(--wp--preset--color--neutral-200);
	margin-inline: 12px;
	flex-shrink: 0;
}

/* ── Sidebar ────────────────────────────────────────────── */
.madom-post-sidebar {
	height: 100%;
}

.madom-post-sidebar .wp-block-template-part:has(> .madom-promo-sidebar) {
	position: sticky;
	top: 10rem;
}

.madom-promo-sidebar--sticky {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	width: 100% !important;
	margin: 0 !important;
	border-radius: 0 !important;
	transform: translateY( 100% );
	transition: transform 0.3s ease;
	padding-bottom: env( safe-area-inset-bottom );
}

.madom-promo-sidebar--sticky.madom-promo-sidebar--visible {
	transform: translateY( 0 );
}

/* ── Comments ─────────────────────────────────────────────── */

.madom-comments .comment-form {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--wp--preset--spacing--8) var(--wp--preset--spacing--6);
}

.madom-comments .comment-form p {
	margin: 0;
}

.madom-comments .comment-form .comment-form-comment, .madom-comments .comment-form .form-submit {
	grid-column: 1/-1;
}

.madom-comments .comment-form-comment textarea {
	resize: vertical;
	overflow-x: hidden;
}

.madom-comments .comment-form .form-submit .wp-element-button {
	width: 100%;
}

.madom-comments .wp-block-comment-template {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--8);
}

.madom-comments .wp-block-comment-content p {
	margin-block: 0;
}

/* ── Sidebar ──────────────────────────────────────────────── */
.madom-promo-sidebar {
	background-image: url("../../../assets/images/background.webp");
}

.madom-promo-sidebar p {
	max-width: 248px;
}

/* ── Related posts ────────────────────────────────────────── */

.madom-related-posts {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--wp--preset--spacing--12) var(--wp--preset--spacing--6);
	list-style: none;
	margin: var(--wp--preset--spacing--10) 0 0 0;
	padding: 0;
}

.madom-related-posts:has(li:nth-child(1):last-child) {
	grid-template-columns: 1fr;
	max-width: 410px;
	margin-inline: auto;
}

.madom-related-posts:has(li:nth-child(2):last-child) {
	grid-template-columns: repeat(2, 1fr);
	max-width: 840px;
	margin-inline: auto;
}

/* ── Responsive ───────────────────────────────────────────── */

@media (width < 1024px) {
	body:has(.madom-toc) .madom-footer__bottom {
		margin-bottom: 56px;
	}

	.has-neutral-50-background-color {
		background-color: var(--wp--preset--color--white) !important;
	}

	.madom-post-grid {
		grid-template-columns: 1fr;
		gap: var(--wp--preset--spacing--6);
	}

	.madom-post-summary {
		margin: 0;
	}

	.madom-article-content {
		box-shadow: none;
		padding: 0;
	}

	.author-card-full {
		grid-row: 3;
	}

	.author-card-full .wp-block-post-author-biography {
		display: none;
	}

	.madom-post-sidebar .author-card {
		display: none;
	}

	.madom-comments-container {
		border-top: 1px solid var(--wp--preset--color--neutral-200);
	}

	.madom-comments-container h2 {
		width: 100%;
		text-align: center;
	}

	.madom-promo-sidebar {
		display: none!important;
	}
}

@media (width < 768px) {
	body:has(.madom-promo-sidebar.madom-promo-sidebar--sticky) .madom-footer__bottom {
		margin-bottom: 112px;
	}

	.madom-post-meta {
		flex-direction: column;
		align-items: flex-start;
	}

	.madom-post-meta > * + *::before {
		display: none;
	}

	.madom-post-sidebar {
		display: flex;
		flex-direction: column;
	}

	.madom-toc {
		display: none;
	}

	.wp-block-madom-breadcrumb {
		order: 2;
		margin-block-start: var(--wp--preset--spacing--6)!important;
	}

	.madom-post-sidebar .wp-block-template-part:has(> .madom-promo-sidebar) {
		position: relative;
		top:0;
		margin-block-start: 0;
	}

	.madom-promo-sidebar {
		display: flex!important;
		margin-block-start: calc(-1*var(--wp--preset--spacing--8));
		width: 100vw;
		margin-inline: calc(50% - 50vw);
		border-radius: 0!important;
	}

	.madom-comments .wp-block-avatar {
		width: 32px;
		height: 32px;
	}

	.madom-comments .comment-form {
		grid-template-columns: 1fr;
		width: 100%;
	}
}

@media (min-width: 601px) and (max-width: 900px) {
	.madom-related-posts {
		grid-template-columns: repeat(2, 1fr);
	}

	.madom-related-posts > *:nth-child(3) {
		display: none;
	}
}

@media (max-width: 600px) {
	.madom-related-posts,
	.madom-related-posts:has(li:nth-child(2):last-child) {
		grid-template-columns: 1fr;
		max-width: none;
		margin-inline: 0;
	}
}