/**
 * Single Post Page — Figma node 552:7782
 *
 * @package Irritech
 */

body.single-post .site-main {
	padding-block: 0;
}

.post-single {
	padding-block: 40px 120px;
	background-color: var(--color-background);
}

.post-single__inner {
	display: flex;
	flex-direction: column;
	gap: 64px;
}

/* Breadcrumb */
.post-single__breadcrumb-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin: 0;
	padding: 0 0 16px 2px;
	list-style: none;
}

.post-single__breadcrumb-item {
	display: flex;
	align-items: center;
}

.post-single__breadcrumb-link,
.post-single__breadcrumb-current {
	display: inline-flex;
	padding-block: 6px;
	font-family: var(--font-family-heading);
	font-size: 1rem;
	line-height: 1.5;
	color: #222a2e;
	text-decoration: none;
}

.post-single__breadcrumb-link:hover,
.post-single__breadcrumb-link:focus-visible {
	text-decoration: underline;
}

.post-single__breadcrumb-current {
	font-weight: 600;
}

.post-single__breadcrumb-separator {
	display: flex;
	align-items: center;
}

.post-single__breadcrumb-separator img {
	display: block;
	width: 8px;
	height: 8px;
}

/* Layout */
.post-single__layout {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	gap: 48px;
	align-items: start;
}

/* Header */
.post-single__header {
	display: flex;
	flex-direction: column;
	gap: 14.8px;
}

.post-single__badge {
	display: inline-flex;
	align-self: flex-start;
	padding: 4px 12px;
	font-family: var(--font-family-heading);
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.43;
	color: #222a2e;
	background-color: #dfeb38;
	border-radius: 8px;
}

.post-single__title {
	margin: 0;
	font-family: var(--font-family-heading);
	font-size: clamp(2rem, 4vw, 3.5rem);
	font-weight: 700;
	line-height: 1.14;
	color: #222a2e;
}

.post-single__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	align-items: center;
	padding-block: 34.2px 25px;
	border-block: 1px solid rgba(191, 201, 191, 0.3);
}

.post-single__meta-item {
	display: flex;
	gap: 16px;
	align-items: center;
	padding: 16px 8px;
}

.post-single__meta-avatar {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	object-fit: cover;
	border-radius: 9999px;
	background-color: #e7e8e9;
}

.post-single__meta-content {
	display: flex;
	flex-direction: column;
}

.post-single__meta-label {
	font-family: var(--font-family-heading);
	font-size: 1rem;
	line-height: 1.5;
	color: #222a2e;
}

.post-single__meta-name {
	font-family: var(--font-family-heading);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5;
	color: #222a2e;
}

.post-single__meta-divider {
	flex-shrink: 0;
	width: 1px;
	height: 32px;
	background-color: rgba(191, 201, 191, 0.5);
}

.post-single__meta-dates {
	flex: 1 1 auto;
	min-width: 0;
}

.post-single__meta-dates p {
	margin: 0;
	font-family: var(--font-family-heading);
	font-size: 0.875rem;
	line-height: 1.43;
	color: #222a2e;
}

/* Featured image */
.post-single__figure, .post-single__content figure {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0;
	overflow: hidden;
	border-radius: 8px;
}

.post-single__figure-image {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.post-single__figure-caption, .post-single__content figure figcaption {
	margin: 0;
	font-family: var(--font-family-base);
	font-size: 0.875rem;
	font-style: italic;
	line-height: 1.43;
	color: #404942;
	text-align: center;
}

/* Content */
.post-single__main {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.post-single__content {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding-block: 8px 16px;
}

.post-single__content p {
	margin: 0;
	font-family: var(--font-family-heading);
	font-size: 1rem;
	line-height: 1.5;
	color: #222a2e;
}

.post-single__lead {
	font-size: 1.125rem !important;
	font-weight: 500;
	line-height: 1.33 !important;
	color: #344c33 !important;
}

.post-single__heading, .post-single__content h2 {
	margin: 0;
	padding-top: 24px;
	font-family: var(--font-family-heading);
	font-size: clamp(1.25rem, 2.5vw, 1.5rem);
	font-weight: 600;
	line-height: 1.17;
	color: #222a2e;
}

.post-single__content figure {
    width: 100% !important;
}

.post-single__quote, .post-single__content blockquote {
	margin: 0;
	padding: 32px 32px 32px 36px;
	background-color: #fbfdec;
	border-left: 4px solid #022103;
	border-radius: 0 8px 8px 0;
}

.post-single__quote p, .post-single__content blockquote p {
	margin: 0;
	font-family: var(--font-family-heading);
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.33;
	color: #1a1c1a;
}

.post-single__benefits, .post-single__content ul {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0;
	padding: 8px 0 0;
	list-style: none;
}

.post-single__benefits-item, .post-single__content ul li {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	font-family: var(--font-family-heading);
	font-size: 1rem;
	line-height: 1.5;
	color: #222a2e;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M8.6 14.6L15.65 7.55L14.25 6.15L8.6 11.8L5.75 8.95L4.35 10.35L8.6 14.6ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z" fill="%2300341C"/></svg>') no-repeat;
	background-size: 20px 20px;
	background-position: 0 0;
	padding-left: 32px;
}

.post-single__benefits-icon {
	flex-shrink: 0;
	width: 20px;
	height: 24px;
}

.post-single__benefits-item strong {
	font-weight: 600;
}

.post-single__inline-image {
	display: block;
	width: 100%;
	aspect-ratio: 816 / 445;
	object-fit: cover;
	border-radius: 8px;
	box-shadow:
		0 10px 15px -3px rgba(0, 0, 0, 0.1),
		0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

/* Footer */
.post-single__footer {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	align-items: center;
	justify-content: space-between;
	padding-top: 33px;
	border-top: 1px solid rgba(191, 201, 191, 0.3);
}

.post-single__share {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	align-items: center;
}

.post-single__share-label {
	font-family: var(--font-family-heading);
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.33;
	color: #222a2e;
}

.post-single__share-actions {
	display: flex;
	gap: 8px;
}

.post-single__share-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	background-color: #f5f5f5;
	border: 0;
	border-radius: 12px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.post-single__share-btn:hover,
.post-single__share-btn:focus-visible {
	background-color: #ebebeb;
}

.post-single__share-btn img {
	display: block;
	width: 24px;
	height: 24px;
}

.post-single__copy-notice {
	font-family: var(--font-family-heading);
	font-size: 0.875rem;
	line-height: 1.43;
	color: #306900;
}

.post-single__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.post-single__tag {
	display: inline-flex;
	padding: 4px 12px;
	font-family: var(--font-family-heading);
	font-size: 0.875rem;
	line-height: 1.43;
	color: #5d6366;
	background-color: #f5f5f5;
	border-radius: 12px;
}

/* Sidebar */
.post-single__sidebar {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.post-single__sidebar-title {
	position: relative;
	margin: 0 0 24px;
	padding-left: 32px;
	font-family: var(--font-family-heading);
	font-size: clamp(1.25rem, 2.5vw, 1.5rem);
	font-weight: 600;
	line-height: 1.17;
	color: #222a2e;
}

.post-single__sidebar-title::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 32px;
	height: 2px;
	background-color: #00341c;
	transform: translateY(-50%);
}

.post-single__related-list {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding-bottom: 24px;
}

.post-single__related-card {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	text-decoration: none;
}

.post-single__related-card:hover .post-single__related-title,
.post-single__related-card:focus-visible .post-single__related-title {
	color: #344c33;
}

.post-single__related-image {
	flex-shrink: 0;
	width: 96px;
	height: 96px;
	object-fit: cover;
	border-radius: 4px;
	background-color: #e2e3df;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.post-single__related-content {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.post-single__related-category {
	font-family: var(--font-family-heading);
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.43;
	color: #306900;
}

.post-single__related-title {
	font-family: var(--font-family-heading);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5;
	color: #222a2e;
	transition: color 0.2s ease;
}

.post-single__related-date {
	font-family: var(--font-family-base);
	font-size: 0.75rem;
	line-height: 1.33;
	color: #404942;
}

/* CTA */
.post-single__cta {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 31px 32px 32px;
	background-color: #022103;
	border-radius: 8px;
}

.post-single__cta-title {
	margin: 0;
	font-family: var(--font-family-heading);
	font-size: clamp(1.375rem, 2.5vw, 1.625rem);
	font-weight: 700;
	line-height: 1.23;
	color: #f7f7f7;
}

.post-single__cta-text {
	margin: 0;
	padding-bottom: 8px;
	font-family: var(--font-family-heading);
	font-size: 1rem;
	line-height: 1.5;
	color: rgba(247, 247, 247, 0.9);
}

.post-single__cta-btn {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 16px 32px;
	font-family: var(--font-family-heading);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5;
	color: #1d2529;
	text-decoration: none;
	background-color: #dfeb38;
	border-radius: 8px;
	transition: background-color 0.2s ease;
}

.post-single__cta-btn:hover,
.post-single__cta-btn:focus-visible {
	background-color: #d4e030;
}

.post-single__cta-btn img {
	display: block;
	width: 24px;
	height: 24px;
}

/* Responsive */
@media (max-width: 1024px) {
	.post-single__layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.post-single__sidebar {
		order: 2;
	}
}

@media (max-width: 768px) {
	.post-single {
		padding-block: 24px 80px;
	}

	.post-single__inner {
		gap: 40px;
	}

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

	.post-single__meta-divider {
		display: none;
	}

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