/**
 * Safety Awards Review Page & Plaque Styles
 *
 * Styles for the Gravity Forms review page showing plaque previews
 * for eligible safety awards. Uses design tokens from safety-awards.css.
 */

/* ==========================================================================
   Review Page Container
   ========================================================================== */

.safety-awards-review {
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
	padding: 40px 0;
}

.safety-awards-review__title {
	font-size: 32px;
	font-weight: 700;
	color: #2B313F;
	margin: 0 0 16px;
	line-height: 1.3;
}

.safety-awards-review__subtitle {
	font-size: 40px;
	font-weight: 600;
	color: #2B313F;
	margin: 0 0 12px;
	line-height: 1.4;
}

.safety-awards-review__desc {
	font-size: 16px;
	color: #6B7D8C;
	line-height: 1.6;
	margin: 0 auto 40px;
	max-width: 600px;
}

.safety-awards-review__alert {
	font-size: 16px;
	color: #161E22;
	line-height: 1.6;
	margin: 0 auto 40px;
	max-width: 600px;
	font-weight: 700;
}

/* ==========================================================================
   Plaque Cards (info column + plaque visual)
   ========================================================================== */

.safety-plaque-card {
	display: flex;
	margin: 32px 0;
	background: #F8FAFB;
	border-radius: 16px;
	align-items: center;
}

.safety-plaque-card__info {
	flex: 0 0 50%;
	text-align: left;
	padding: 40px;
}

.safety-plaque-card__title {
	font-weight: 700;
	color: #2B313F;
	margin: 0 0 12px;
	line-height: 1.4;
}

.safety-plaque-card__text {
	font-size: 16px;
	color: #6B7D8C;
	line-height: 1.6;
	margin: 0;
}

.safety-plaque-card__plaque {
	flex: 1;
}

.safety-plaque-card__cta {
	display: inline-block;
	margin-top: 20px;
	padding: 12px 24px;
	background-color: #B62020;
	color: #F8FAFB;
	border-radius: 100px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	text-decoration: none;
	transition: background-color 0.3s;
}

.safety-plaque-card__cta:hover {
	background-color: #D72F2F;
	color: #F8FAFB;
}

/* ==========================================================================
   Plaque Visual
   ========================================================================== */

.safety-plaque {
	text-align: center;
	border-radius: 0 16px 16px 0;
	padding: 48px 40px;
	background: #fff;
}

.safety-plaque__heading {
	font-size: 28px;
	font-weight: 600;
	color: #2B313F;
	margin: 0 0 24px;
	line-height: 1.3;
}

.safety-plaque__label {
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 4px;
	line-height: 1.4;
}

.safety-plaque__company {
	font-size: 22px;
	font-weight: 700;
	color: #2B313F;
	margin: 0 0 24px;
	line-height: 1.3;
	text-transform: uppercase;
}

.safety-plaque__recognition {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	margin: 0 0 32px;
}

.safety-plaque__recognition strong {
	font-weight: 700;
	font-size: 24px;
	color: #161E22;
}

.safety-plaque__logo {
	margin-top: 16px;
}

.safety-plaque__logo img {
	max-width: 198px;
	height: auto;
}

/* ==========================================================================
   Review Page Buttons
   ========================================================================== */

.safety-awards-form .gform_page_footer {
	display: flex;
	justify-content: center;
	gap: 16px;
	padding: 40px 0 0;
}

.safety-awards-form .gform_page_footer .gform_next_button,
.safety-awards-form .gform_page_footer .gform_previous_button {
	border-radius: 100px;
	padding: 12px 24px;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.8;
	cursor: pointer;
	transition: all 0.5s;
}

.safety-awards-form .gform_page_footer .gform_next_button {
	background-color: #B62020;
	color: #F8FAFB;
	border: none;
}

.safety-awards-form .gform_page_footer .gform_next_button:hover {
	background-color: #D72F2F;
}

.safety-awards-form .gform_page_footer .gform_previous_button {
	background-color: transparent;
	color: #2B313F;
	border: 1px solid #B9C7D4;
}

.safety-awards-form .gform_page_footer .gform_previous_button:hover {
	background-color: #F8FAFB;
	border-color: #2B313F;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 768px) {
	.safety-awards-review {
		padding: 24px 0;
	}

	.safety-awards-review__title {
		font-size: 24px;
	}

	.safety-awards-review__subtitle {
		font-size: 20px;
	}

	.safety-plaque-card {
		flex-direction: column;
		gap: 24px;
		padding: 24px;
	}

	.safety-plaque-card__info {
		flex: none;
		width: 100%;
	}

	.safety-plaque {
		padding: 32px 20px;
	}

	.safety-plaque__heading {
		font-size: 22px;
	}

	.safety-plaque__company {
		font-size: 18px;
	}

	.safety-awards-form .gform_page_footer {
		flex-direction: column;
		align-items: stretch;
	}
}