/*
 * Stitch motif — the dashed seam shared by home page designs A and B (07/10).
 *
 * .ba-dash             dashed rule (on <hr> or any block: draws a top seam)
 * .ba-dash.is-light    same, cream, for dark bands
 * .ba-stitched         dashed seam inset inside a box (frames, cards)
 * .ba-stitched.is-light
 * .ba-label            small uppercase label (Bois)
 * .ba-accent           Lora italic 400 inside a bold title; .is-brique = Brique colour
 * .has-ba-accent       same for every <em> of a block (titles typed in the editor)
 */

hr.ba-dash,
.wp-block-separator.ba-dash {
	height: 0;
	margin: 0;
	border: 0;
	border-top: var(--ba-stitch-width) dashed var(--ba-lin);
	background: none;
	opacity: 1;
}

/* Width only, at the weight of core and Kadence `.wp-block-separator:not(.is-style-wide):not(.is-style-dots)`
   (100px / 160px). Kept apart so pages can still set the separator's margins. */
hr.ba-dash,
.wp-block-separator.ba-dash:not(.is-style-wide):not(.is-style-dots) {
	width: 100%;
	max-width: none;
}

.ba-dash:not(hr):not(.wp-block-separator) {
	border-top: var(--ba-stitch-width) dashed var(--ba-lin);
}

.ba-dash.is-light {
	border-top-color: var(--ba-creme);
}

.ba-stitched {
	outline: var(--ba-stitch-width) dashed var(--ba-lin);
	outline-offset: calc(-1 * var(--ba-stitch-inset));
}

.ba-stitched.is-light {
	outline-color: var(--ba-creme);
}

.ba-label,
.ba-label.wp-block-heading {
	margin: 0;
	font-family: var(--ba-font-body);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: var(--ba-tracking-label);
	text-transform: uppercase;
	color: var(--ba-bois);
}

.ba-accent,
.has-ba-accent em {
	font-family: var(--ba-font-heading);
	font-style: italic;
	font-weight: 400;
}

.ba-accent.is-brique,
.has-ba-accent.is-brique em {
	color: var(--ba-brique);
}