/* ========== Checklist CTA card (front-end) ========== */
.mytrt-cck {
	background-color: #fff;
	border-radius: 24px;
	padding: 30px;
	margin: 20px 0;
	color: #0a0a0a;
	border: 1px solid #DEE4EA;
}

.mytrt-cck-top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 24px;
}

.mytrt-cck-main {
	flex: 1 1 auto;
	min-width: 0;
}

.mytrt-cck-heading {
	font-size: 26px !important;
	color: #0a0a0a;
	margin: 0 0 14px !important;
}

.mytrt-cck-desc {
	color: #6b7280;
	margin: 0;
	max-width: 520px;
}

/* ----- Button (same as the other blocks) ----- */
.mytrt-cck-btn {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
}

.mytrt-cck-btn.mytrt-cck-btn--mobile {
	display: none !important;
}
.mytrt-cck-btn .mytrt-ct-btn-icon {
	width: 8px;
	height: 8px;
	flex: none;
	display: inline-block;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%206%206'%3E%3Cpath%20d='M0.146447%205.14645C-0.0488155%205.34171%20-0.0488155%205.65829%200.146447%205.85355C0.341709%206.04882%200.658291%206.04882%200.853553%205.85355L0.5%205.5L0.146447%205.14645ZM6%200.5C6%200.223857%205.77614%200%205.5%200L1%200C0.723858%200%200.5%200.223857%200.5%200.5C0.5%200.776142%200.723858%201%201%201L5%201L5%205C5%205.27614%205.22386%205.5%205.5%205.5C5.77614%205.5%206%205.27614%206%205L6%200.5ZM0.5%205.5L0.853553%205.85355L5.85355%200.853553L5.5%200.5L5.14645%200.146446L0.146447%205.14645L0.5%205.5Z'%20fill='%23000'/%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%206%206'%3E%3Cpath%20d='M0.146447%205.14645C-0.0488155%205.34171%20-0.0488155%205.65829%200.146447%205.85355C0.341709%206.04882%200.658291%206.04882%200.853553%205.85355L0.5%205.5L0.146447%205.14645ZM6%200.5C6%200.223857%205.77614%200%205.5%200L1%200C0.723858%200%200.5%200.223857%200.5%200.5C0.5%200.776142%200.723858%201%201%201L5%201L5%205C5%205.27614%205.22386%205.5%205.5%205.5C5.77614%205.5%206%205.27614%206%205L6%200.5ZM0.5%205.5L0.853553%205.85355L5.85355%200.853553L5.5%200.5L5.14645%200.146446L0.146447%205.14645L0.5%205.5Z'%20fill='%23000'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* ----- Checklist ----- */
.mytrt-cck-list {
	list-style: none;
	margin: 28px 0 0 !important;
	columns:2;

}

.mytrt-cck-item {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
}

.mytrt-cck-icon {
	width: 24px;
	height: 24px;
	flex: none;
	border-radius: 50%;
	object-fit: contain;
}

.mytrt-cck-label {
	font-weight: 600;
}

@media (max-width: 767px) {
	.mytrt-cck-list {
		columns: 1;
	}
	.mytrt-cck {
		padding: 32px 24px;
	}
	.mytrt-cck-heading {
		font-size: 24px !important;
	}
	.mytrt-cck-top {
		flex-direction: column;
		align-items: stretch;
	}
	.mytrt-cck-btn--desktop{
		display: none !important;
	}
	.mytrt-cck-btn.mytrt-cck-btn--mobile {
		display: inline-flex !important;
		margin-top: 24px;
	}
	.mytrt-cck-list {
		grid-template-columns: 1fr;
	}
}

/* ========== Editor ========== */
.mytrt-cck-editor .mytrt-cck-heading,
.mytrt-cck-editor .mytrt-cck-desc,
.mytrt-cck-editor .mytrt-cck-label {
	color: #1a1a1a;
}

/* Placeholder green circle for the checkmark while no image src is set. */
.mytrt-cck-editor .mytrt-cck-icon {
	background-color: #22c55e;
}

.mytrt-cck-editor .mytrt-cck-items {
	margin-top: 16px;
}

.mytrt-cck-editor .mytrt-cck-item {
	margin-bottom: 8px;
}

.mytrt-cck-editor .mytrt-cck-remove {
	margin-left: auto;
}

.mytrt-cck-editor .mytrt-cck-edit-row {
	display: flex;
	gap: 16px;
	margin-top: 16px;
}
.mytrt-cck-editor .mytrt-cck-edit-row > * {
	flex: 1;
}