/**
 * Fluxio — comments area (single journal). Loaded with Fluxio theme assets.
 */

.fluxio-comments {
	width: 100%;
	max-width: 66.7%;
	margin-top: var(--_common-spacing---padding--margin--spacing-8xl, 4rem);
	padding-top: var(--_common-spacing---padding--margin--spacing-5xl, 2.5rem);
	border-top: 1px solid var(--_color---accent-color--border, #333);
}

.fluxio-comments-header {
	margin-bottom: var(--_common-spacing---padding--margin--spacing-3xl, 2rem);
}

.fluxio-comments-title {
	margin-bottom: var(--_common-spacing---padding--margin--spacing-sm, 0.75rem);
}

.fluxio-comments .comment-list,
.fluxio-comments .children {
	list-style: none;
	margin: 0;
	padding: 0;
}

.fluxio-comments .children {
	margin-top: var(--_common-spacing---padding--margin--spacing-xl, 1.5rem);
	margin-left: var(--_common-spacing---padding--margin--spacing-3xl, 2rem);
	padding-left: var(--_common-spacing---padding--margin--spacing-lg, 1rem);
	border-left: 1px solid var(--_color---accent-color--border, #333);
}

.fluxio-comment-item {
	margin-bottom: var(--_common-spacing---padding--margin--spacing-3xl, 2rem);
}

.fluxio-comment-article {
	padding: var(--_common-spacing---padding--margin--spacing-xl, 1.5rem);
	border: 1px solid var(--_color---accent-color--border, #333);
	border-radius: var(--_base---bordar-radius--round, 8px);
	background-color: var(--_color---accent-color--dark-shade, #1a1a1a);
}

.fluxio-comment-meta {
	display: flex;
	align-items: center;
	gap: var(--_common-spacing---flex-grid-gap--gap-md, 1rem);
	margin-bottom: var(--_common-spacing---padding--margin--spacing-lg, 1rem);
}

.fluxio-comment-meta-text a {
	color: inherit;
	text-decoration: none;
}

.fluxio-comment-meta-text a:hover {
	opacity: 0.85;
}

.fluxio-comment-content {
	margin-top: var(--_common-spacing---padding--margin--spacing-md, 0.75rem);
}

.fluxio-comment-reply {
	margin-top: var(--_common-spacing---padding--margin--spacing-md, 0.75rem);
}

.fluxio-comment-reply a {
	font-family: var(--_base---font-family--primary, inherit);
	font-size: var(--_base---font-size--font-size-md, 1rem);
	color: var(--_color---accent-color--low-white, #ccc);
	text-decoration: none;
}

.fluxio-comment-reply a:hover {
	color: var(--_color---accent-color--primary, #ed4609);
}

.fluxio-comment-form {
	margin-top: var(--_common-spacing---padding--margin--spacing-5xl, 2.5rem);
	padding-top: var(--_common-spacing---padding--margin--spacing-3xl, 2rem);
	border-top: 1px solid var(--_color---accent-color--border, #333);
}

.fluxio-form-row {
	margin-bottom: var(--_common-spacing---padding--margin--spacing-lg, 1rem);
}

/* Comment form only: square corners; does not affect contact page or footer newsletter. */
.fluxio-comment-form .contact-input,
.fluxio-comment-form textarea.contact-input {
	border-radius: 0;
}

.fluxio-comment-textarea {
	min-height: 140px;
	resize: vertical;
}

.fluxio-comment-submit-wrap {
	margin-top: var(--_common-spacing---padding--margin--spacing-lg, 1rem);
}

.fluxio-comments-reply-title {
	margin-bottom: var(--_common-spacing---padding--margin--spacing-lg, 1rem);
}

/* Gallery segment: block gallery inside image row */
.fluxio-gallery-segment .wp-block-gallery,
.fluxio-gallery-segment .blocks-gallery-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--_common-spacing---padding--margin--spacing-little, 0.75rem);
	margin: 0;
}

.fluxio-gallery-segment .wp-block-image,
.fluxio-gallery-segment figure {
	margin: 0;
	overflow: hidden;
}

.fluxio-gallery-segment img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (max-width: 991px) {
	.fluxio-comments {
		max-width: 100%;
	}

	.fluxio-comments .children {
		margin-left: var(--_common-spacing---padding--margin--spacing-md, 0.75rem);
	}
}