/**
 * Eurasian Transit 0.1.31 — header request button and CRM status guard.
 *
 * This file is intentionally loaded after release-0.1.30-crm.css. It keeps
 * the Bitrix24 host and generated form visible; only the local status element
 * is removed after JavaScript marks it with the native `hidden` attribute.
 */

/* Brand-blue request button with the route-amber arrow at every breakpoint. */
.et-header-cta .wp-block-button__link,
.editor-styles-wrapper .et-header-cta .wp-block-button__link {
	background: var(--wp--preset--color--transit-navy, #0a2342) !important;
	border-color: var(--wp--preset--color--transit-navy, #0a2342) !important;
	color: #fff !important;
	box-shadow: none;
	transform: none;
	transition:
		background-color 160ms ease,
		border-color 160ms ease,
		box-shadow 160ms ease;
}

.et-header-cta .wp-block-button__link::after,
.editor-styles-wrapper .et-header-cta .wp-block-button__link::after {
	color: var(--wp--preset--color--route-amber, #f2a900) !important;
}

.et-header-cta .wp-block-button__link:hover,
.editor-styles-wrapper .et-header-cta .wp-block-button__link:hover {
	background: #12385f !important;
	border-color: #12385f !important;
	filter: none;
	transform: none;
}

.et-header-cta .wp-block-button__link:active,
.editor-styles-wrapper .et-header-cta .wp-block-button__link:active {
	background: #061a33 !important;
	border-color: #061a33 !important;
	box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
	transform: none;
}

.et-header-cta .wp-block-button__link:focus-visible,
.editor-styles-wrapper .et-header-cta .wp-block-button__link:focus-visible {
	outline: 3px solid var(--wp--preset--color--route-amber, #f2a900);
	outline-offset: 3px;
}

/*
 * The v0.1.30 status row has `display:flex`. In browsers where that author
 * rule wins over the user-agent [hidden] rule, setStatus("", "ready") clears
 * the copy and leaves a blank 5rem pale-blue block. Restore the native hidden
 * contract without selecting, hiding or resizing any Bitrix24-generated node.
 */
.et-crm-modal__form > .et-crm-modal__status[hidden] {
	display: none !important;
}

@media (max-width: 30rem) {
	.et-header-cta .wp-block-button__link,
	.editor-styles-wrapper .et-header-cta .wp-block-button__link {
		max-width: 6.25rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.et-header-cta .wp-block-button__link,
	.editor-styles-wrapper .et-header-cta .wp-block-button__link {
		transition: none;
	}
}