/* Shared editor/front-end additions for server-rendered Apex blocks. */

.apex-dynamic-block-editor {
	min-height: 5rem;
	border: 1px dashed rgba(18, 88, 214, 0.35);
}

.apex-dynamic-block-editor > .components-placeholder {
	margin: 0;
}

.apex-block-editor-notice {
	padding: 1rem 1.25rem;
	color: #11151c;
	background: #f4f3ee;
	border-left: 4px solid #1258d6;
}

.apex-block-editor-notice p {
	margin: 0;
}

.apex-programme-band__content {
	display: grid;
	gap: 1.5rem;
}

.apex-programme-band__content .apex-prose,
.apex-programme-band__content .apex-prose > :first-child {
	margin-top: 0;
}

.apex-programme-band__media {
	margin: 0;
	overflow: hidden;
}

.apex-programme-band__media img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 28rem;
	object-fit: cover;
}

.apex-programme-band__riders,
.apex-programme-band__partners {
	margin-top: clamp(2.5rem, 6vw, 5rem);
}

.apex-block-team-stats {
	padding-bottom: clamp(3rem, 7vw, 7rem);
	background: #f4f3ee;
}

.apex-block-team-stats .apex-stat-row {
	margin-top: 0;
}

.apex-block-rider-facts {
	container-type: inline-size;
}

.apex-block-rider-facts > .apex-shell {
	display: block;
	align-items: start;
	max-width: 58rem;
}

.apex-rider-biography > .apex-shell {
	max-width: 70rem;
}

@container (max-width: 30rem) {
	.apex-block-rider-facts .apex-rider-profile__portrait { width: 100%; }
}

@media (min-width: 901px) {
	.apex-rider-managed-layout:has(> .apex-block-rider-facts + .apex-rider-biography) {
		--apex-managed-shell: min(calc(100% - (2 * var(--apex-gutter, 1rem))), var(--apex-shell, 1440px));
		--apex-managed-overview-gap: clamp(2.5rem, 5vw, 6rem);

		display: grid;
		grid-template-columns:
			calc((100% - var(--apex-managed-shell)) / 2)
			minmax(18rem, 0.48fr)
			var(--apex-managed-overview-gap)
			minmax(0, 0.52fr)
			calc((100% - var(--apex-managed-shell)) / 2);
	}

	.apex-rider-managed-layout:has(> .apex-block-rider-facts + .apex-rider-biography) > * {
		grid-column: 1 / -1;
		min-width: 0;
	}

	.apex-rider-managed-layout > .apex-block-rider-facts:has(+ .apex-rider-biography) {
		grid-column: 2;
	}

	.apex-rider-managed-layout > .apex-block-rider-facts + .apex-rider-biography {
		grid-column: 4;
	}

	.apex-rider-managed-layout > .apex-block-rider-facts:has(+ .apex-rider-biography) > .apex-shell,
	.apex-rider-managed-layout > .apex-block-rider-facts + .apex-rider-biography > .apex-shell {
		width: 100%;
		max-width: none;
		margin-inline: 0;
	}
}

.apex-programme-band__riders > h3,
.apex-programme-band__partners > h3 {
	margin-bottom: 1.5rem;
}

.apex-block-programme .apex-rider-card {
	color: #11151c;
}

.apex-block-surface--dark {
	color: #f4f3ee;
	background: #07101e;
}

.apex-block-surface--light {
	color: #11151c;
	background: #f4f3ee;
}

.apex-team-manifesto .apex-team-manifesto__number,
.apex-cta .apex-cta__ghost {
	margin: 0;
}

.apex-team-manifesto .apex-team-manifesto__media {
	margin: 0;
}

.apex-team-manifesto .wp-block-cover__inner-container:empty {
	display: none;
}

.apex-cta .wp-block-buttons {
	position: relative;
	z-index: 1;
	margin: 0;
}

.apex-cta .wp-block-button__link {
	padding: 0.9rem 1.35rem;
	color: #090b0f;
	background: #31d7f2;
	border-radius: 0;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.editor-styles-wrapper .apex-dynamic-block-editor .apex-section,
.editor-styles-wrapper .apex-dynamic-block-editor .apex-programme-band,
.editor-styles-wrapper .apex-dynamic-block-editor .apex-partner-band,
.editor-styles-wrapper .apex-dynamic-block-editor .apex-home-race {
	margin-block: 0;
}

@media (max-width: 760px) {
	.apex-programme-band__grid {
		grid-template-columns: 1fr;
	}
}