.malabar-blog {
	--malabar-ink: var(--e-global-color-primary, #030c0c);
	--malabar-deep: var(--e-global-color-secondary, #113d3c);
	--malabar-text: var(--e-global-color-text, #6c7675);
	--malabar-green: var(--e-global-color-accent, #3ab449);
	--malabar-mint: var(--e-global-color-e59945a, #51bea8);
	--malabar-soft: var(--e-global-color-b300ef1, #d5e9e8);
	--malabar-panel: var(--e-global-color-0ad7bc7, #e8efef);
	--malabar-white: var(--e-global-color-33ae911, #ffffff);
	--malabar-heading-font: var(--e-global-typography-58b3f9b-font-family, "Outfit"), sans-serif;
	--malabar-body-font: var(--e-global-typography-5f63ae7-font-family, "Jost"), sans-serif;
	background: var(--malabar-white);
	color: var(--malabar-text);
	font-family: var(--malabar-body-font);
}

.malabar-blog a {
	color: inherit;
	text-decoration: none;
}

.malabar-blog-shell {
	margin-inline: auto;
	max-width: 1140px;
	padding-inline: 20px;
	width: 100%;
}

.malabar-blog-hero,
.malabar-single-hero {
	background:
		linear-gradient(135deg, rgba(17, 61, 60, 0.92), rgba(3, 12, 12, 0.9)),
		url("../../../uploads/2026/10/image-20.jpg") center / cover no-repeat;
	color: var(--malabar-white);
	position: relative;
}

.malabar-blog-hero__inner,
.malabar-single-hero__inner {
	padding-block: clamp(56px, 8vw, 96px);
	text-align: center;
}

.malabar-blog-eyebrow {
	color: var(--malabar-mint);
	font-family: var(--malabar-body-font);
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1;
	margin: 0 0 16px;
	text-transform: uppercase;
}

.malabar-blog h1,
.malabar-blog h2,
.malabar-blog h3 {
	color: inherit;
	font-family: var(--malabar-heading-font);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.18;
	margin: 0;
}

.malabar-blog h1 {
	font-size: clamp(2rem, 7vw, 3.3rem);
}

.malabar-blog-hero__copy,
.malabar-single-hero__copy {
	color: rgba(255, 255, 255, 0.82);
	font-size: clamp(1rem, 2vw, 1.125rem);
	line-height: 1.7;
	margin: 22px auto 0;
	max-width: 720px;
}

.malabar-blog-section,
.malabar-single-section {
	padding-block: clamp(72px, 10vw, 120px);
}

.malabar-single-section {
	padding-block: clamp(32px, 5vw, 56px) clamp(72px, 10vw, 120px);
}

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

body .malabar-blog .malabar-blog-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.malabar-post-card {
	background: var(--malabar-panel);
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.malabar-post-card:focus-within,
.malabar-post-card:hover {
	box-shadow: 0 24px 60px rgba(3, 12, 12, 0.1);
	transform: translateY(-4px);
}

.malabar-post-card__media {
	aspect-ratio: 1.42;
	background: var(--malabar-soft);
	display: block;
	overflow: hidden;
}

.malabar-post-card__media img,
.malabar-single-media img {
	border-radius: inherit;
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

body .malabar-blog .malabar-single-media .wp-post-image {
	max-height: none;
}

.malabar-post-card__placeholder {
	background:
		radial-gradient(circle at 30% 20%, rgba(81, 190, 168, 0.55), transparent 34%),
		linear-gradient(135deg, var(--malabar-deep), var(--malabar-soft));
	display: block;
	height: 100%;
	width: 100%;
}

body .malabar-blog .malabar-post-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 12px;
	padding: 30px;
}

.malabar-post-meta {
	align-items: center;
	color: var(--malabar-mint);
	display: flex;
	flex-wrap: wrap;
	font-size: 0.78rem;
	font-weight: 500;
	gap: 10px;
	letter-spacing: 0.05em;
	line-height: 1.2;
	text-transform: uppercase;
}

.malabar-post-meta span::before {
	content: "";
	background: currentColor;
	border-radius: 99px;
	display: inline-block;
	height: 4px;
	margin: 0 10px 2px 0;
	width: 4px;
}

body .malabar-blog .malabar-post-card__title {
	color: var(--malabar-ink);
	font-size: clamp(1.2rem, 1.7vw, 1.45rem);
	line-height: 1.22;
}

body .malabar-blog .malabar-post-card__title a:focus-visible,
body .malabar-blog .malabar-post-card__title a:hover {
	color: var(--malabar-green);
}

.malabar-post-card__excerpt {
	color: var(--malabar-text);
	font-size: 0.95rem;
	line-height: 1.65;
}

.malabar-post-card__excerpt p {
	margin: 0;
}

.malabar-blog-link {
	align-items: center;
	color: var(--malabar-green);
	display: inline-flex;
	font-family: var(--malabar-heading-font);
	font-weight: 500;
	gap: 8px;
	margin-top: auto;
	width: fit-content;
}

.malabar-blog-link::after {
	content: "";
	border-right: 2px solid currentColor;
	border-top: 2px solid currentColor;
	height: 8px;
	transform: rotate(45deg);
	transition: transform 180ms ease;
	width: 8px;
}

.malabar-blog-link:focus-visible,
.malabar-blog-link:hover {
	color: var(--malabar-ink);
}

.malabar-blog-link:focus-visible::after,
.malabar-blog-link:hover::after {
	transform: translateX(4px) rotate(45deg);
}

.malabar-blog-pagination {
	margin-top: 48px;
}

.malabar-blog-pagination ul {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.malabar-blog-pagination a,
.malabar-blog-pagination span {
	align-items: center;
	background: var(--malabar-panel);
	border-radius: 99px;
	color: var(--malabar-ink);
	display: inline-flex;
	font-weight: 500;
	justify-content: center;
	min-height: 44px;
	min-width: 44px;
	padding: 10px 16px;
}

.malabar-blog-pagination a:focus-visible,
.malabar-blog-pagination a:hover,
.malabar-blog-pagination .current {
	background: var(--malabar-green);
	color: var(--malabar-white);
}

.malabar-blog-empty {
	background: var(--malabar-panel);
	border-radius: 15px;
	margin-inline: auto;
	max-width: 760px;
	padding: clamp(32px, 6vw, 60px);
	text-align: center;
}

.malabar-blog-empty h2 {
	color: var(--malabar-ink);
	font-size: clamp(1.75rem, 4vw, 2.5rem);
	margin-bottom: 16px;
}

.malabar-blog-empty p:last-child {
	margin-bottom: 0;
}

.malabar-single-hero__inner {
	max-width: 920px;
}

.malabar-single-hero__back {
	margin: 0 auto 32px;
}

.malabar-post-meta--hero {
	justify-content: center;
	margin-bottom: 18px;
}

.malabar-single-media {
	aspect-ratio: 1.95;
	border-radius: 15px;
	margin-top: -64px;
	max-width: 1140px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.malabar-single-layout {
	align-items: start;
	display: grid;
	gap: clamp(32px, 6vw, 70px);
	grid-template-columns: minmax(0, 1fr) 340px;
}

.malabar-single-content {
	color: var(--malabar-text);
	font-size: 1rem;
	line-height: 1.3;
}

.malabar-single-content > *:first-child {
	margin-top: 0;
}

.malabar-single-content h2,
.malabar-single-content h3,
.malabar-single-content h4 {
	color: var(--malabar-ink);
	margin: 1.8em 0 0.7em;
}

.malabar-single-content h2 {
	font-size: clamp(1.75rem, 4vw, 2.5rem);
}

.malabar-single-content h3 {
	font-size: clamp(1.35rem, 3vw, 2rem);
}

.malabar-single-content p,
.malabar-single-content ul,
.malabar-single-content ol {
	margin: 0 0 1.25em;
}

.malabar-single-content a {
	color: var(--malabar-green);
	font-weight: 500;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.malabar-single-content img {
	border-radius: 15px;
	height: auto;
	margin-block: 16px;
	max-width: 100%;
}

.malabar-single-aside {
	background: var(--malabar-deep);
	border-radius: 15px;
	color: rgba(255, 255, 255, 0.78);
	padding: 34px;
	position: sticky;
	top: 32px;
}

body .malabar-blog .malabar-single-aside h2 {
	color: var(--malabar-white);
	font-size: 1.55rem;
	margin-bottom: 14px;
}

body .malabar-blog .malabar-single-aside p {
	color: rgba(255, 255, 255, 0.78);
	line-height: 1.65;
	margin: 0 0 24px;
}

.malabar-blog-button {
	background: var(--malabar-white);
	border-radius: 99px;
	color: var(--malabar-ink);
	display: inline-flex;
	font-family: var(--malabar-heading-font);
	font-weight: 500;
	padding: 14px 24px;
}

body .malabar-blog .malabar-single-aside .malabar-blog-button {
	color: var(--malabar-ink);
	min-width: 156px;
	justify-content: center;
}

body .malabar-blog .malabar-blog-button:focus-visible,
body .malabar-blog .malabar-blog-button:hover {
	background: var(--malabar-green);
	color: var(--malabar-white);
}

.malabar-comments-section {
	background: var(--malabar-panel);
	padding-block: clamp(56px, 8vw, 90px);
}

.malabar-comments-section .comments-area {
	background: var(--malabar-white);
	border-radius: 15px;
	margin-inline: auto;
	max-width: 860px;
	padding: clamp(28px, 5vw, 52px);
}

.malabar-comments-section .title-comments,
.malabar-comments-section .comment-reply-title {
	color: var(--malabar-ink);
	font-family: var(--malabar-heading-font);
	font-size: clamp(1.6rem, 3.5vw, 2.25rem);
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 24px;
}

.malabar-comments-section .comment-list {
	display: grid;
	gap: 18px;
	list-style: none;
	margin: 0 0 42px;
	padding: 0;
}

.malabar-comments-section .comment-list .children {
	list-style: none;
	margin: 18px 0 0 24px;
	padding: 0;
}

.malabar-comments-section .comment-body {
	background: var(--malabar-panel);
	border-radius: 15px;
	color: var(--malabar-text);
	line-height: 1.65;
	padding: 24px;
}

.malabar-comments-section .comment-meta {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 14px;
}

.malabar-comments-section .comment-author {
	align-items: center;
	display: flex;
	gap: 12px;
}

.malabar-comments-section .comment-author .avatar {
	border-radius: 99px;
	display: block;
}

.malabar-comments-section .comment-author .fn,
.malabar-comments-section .comment-author .says {
	color: var(--malabar-ink);
	font-family: var(--malabar-heading-font);
	font-style: normal;
	font-weight: 500;
}

.malabar-comments-section .comment-metadata,
.malabar-comments-section .comment-metadata a {
	color: var(--malabar-text);
	font-size: 0.85rem;
}

.malabar-comments-section .comment-content p:last-child,
.malabar-comments-section .comment-body > p:last-child {
	margin-bottom: 0;
}

.malabar-comments-section .reply {
	margin-top: 16px;
}

.malabar-comments-section .comment-reply-link,
.malabar-comments-section .comment-edit-link,
.malabar-comments-section .logged-in-as a {
	color: var(--malabar-green);
	font-family: var(--malabar-heading-font);
	font-weight: 500;
}

.malabar-comments-section .comment-reply-link:hover,
.malabar-comments-section .comment-reply-link:focus-visible,
.malabar-comments-section .comment-edit-link:hover,
.malabar-comments-section .comment-edit-link:focus-visible,
.malabar-comments-section .logged-in-as a:hover,
.malabar-comments-section .logged-in-as a:focus-visible {
	color: var(--malabar-ink);
}

.malabar-comments-section .comment-respond {
	padding-top: 0;
}

.malabar-comments-section .comment-notes,
.malabar-comments-section .logged-in-as {
	color: var(--malabar-text);
	line-height: 1.6;
	margin: 0 0 22px;
}

.malabar-comments-section .comment-form {
	display: grid;
	gap: 18px;
}

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

.malabar-comments-section .comment-form label {
	color: var(--malabar-ink);
	display: block;
	font-family: var(--malabar-heading-font);
	font-weight: 500;
	margin-bottom: 8px;
}

.malabar-comments-section .comment-form input:not([type="checkbox"]):not([type="submit"]),
.malabar-comments-section .comment-form textarea {
	background: var(--malabar-white);
	border: 1px solid var(--malabar-soft);
	border-radius: 15px;
	color: var(--malabar-ink);
	font-family: var(--malabar-body-font);
	line-height: 1.5;
	padding: 14px 16px;
	width: 100%;
}

.malabar-comments-section .comment-form textarea {
	min-height: 150px;
	resize: none;
}

.malabar-comments-section .comment-form input:focus,
.malabar-comments-section .comment-form textarea:focus {
	border-color: var(--malabar-green);
	outline: 2px solid rgba(58, 180, 73, 0.25);
	outline-offset: 2px;
}

.malabar-comments-section .comment-form-cookies-consent {
	align-items: flex-start;
	display: flex;
	gap: 10px;
}

.malabar-comments-section .comment-form-cookies-consent label {
	color: var(--malabar-text);
	font-family: var(--malabar-body-font);
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
}

.malabar-comments-section .form-submit .submit {
	background: var(--malabar-green);
	border: 0;
	border-radius: 99px;
	color: var(--malabar-white);
	cursor: pointer;
	font-family: var(--malabar-heading-font);
	font-weight: 500;
	min-height: 48px;
	padding: 14px 26px;
}

.malabar-comments-section .form-submit .submit:hover,
.malabar-comments-section .form-submit .submit:focus-visible {
	background: var(--malabar-ink);
}

.malabar-single-nav {
	border-top: 1px solid var(--malabar-soft);
	display: flex;
	gap: 20px;
	justify-content: space-between;
	display:none;
	padding-block: 34px 80px;
}

.malabar-single-nav a {
	color: var(--malabar-green);
	font-family: var(--malabar-heading-font);
	font-weight: 500;
}

.malabar-single-nav a:focus-visible,
.malabar-single-nav a:hover {
	color: var(--malabar-ink);
}

.malabar-blog a:focus-visible {
	border-radius: 4px;
	outline: 2px solid var(--malabar-green);
	outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
	.malabar-post-card,
	.malabar-blog-link::after {
		transition: none;
	}
}

@media (max-width: 1024px) {
	.malabar-single-layout {
		grid-template-columns: 1fr;
	}

	.malabar-single-aside {
		position: static;
	}
}

@media (max-width: 900px) {
	body .malabar-blog .malabar-blog-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.malabar-blog-shell {
		padding-inline: 16px;
	}

	.malabar-blog-hero__inner,
	.malabar-single-hero__inner {
		padding-block: 52px;
	}

	body .malabar-blog .malabar-blog-grid {
		grid-template-columns: 1fr;
	}

	.malabar-post-card__body,
	.malabar-single-aside {
		padding: 28px;
	}

	.malabar-single-media {
		aspect-ratio: 1.35;
		border-radius: 0;
		margin-top: 0;
		padding-inline: 0;
	}

	.malabar-single-nav {
		align-items: flex-start;
		flex-direction: column;
	}
}