/**
 * CNS Blog — single post layout tweaks.
 */

/* Hide the original bottom Categories / Tags block (share row stays). */
.single-post .post-meta-wrapper-main > .post-meta-wrapper {
	display: none !important;
}

/* Same block, tighter spacing under min read / words / views. */
.single-post .cns-post-meta-relocated {
	border-top: 0;
	padding-top: 12px;
	padding-right: 0;
	margin-bottom: 20px;
}

/* Category pills — label/icon sized to match value pills. */
.single-post .cns-post-meta-relocated .cat-links {
	font-size: 16px;
	font-weight: 600;
	align-items: center;
}

.single-post .cns-post-meta-relocated .cat-links > i {
	font-size: 18px;
	line-height: 1;
}

.single-post .cns-post-meta-relocated .cat-links a {
	background: #2e7d32;
	color: #fff;
	padding: 3px 10px;
	border-radius: 20px;
	text-decoration: none;
	display: inline-block;
	margin: 2px 4px;
	font-size: 15px;
}

/* Tag pills — label/icon sized to match value pills. */
.single-post .cns-post-meta-relocated .tag-links {
	font-size: 16px;
	align-items: center;
}

.single-post .cns-post-meta-relocated .tag-links > i {
	font-size: 18px;
	line-height: 1;
}

.single-post .cns-post-meta-relocated .tag-links a {
	background: #e8f5e9;
	color: #2e7d32;
	padding: 3px 10px;
	border-radius: 20px;
	text-decoration: none;
	display: inline-block;
	margin: 2px 4px;
	border: 1px solid #2e7d32;
	font-size: 14px;
}

/*
 * Post title above content headings.
 * Theme: content h1 = 2.125rem / 700; single .entry-title was only 2rem.
 * BuddyBoss Theme Options Custom CSS hides h1.entry-title — force it visible.
 */
body.single-post .entry-header h1.entry-title {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	font-size: 2.125rem;
	line-height: 1.2;
	font-weight: 800;
	letter-spacing: -0.03rem;
	color: #1a1a1a !important;
}

/* Elementor kit sets body color to primary blue (#1087BB). */
body.single-post .entry-content,
body.single-post .entry-content p,
body.single-post .entry-content h2,
body.single-post .entry-content h3,
body.single-post .entry-content h4,
body.single-post .entry-content li,
body.single-post .entry-content span:not(a span) {
	color: #1a1a1a !important;
}

body.single-post .entry-content a,
body.single-post .entry-content a:visited {
	color: #7CAE15 !important;
}

@media (max-width: 543px) {
	.single-post .entry-header .entry-title {
		font-size: 2rem;
		line-height: 1.25;
	}
}

/* Compact Responses / comment box. */
.single-post .comments-area {
	margin-top: 24px;
	margin-bottom: 24px;
}

.single-post .comments-title {
	font-size: 16px;
	margin-bottom: 30px;
}

.single-post .comment-respond {
	margin: 12px 0 16px;
	padding: 16px 18px;
}

.single-post .comment-respond p.logged-in-as,
.single-post .comment-respond p.comment-notes {
	font-size: 14px;
	margin-bottom: 10px;
}

.single-post .comment-respond .comment-form-comment {
	margin-bottom: 10px;
}

.single-post .comment-respond .comment-form textarea {
	max-height: 88px;
	min-height: 72px;
	padding: 10px 12px;
	font-size: 14px;
}

.single-post .comment-respond .form-submit {
	margin-top: 4px;
}

.single-post .comment-respond .form-submit .submit {
	padding: 8px 18px;
	min-height: 0;
	line-height: 1.3;
}

/* Single Blog Post Gallery display size fix (Member Blog Pro gallery field). */
body.single-post .bpmb-custom-field-type-gallery {
	margin-top: 24px;
	margin-bottom: 24px;
}

body.single-post .bpmb-custom-field-type-gallery .bpmb-custom-field-label {
	display: block;
	font-weight: 600;
	font-size: 1.1rem;
	margin-bottom: 12px;
	color: #1a1a1a;
}

body.single-post .bpmb-custom-field-type-gallery .wp-block-gallery,
body.single-post .bpmb-custom-fields-display .bpmb-custom-field-type-gallery .gallery {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 16px !important;
	margin: 0 !important;
	padding: 0 !important;
	height: auto !important;
}

body.single-post .bpmb-custom-field-type-gallery figure.wp-block-image,
body.single-post .bpmb-custom-fields-display .bpmb-custom-field-type-gallery .gallery-item {
	margin: 0 !important;
	max-width: 360px !important;
	width: 100% !important;
	height: auto !important;
	flex: 0 1 360px !important;
	border-radius: 8px !important;
	overflow: hidden !important;
}

body.single-post .bpmb-custom-field-type-gallery figure.wp-block-image img,
body.single-post .bpmb-custom-fields-display .bpmb-custom-field-type-gallery img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: 380px !important;
	object-fit: contain !important;
	border-radius: 8px !important;
	display: block !important;
}