/**
 * Gracie Coos County — Forminator trial step navigation
 *
 * The theme intentionally gives ordinary buttons a black rectangular style.
 * Forminator builds its step indicator with <button> elements, so those
 * buttons need a narrow reset before the circles and labels are styled.
 */

body .gcc-trial-form .forminator-ui .forminator-pagination-steps {
	display: grid !important;
	position: relative !important;
	grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	align-items: start !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 0 28px !important;
	padding: 0 !important;
	gap: 4px !important;
	overflow: visible !important;
	background: transparent !important;
}

body .gcc-trial-form .forminator-ui .forminator-pagination-steps::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	z-index: 0 !important;
	top: 8px !important;
	right: 10% !important;
	left: 10% !important;
	height: 2px !important;
	background: #c7ccc4 !important;
	pointer-events: none !important;
}

body .gcc-trial-form .forminator-ui .forminator-pagination-steps .forminator-break {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

body .gcc-trial-form .forminator-ui .forminator-pagination-steps button.forminator-step,
body .gcc-trial-form .forminator-ui .forminator-pagination-steps button.forminator-step:hover,
body .gcc-trial-form .forminator-ui .forminator-pagination-steps button.forminator-step:focus,
body .gcc-trial-form .forminator-ui .forminator-pagination-steps button.forminator-step:active {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: flex !important;
	position: relative !important;
	z-index: 1 !important;
	flex-direction: column-reverse !important;
	align-items: center !important;
	justify-content: flex-end !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
	height: auto !important;
	min-height: 44px !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 2px !important;
	gap: 8px !important;
	border: 0 !important;
	border-radius: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #3f463c !important;
	font: inherit !important;
	letter-spacing: normal !important;
	line-height: 1 !important;
	text-align: center !important;
	text-transform: none !important;
	transform: none !important;
}

body .gcc-trial-form .forminator-ui .forminator-pagination-steps button.forminator-step .forminator-step-dot {
	display: block !important;
	flex: 0 0 18px !important;
	width: 18px !important;
	min-width: 18px !important;
	max-width: 18px !important;
	height: 18px !important;
	min-height: 18px !important;
	max-height: 18px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 2px solid #2d3926 !important;
	border-radius: 50% !important;
	background: #2d3926 !important;
	box-shadow: 0 0 0 4px #fff !important;
	box-sizing: border-box !important;
}

body .gcc-trial-form .forminator-ui .forminator-pagination-steps button.forminator-step.forminator-current .forminator-step-dot {
	border-color: #f07b1f !important;
	background: #f07b1f !important;
}

body .gcc-trial-form .forminator-ui .forminator-pagination-steps button.forminator-step.forminator-current ~ button.forminator-step .forminator-step-dot {
	border-color: #8f968a !important;
	background: #fff !important;
}

body .gcc-trial-form .forminator-ui .forminator-pagination-steps button.forminator-step .forminator-step-label {
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	min-height: 18px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: #2d3926 !important;
	font-family: inherit !important;
	font-size: 9px !important;
	font-weight: 900 !important;
	letter-spacing: .04em !important;
	line-height: 1.2 !important;
	text-align: center !important;
	text-transform: uppercase !important;
	white-space: normal !important;
	overflow-wrap: anywhere !important;
}

body .gcc-trial-form .forminator-ui .forminator-pagination-steps button.forminator-step.forminator-current .forminator-step-label {
	color: #c85d08 !important;
}

body .gcc-trial-form .forminator-ui .forminator-pagination-steps button.forminator-step.forminator-current ~ button.forminator-step .forminator-step-label {
	color: #737970 !important;
}

body .gcc-trial-form .forminator-ui .forminator-pagination-steps button.forminator-step:focus-visible .forminator-step-dot {
	outline: 2px solid #f07b1f !important;
	outline-offset: 4px !important;
}

@media (max-width: 520px) {
	body .gcc-trial-form .forminator-ui .forminator-pagination-steps {
		margin-bottom: 24px !important;
		gap: 2px !important;
	}

	body .gcc-trial-form .forminator-ui .forminator-pagination-steps button.forminator-step {
		min-height: 42px !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
		gap: 7px !important;
	}

	body .gcc-trial-form .forminator-ui .forminator-pagination-steps button.forminator-step .forminator-step-label {
		font-size: 8px !important;
		letter-spacing: .01em !important;
	}
}