/*
Theme Name: AVT WP Theme Child
Template: AVT_WP_Theme
Author: AVT
Description: Child theme for AVT WP Theme.
Version: 1.0.0
Text Domain: avt-wp-theme-child
*/

/* ===== GENERIC CONTENT POLISH ===== */
.single-post-section {
	padding-top: 56px;
}

.single-post-content-wrap {
	max-width: 980px;
}

.post-featured-media {
	margin-bottom: 28px;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 16px 44px rgba(12, 21, 40, 0.12);
	background: #ffffff;
}

.post-featured-media img {
	width: 100%;
	height: auto;
	max-height: 620px;
	object-fit: cover;
}

.content-prose {
	color: #1e293b;
	font-size: 17px;
	line-height: 1.8;
}

.content-prose > * + * {
	margin-top: 1.15em;
}

.content-prose h2,
.content-prose h3,
.content-prose h4,
.content-prose h5,
.content-prose h6 {
	color: #0f172a;
	line-height: 1.3;
	margin-top: 1.6em;
	margin-bottom: 0.45em;
}

.content-prose p {
	margin: 0;
}

.content-prose a {
	color: #2563eb;
	text-decoration: none;
	transition: color 0.25s ease;
}

.content-prose a:visited {
	color: #2563eb;
}

.content-prose a:hover,
.content-prose a:focus-visible {
	color: #1d4ed8;
}

.content-prose ul,
.content-prose ol {
	margin: 1em 0 1.25em 1.25em;
	padding-left: 0.5em;
}

.content-prose ul {
	list-style: disc;
}

.content-prose ol {
	list-style: decimal;
}

.content-prose li {
	margin-bottom: 0.45em;
}

.content-prose li::marker {
	color: #f97316;
}

.content-prose img {
	width: min(100%, 860px);
	height: auto;
	margin: 1.4em auto;
	border-radius: 14px;
	box-shadow: 0 14px 34px rgba(15, 23, 42, 0.14);
}

.content-prose figure {
	margin: 1.4em 0;
}

.content-prose figure img {
	margin: 0 auto;
}

.content-prose blockquote {
	margin: 1.4em 0;
	padding: 0.9em 1em;
	border-left: 4px solid #f97316;
	background: #fff7ed;
	border-radius: 0 10px 10px 0;
	color: #334155;
}

.content-prose table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.2em 0;
	font-size: 0.95em;
}

.content-prose th,
.content-prose td {
	border: 1px solid #e2e8f0;
	padding: 0.7em 0.8em;
	text-align: left;
}

@media (max-width: 991px) {
	.single-post-content-wrap {
		max-width: 100%;
	}

	.content-prose {
		font-size: 16px;
		line-height: 1.75;
	}
}

@media (max-width: 575px) {
	.single-post-section {
		padding-top: 44px;
	}

	.content-prose ul,
	.content-prose ol {
		margin-left: 1em;
		padding-left: 0.35em;
	}

	.post-featured-media {
		border-radius: 12px;
	}

	.content-prose img {
		border-radius: 10px;
	}
}
