/**
 * Bristle Up Categories — category archive content blocks (v1.13.0)
 *
 * Styling for the Top/Bottom editorial content printed on product_cat archives
 * by class-frontend-content.php. Geometry taken from
 * specs\SPEC-004-category-page-content-placement-mockup.html.
 *
 * Deliberately a SEPARATE stylesheet, not an addition to frontend.css: that file
 * belongs to the menu and stays byte-identical to the v1.9.2 baseline. This one
 * is only enqueued on a category archive that actually has content to show.
 *
 * Intentionally light-touch. These blocks sit inside Flatsome's layout, so they
 * inherit the theme's typography rather than fighting it — only spacing, width
 * and the divider are set here.
 */

.bristle-cats-cat-content {
	max-width: 820px;
}

/* Under the category title, above the results bar. */
.bristle-cats-cat-content-top {
	margin: 6px 0 22px;
}

/*
 * After pagination. The thin divider is the mockup's separator between the pager
 * and the copy — and because it lives on this wrapper, and the wrapper is only
 * printed when there IS bottom content, an empty category can never end up with
 * a stray rule across the page (D5).
 */
.bristle-cats-cat-content-bottom {
	margin: 30px 0 6px;
	padding-top: 24px;
	border-top: 1px solid #e6e6e8;
}

.bristle-cats-cat-content p {
	margin: 0.55em 0;
}

.bristle-cats-cat-content ul,
.bristle-cats-cat-content ol {
	margin: 0.5em 0 0.5em 1.3em;
}

.bristle-cats-cat-content h2 {
	margin: 0.2em 0 0.4em;
}

.bristle-cats-cat-content h3 {
	margin: 0.6em 0 0.3em;
}

.bristle-cats-cat-content > *:first-child {
	margin-top: 0;
}

.bristle-cats-cat-content > *:last-child {
	margin-bottom: 0;
}

.bristle-cats-cat-content img {
	max-width: 100%;
	height: auto;
}

/*
 * v1.15.0 — the page heading.
 *
 * Deliberately minimal: this sits where Flatsome's own category title used to,
 * so it should inherit the theme's heading typography rather than impose its
 * own. Only spacing is set.
 */
.bristle-cats-cat-h1 {
	margin: 0 0 8px;
}