/**
 * ==================================================
 * ACE Assessment Header
 * ==================================================
 *
 * Assessment heading component.
 *
 * @package ACE_Assessment_Engine
 */

.ace-assessment-header{

	max-width:var(--ace-max-width);

	margin:0 auto 36px;

	padding:0;

}

.ace-assessment-grade{

	font-size:1rem;

	font-weight:600;

	color:var(--ace-secondary);

	margin-bottom:8px;

}

.ace-assessment-subject{

	font-size:3rem;

	font-weight:700;

	line-height:1.1;

	margin:0 0 24px;

	color:var(--ace-text);

}

/* Assessment result actions: horizontal, centered, premium spacing. */
.ace-assessment-result-actions{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	gap:12px;
	width:100%;
	margin:22px auto 0;
	padding:0 0 4px;
	box-sizing:border-box;
}

.ace-assessment-result-action{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	margin:0 !important;
	padding:0 !important;
}

.ace-assessment-result-action .ace-button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin:0 !important;
	white-space:nowrap;
}

@media(max-width:560px){
	.ace-assessment-result-actions{
		flex-wrap:nowrap;
		gap:8px;
		overflow-x:auto;
		justify-content:flex-start;
		padding:0 4px 6px;
		scrollbar-width:none;
		-webkit-overflow-scrolling:touch;
	}

	.ace-assessment-result-actions::-webkit-scrollbar{
		display:none;
	}

	.ace-assessment-result-action{
		flex:0 0 auto;
	}
}