/* BJC Content Sections base styles — v0.5.3 */

.bjc-cs-section {
	--bjc-cs-gap: clamp(2rem, 5vw, 5rem);
	--bjc-cs-padding: clamp(2rem, 5vw, 4.5rem);
	--bjc-cs-accent: var(--e-global-color-accent, #2f6f55);
	--bjc-cs-button-text: #fff;
	width: 100%;
	background: transparent;
}

.bjc-cs-inner {
	width: 100%;
	padding-block: var(--bjc-cs-padding);
}

.bjc-cs-media,
.bjc-cs-content {
	min-width: 0;
}

.bjc-cs-media > img {
	display: block;
	width: 100%;
	height: auto;
}

.bjc-cs-heading {
	margin-top: 0;
	color: var(--e-global-color-text, #222222);
}

.bjc-cs-body {
	color: var(--e-global-color-text, #333333);
}

.bjc-cs-body > :first-child {
	margin-top: 0;
}

.bjc-cs-body > :last-child {
	margin-bottom: 0;
}

.bjc-cs-actions {
	margin-top: 1.75rem;
	margin-bottom: .25rem;
}

.bjc-cs-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.bjc-cs-button {
	min-height: 42px;
	padding: .72rem 1.15rem;
	border: 1px solid currentColor;
	border-radius: 6px;
	font-weight: 600;
	line-height: 1;
	transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.bjc-cs-button:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0,0,0,.10); }

.bjc-cs-button-preview { cursor: default; opacity: .9; }

.bjc-cs-embed { width: 100%; }

.bjc-cs-embed > iframe,
.bjc-cs-embed > video { width: 100%; max-width: 100%; }

.bjc-cs-button {
	gap: .45rem;
}

.bjc-cs-button-filled,
.bjc-cs-button-pill {
	background: var(--bjc-cs-accent);
	border-color: var(--bjc-cs-accent);
	color: var(--bjc-cs-button-text);
}

.bjc-cs-button-outline {
	background: transparent;
	border-color: var(--bjc-cs-accent);
	color: var(--bjc-cs-accent);
}

.bjc-cs-button-soft {
	background: color-mix(in srgb, var(--bjc-cs-accent) 14%, transparent);
	border-color: transparent;
	color: var(--bjc-cs-accent);
}

.bjc-cs-button-pill { border-radius: 999px; padding-inline: 1.45rem; }

.bjc-cs-button-text {
	min-height: 0;
	padding: .3rem 0;
	background: transparent;
	border-color: transparent;
	border-radius: 0;
	color: var(--bjc-cs-accent);
	box-shadow: none;
}

.bjc-cs-button-text:hover { box-shadow: none; transform: none; }

.bjc-cs-button-text span { transition: transform .18s ease; }

.bjc-cs-button-text:hover span { transform: translateX(3px); }

.bjc-cs-text-link {
	display:inline-flex;
	align-items:center;
	gap:.35rem;
	color:var(--bjc-cs-accent);
	font-weight:700;
	text-decoration:none;
}
.bjc-cs-link-preview { cursor:default; }