/**
 * Hub form submit buttons — colours from Business Identity (inline CSS vars).
 * Loaded after theme styles; overrides generic .btn--primary / .btn--secondary rules.
 */

.bolt-on-form-wrapper .bolt-on-form button[type="submit"],
.bolt-on-form-wrapper .bolt-on-form .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.75rem 1.5rem;
	font-weight: 600;
	border-radius: var(--radius-base, 0.5rem);
	cursor: pointer;
	transition:
		background-color 0.2s ease,
		color 0.2s ease,
		border-color 0.2s ease,
		opacity 0.2s ease;
}

/* Primary — brand primary background + readable text */
.bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--primary,
.bolt-on-form-wrapper .bolt-on-form .btn.btn--primary {
	background-color: var(--bo-hub-btn-primary-bg) !important;
	color: var(--bo-hub-btn-primary-text) !important;
	border: none !important;
	box-shadow: none !important;
}

.bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--primary:hover,
.bolt-on-form-wrapper .bolt-on-form .btn.btn--primary:hover {
	opacity: 0.92;
}

/* Secondary — black label, brand-secondary outline (matches site .btn-secondary) */
.bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--secondary,
.bolt-on-form-wrapper .bolt-on-form .btn.btn--secondary {
	background-color: transparent !important;
	color: #000000 !important;
	border: 2px solid var(--bo-hub-btn-secondary-bg) !important;
	box-shadow: none !important;
}

.bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--secondary:hover,
.bolt-on-form-wrapper .bolt-on-form .btn.btn--secondary:hover {
	background-color: var(--bo-hub-btn-secondary-bg) !important;
	color: #000000 !important;
	border-color: var(--bo-hub-btn-secondary-bg) !important;
	opacity: 1;
}

/* Outline — border colour must match contrast-adjusted text (not primary bg) */
.bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--line,
.bolt-on-form-wrapper .bolt-on-form .btn.btn--line,
.bolt-on-form-wrapper .bolt-on-form button[type="submit"].bo-hub-submit--line,
body.coming-soon-page .coming-soon-form .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--line,
body.coming-soon-page .coming-soon-form .bolt-on-form button[type="submit"].btn--line,
body.coming-soon-page .coming-soon-form .bolt-on-form button[type="submit"].bo-hub-submit--line {
	background-color: transparent !important;
	color: var(--bo-hub-btn-line-text) !important;
	border-width: 2px !important;
	border-style: solid !important;
	border-color: var(--bo-hub-btn-line-text) !important;
	box-shadow: none !important;
}

.bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--line:hover,
.bolt-on-form-wrapper .bolt-on-form .btn.btn--line:hover,
.bolt-on-form-wrapper .bolt-on-form button[type="submit"].bo-hub-submit--line:hover,
body.coming-soon-page .coming-soon-form .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--line:hover,
body.coming-soon-page .coming-soon-form .bolt-on-form button[type="submit"].btn--line:hover,
body.coming-soon-page .coming-soon-form .bolt-on-form button[type="submit"].bo-hub-submit--line:hover {
	background-color: color-mix(in srgb, var(--bo-hub-btn-line-text) 12%, transparent) !important;
	opacity: 1;
}

/* Form block setting wins over the Hub form's own submit colour.
   These selectors are longer than the variant rules above and must stay last. */
.bo-hub-form-skin--submit-secondary .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--primary,
.bo-hub-form-skin--submit-secondary .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--secondary,
.bo-hub-form-skin--submit-secondary .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--line,
.bo-hub-form-skin--submit-secondary .bolt-on-form-wrapper .bolt-on-form .btn.btn--primary,
.bo-hub-form-skin--submit-secondary .bolt-on-form-wrapper .bolt-on-form .btn.btn--secondary,
.bo-hub-form-skin--submit-secondary .bolt-on-form-wrapper .bolt-on-form .btn.btn--line {
	background-color: transparent !important;
	color: #000000 !important;
	border: 2px solid var(--bo-hub-btn-secondary-bg) !important;
	box-shadow: none !important;
	opacity: 1;
}

.bo-hub-form-skin--submit-secondary .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--primary:hover,
.bo-hub-form-skin--submit-secondary .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--secondary:hover,
.bo-hub-form-skin--submit-secondary .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--line:hover,
.bo-hub-form-skin--submit-secondary .bolt-on-form-wrapper .bolt-on-form .btn.btn--primary:hover,
.bo-hub-form-skin--submit-secondary .bolt-on-form-wrapper .bolt-on-form .btn.btn--secondary:hover,
.bo-hub-form-skin--submit-secondary .bolt-on-form-wrapper .bolt-on-form .btn.btn--line:hover {
	background-color: var(--bo-hub-btn-secondary-bg) !important;
	color: #000000 !important;
	border-color: var(--bo-hub-btn-secondary-bg) !important;
	opacity: 1;
}

.bo-hub-form-skin--submit-primary .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--primary,
.bo-hub-form-skin--submit-primary .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--secondary,
.bo-hub-form-skin--submit-primary .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--line,
.bo-hub-form-skin--submit-primary .bolt-on-form-wrapper .bolt-on-form .btn.btn--primary,
.bo-hub-form-skin--submit-primary .bolt-on-form-wrapper .bolt-on-form .btn.btn--secondary,
.bo-hub-form-skin--submit-primary .bolt-on-form-wrapper .bolt-on-form .btn.btn--line {
	background-color: var(--bo-hub-btn-primary-bg) !important;
	color: var(--bo-hub-btn-primary-text) !important;
	border: none !important;
	box-shadow: none !important;
}

.bo-hub-form-skin--submit-primary .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--primary:hover,
.bo-hub-form-skin--submit-primary .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--secondary:hover,
.bo-hub-form-skin--submit-primary .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--line:hover,
.bo-hub-form-skin--submit-primary .bolt-on-form-wrapper .bolt-on-form .btn.btn--primary:hover,
.bo-hub-form-skin--submit-primary .bolt-on-form-wrapper .bolt-on-form .btn.btn--secondary:hover,
.bo-hub-form-skin--submit-primary .bolt-on-form-wrapper .bolt-on-form .btn.btn--line:hover {
	opacity: 0.92;
}

/* Outline submit text follows the section. Solid buttons keep the contrast chosen for their fill. */
.bo-block-on-dark .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--secondary,
.bo-block-on-dark .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--line,
.block-on-dark .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--secondary,
.block-on-dark .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--line,
.section--dark .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--secondary,
.section--dark .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--line,
.bo-block-on-dark .bo-hub-form-skin--submit-secondary .bolt-on-form-wrapper .bolt-on-form button[type="submit"],
.block-on-dark .bo-hub-form-skin--submit-secondary .bolt-on-form-wrapper .bolt-on-form button[type="submit"],
.section--dark .bo-hub-form-skin--submit-secondary .bolt-on-form-wrapper .bolt-on-form button[type="submit"] {
	color: #ffffff !important;
}

.bo-block-on-dark .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--secondary:hover,
.bo-block-on-dark .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--line:hover,
.block-on-dark .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--secondary:hover,
.block-on-dark .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--line:hover,
.section--dark .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--secondary:hover,
.section--dark .bolt-on-form-wrapper .bolt-on-form button[type="submit"].btn--line:hover,
.bo-block-on-dark .bo-hub-form-skin--submit-secondary .bolt-on-form-wrapper .bolt-on-form button[type="submit"]:hover,
.block-on-dark .bo-hub-form-skin--submit-secondary .bolt-on-form-wrapper .bolt-on-form button[type="submit"]:hover,
.section--dark .bo-hub-form-skin--submit-secondary .bolt-on-form-wrapper .bolt-on-form button[type="submit"]:hover {
	color: #000000 !important;
}

/* Block editor canvas. These sit after the theme preview styles. */
.editor-styles-wrapper .bo-block-on-dark .bolt-on-form label,
.editor-styles-wrapper .bo-block-on-dark .bolt-on-form .bolt-on-form-optin,
.editor-styles-wrapper .bo-block-on-dark .bolt-on-form .bolt-on-form-optin__label,
.editor-styles-wrapper .bo-block-on-dark .bolt-on-form .bolt-on-form-optin__text,
.editor-styles-wrapper .bo-block-on-dark .bolt-on-form .bolt-on-form-optin p,
.editor-styles-wrapper .block-on-dark .bolt-on-form label,
.editor-styles-wrapper .block-on-dark .bolt-on-form .bolt-on-form-optin,
.editor-styles-wrapper .block-on-dark .bolt-on-form .bolt-on-form-optin__label,
.editor-styles-wrapper .block-on-dark .bolt-on-form .bolt-on-form-optin__text,
.editor-styles-wrapper .block-on-dark .bolt-on-form .bolt-on-form-optin p,
.editor-styles-wrapper .section--dark .bolt-on-form label,
.editor-styles-wrapper .section--dark .bolt-on-form .bolt-on-form-optin,
.editor-styles-wrapper .section--dark .bolt-on-form .bolt-on-form-optin__label,
.editor-styles-wrapper .section--dark .bolt-on-form .bolt-on-form-optin__text,
.editor-styles-wrapper .section--dark .bolt-on-form .bolt-on-form-optin p,
.acf-block-preview .bo-block-on-dark .bolt-on-form label,
.acf-block-preview .bo-block-on-dark .bolt-on-form .bolt-on-form-optin,
.acf-block-preview .bo-block-on-dark .bolt-on-form .bolt-on-form-optin__label,
.acf-block-preview .bo-block-on-dark .bolt-on-form .bolt-on-form-optin__text,
.acf-block-preview .bo-block-on-dark .bolt-on-form .bolt-on-form-optin p,
.acf-block-preview .block-on-dark .bolt-on-form label,
.acf-block-preview .block-on-dark .bolt-on-form .bolt-on-form-optin,
.acf-block-preview .block-on-dark .bolt-on-form .bolt-on-form-optin__label,
.acf-block-preview .block-on-dark .bolt-on-form .bolt-on-form-optin__text,
.acf-block-preview .block-on-dark .bolt-on-form .bolt-on-form-optin p,
.acf-block-preview .section--dark .bolt-on-form label,
.acf-block-preview .section--dark .bolt-on-form .bolt-on-form-optin,
.acf-block-preview .section--dark .bolt-on-form .bolt-on-form-optin__label,
.acf-block-preview .section--dark .bolt-on-form .bolt-on-form-optin__text,
.acf-block-preview .section--dark .bolt-on-form .bolt-on-form-optin p {
	color: #ffffff !important;
}

.editor-styles-wrapper .bo-section:not(.bo-block-on-dark):not(.block-on-dark):not(.section--dark) .bolt-on-form .bolt-on-form-optin,
.editor-styles-wrapper .bo-section:not(.bo-block-on-dark):not(.block-on-dark):not(.section--dark) .bolt-on-form .bolt-on-form-optin__label,
.editor-styles-wrapper .bo-section:not(.bo-block-on-dark):not(.block-on-dark):not(.section--dark) .bolt-on-form .bolt-on-form-optin__text,
.editor-styles-wrapper .bo-section:not(.bo-block-on-dark):not(.block-on-dark):not(.section--dark) .bolt-on-form .bolt-on-form-optin p,
.acf-block-preview .bo-section:not(.bo-block-on-dark):not(.block-on-dark):not(.section--dark) .bolt-on-form .bolt-on-form-optin,
.acf-block-preview .bo-section:not(.bo-block-on-dark):not(.block-on-dark):not(.section--dark) .bolt-on-form .bolt-on-form-optin__label,
.acf-block-preview .bo-section:not(.bo-block-on-dark):not(.block-on-dark):not(.section--dark) .bolt-on-form .bolt-on-form-optin__text,
.acf-block-preview .bo-section:not(.bo-block-on-dark):not(.block-on-dark):not(.section--dark) .bolt-on-form .bolt-on-form-optin p {
	color: #111827 !important;
}

.editor-styles-wrapper .bo-block-on-dark .bolt-on-form button[type="submit"].btn--secondary,
.editor-styles-wrapper .bo-block-on-dark .bolt-on-form button[type="submit"].btn--line,
.editor-styles-wrapper .block-on-dark .bolt-on-form button[type="submit"].btn--secondary,
.editor-styles-wrapper .block-on-dark .bolt-on-form button[type="submit"].btn--line,
.editor-styles-wrapper .section--dark .bolt-on-form button[type="submit"].btn--secondary,
.editor-styles-wrapper .section--dark .bolt-on-form button[type="submit"].btn--line,
.editor-styles-wrapper .bo-block-on-dark .bo-hub-form-skin--submit-secondary .bolt-on-form button[type="submit"],
.editor-styles-wrapper .block-on-dark .bo-hub-form-skin--submit-secondary .bolt-on-form button[type="submit"],
.editor-styles-wrapper .section--dark .bo-hub-form-skin--submit-secondary .bolt-on-form button[type="submit"],
.acf-block-preview .bo-block-on-dark .bolt-on-form button[type="submit"].btn--secondary,
.acf-block-preview .bo-block-on-dark .bolt-on-form button[type="submit"].btn--line,
.acf-block-preview .block-on-dark .bolt-on-form button[type="submit"].btn--secondary,
.acf-block-preview .block-on-dark .bolt-on-form button[type="submit"].btn--line,
.acf-block-preview .section--dark .bolt-on-form button[type="submit"].btn--secondary,
.acf-block-preview .section--dark .bolt-on-form button[type="submit"].btn--line,
.acf-block-preview .bo-block-on-dark .bo-hub-form-skin--submit-secondary .bolt-on-form button[type="submit"],
.acf-block-preview .block-on-dark .bo-hub-form-skin--submit-secondary .bolt-on-form button[type="submit"],
.acf-block-preview .section--dark .bo-hub-form-skin--submit-secondary .bolt-on-form button[type="submit"] {
	color: #ffffff !important;
}

.editor-styles-wrapper .bo-section:not(.bo-block-on-dark):not(.block-on-dark):not(.section--dark) .bo-hub-form-skin--submit-secondary .bolt-on-form button[type="submit"],
.acf-block-preview .bo-section:not(.bo-block-on-dark):not(.block-on-dark):not(.section--dark) .bo-hub-form-skin--submit-secondary .bolt-on-form button[type="submit"] {
	color: #000000 !important;
}