/**
 * Speechaid repeater templates — visual styling for the four
 * [speechaid_repeater_list] templates: cards / numbered_steps / checklist /
 * priced_options. Mirrors the daycare-template Spectra (UAGB) layout the
 * original pages were built with so the operator's add/remove/reorder
 * actions surface immediately on the live site without breaking visuals.
 */

.speechaid-repeater {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.speechaid-editable--repeater {
	width: 100%;
}

/* ─── cards (Why-Us values, services why-us, services preview) ─── */
.speechaid-repeater--cards {
	display: grid;
	grid-template-columns: repeat( 4, minmax( 0, 1fr ) );
	gap: 24px;
}
@media ( max-width: 991px ) {
	.speechaid-repeater--cards { grid-template-columns: repeat( 2, 1fr ); }
}
@media ( max-width: 600px ) {
	.speechaid-repeater--cards { grid-template-columns: 1fr; }
}
.speechaid-repeater__card {
	background: #fff;
	border-radius: 18px;
	padding: 32px 24px;
	border: 1px solid var( --speechaid-color-secondary, #8ae0e5 );
	display: flex;
	flex-direction: column;
	gap: 16px;
	text-align: center;
	align-items: center;
}
.speechaid-repeater__card-icon {
	font-size: 44px;
	line-height: 1;
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var( --speechaid-color-section-alt-bg, #f6fdfe );
	color: var( --speechaid-color-primary, #1c92d2 );
	margin-bottom: 4px;
}
.speechaid-repeater__card-name {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	color: var( --speechaid-color-heading, #2f3c4c ) !important;
	font-family: var( --speechaid-font-heading, 'Be Vietnam Pro' ), sans-serif !important;
}
.speechaid-repeater__card-desc {
	margin: 0;
	color: var( --speechaid-color-body, #566476 );
	font-family: var( --speechaid-font-body, 'Nunito Sans' ), sans-serif !important;
	line-height: 1.6;
}
.speechaid-repeater__card-desc p { margin: 0 0 8px 0; }

/* ─── numbered_steps (admission process) ─── */
.speechaid-repeater--steps {
	display: grid;
	grid-template-columns: repeat( 4, minmax( 0, 1fr ) );
	gap: 24px;
}
@media ( max-width: 991px ) {
	.speechaid-repeater--steps { grid-template-columns: repeat( 2, 1fr ); }
}
@media ( max-width: 600px ) {
	.speechaid-repeater--steps { grid-template-columns: 1fr; }
}
.speechaid-repeater__step {
	background: #fff;
	border: 1px solid var( --speechaid-color-primary, #1c92d2 );
	border-radius: 16px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.speechaid-repeater__step-num {
	font-size: 56px;
	font-weight: 800;
	line-height: 1;
	color: var( --speechaid-color-primary, #1c92d2 ) !important;
	font-family: var( --speechaid-font-heading, 'Be Vietnam Pro' ), sans-serif !important;
}
.speechaid-repeater__step-heading {
	margin: 8px 0 0 0;
	font-size: 22px;
	font-weight: 700;
	color: var( --speechaid-color-heading, #2f3c4c ) !important;
	font-family: var( --speechaid-font-heading, 'Be Vietnam Pro' ), sans-serif !important;
}
.speechaid-repeater__step-desc {
	color: var( --speechaid-color-body, #566476 );
	line-height: 1.6;
}
.speechaid-repeater__step-desc p { margin: 0 0 8px 0; }

/* ─── checklist (admission documents) ─── */
.speechaid-repeater--checklist {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.speechaid-repeater__item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	font-size: 16px;
	color: var( --speechaid-color-heading, #2f3c4c );
	font-family: var( --speechaid-font-body, 'Nunito Sans' ), sans-serif;
}
.speechaid-repeater__bullet {
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var( --speechaid-color-primary, #1c92d2 );
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 700;
}
.speechaid-repeater__label { flex: 1; }

/* ─── priced_options (home schedule daycare leftover) ─── */
.speechaid-repeater--priced {
	display: grid;
	grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
	gap: 24px;
}
@media ( max-width: 991px ) {
	.speechaid-repeater--priced { grid-template-columns: 1fr; }
}
.speechaid-repeater__priced-card {
	background: #fff;
	border-radius: 16px;
	padding: 24px;
	border: 1px solid rgba( 28, 146, 210, 0.12 );
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.speechaid-repeater__priced-name {
	margin: 0;
	font-size: 22px;
	color: var( --speechaid-color-heading, #2f3c4c ) !important;
	font-family: var( --speechaid-font-heading, 'Be Vietnam Pro' ), sans-serif !important;
}
.speechaid-repeater__priced-time,
.speechaid-repeater__priced-price {
	font-weight: 600;
	color: var( --speechaid-color-primary, #1c92d2 );
}
.speechaid-repeater__priced-desc {
	color: var( --speechaid-color-body, #566476 );
	font-family: var( --speechaid-font-body, 'Nunito Sans' ), sans-serif;
	line-height: 1.6;
}