/*
 * Stats-counters component (wp_block 113) — vertical red dividers between
 * the 4 stat columns on desktop/tablet. Hidden at mobile where columns
 * stack vertically (dividers would be ugly horizontal lines).
 */

@media (min-width: 782px) {
	.hitek-stats-counters .wp-block-columns {
		align-items: stretch;
	}

	/* Reserve 3 line-heights for the heading so paragraphs across all 4
	 * columns line up to the same row, even when headings wrap to fewer
	 * lines (e.g. "175+ CLIENTS" wraps to 2). overflow-wrap/word-break
	 * resets are required because an inherited "break-word" was splitting
	 * "ENDPOINTS" mid-word and forcing a 4th line in column 3. */
	.hitek-stats-counters .wp-block-column > h3 {
		min-height: calc(1.1em * 3);
		overflow-wrap: normal;
		word-break: normal;
	}

	.hitek-stats-counters .wp-block-column + .wp-block-column {
		position: relative;
		padding-left: 48px;
	}

	.hitek-stats-counters .wp-block-column:not(:last-child) {
		padding-right: 48px;
	}

	/* Fixed 363px divider anchored 40px above the column top (so ~323px extends
	 * down past the number + paragraph content). Positioned in the middle of
	 * the 48px padding-left gap (so 48px of breathing room on each side). */
	.hitek-stats-counters .wp-block-column + .wp-block-column::before {
		content: "";
		position: absolute;
		left: 0;
		top: -40px;
		width: 1px;
		height: 363px;
		background-color: var(--wp--preset--color--theme-06);
	}
}