/* Opt-in presentation preserves existing saved Hero copies. */

/* The outer full wrapper extends once; its Cover fills that available area. */
:is(.wp-block-column, .emergency-layout-grid--columns) .emergency-hero-widget {
	--emergency-hero-widget-inset: calc(var(--emergency-layout-margin) * 0);
}

.emergency-section-wrapper .emergency-hero-widget .emergency-section__hero-columns {
	align-items: end;
	gap: clamp(2rem, 9.72vw, 8.75rem);
	grid-template-columns: minmax(0, 1fr) minmax(0, 27.125rem);
	max-width: var(--emergency-layout-max-width) !important;
	min-height: clamp(38rem, 52vw, 56rem);
	padding-block: var(--emergency-layout-margin);
	width: calc(100% - 2 * var(--emergency-hero-widget-inset, var(--emergency-page-inset, var(--emergency-layout-margin))));
}

.emergency-section-wrapper .emergency-hero-widget .emergency-section__hero-copy {
	align-self: stretch;
	min-height: 0;
}

.emergency-section-wrapper .emergency-hero-widget--contact .emergency-section__hero-columns {
	grid-template-columns: minmax(0, 1fr) minmax(0, 29.75rem);
}

.emergency-hero-widget__contact-panel {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--grey);
	color: var(--wp--preset--color--ink);
	display: flex;
	flex-direction: column;
	gap: 2rem;
	padding: 1.5rem 2rem;
}

.emergency-hero-widget__contact-panel > *,
.emergency-hero-widget__identity-copy > * {
	margin-block: 0 !important;
}

.emergency-hero-widget__contact-panel p,
.emergency-hero-widget__contact-panel a {
	overflow-wrap: anywhere;
}

.emergency-hero-widget__identity {
	align-items: center;
	background: var(--wp--preset--color--muted);
	display: grid;
	gap: 1.25rem;
	grid-template-columns: 7.1875rem minmax(0, 1fr);
}

.emergency-hero-widget__identity:not(:has(figure)) {
	grid-template-columns: minmax(0, 1fr);
}

.emergency-hero-widget__identity figure {
	margin: 0;
}

.emergency-hero-widget__phone img {
	flex-shrink: 0;
}

.emergency-hero-widget__identity figure img {
	aspect-ratio: 115 / 106;
	display: block;
	object-fit: cover;
	object-position: center 7%;
	width: 100%;
}

.emergency-hero-widget__identity-copy {
	border-inline-start: 1px solid var(--wp--preset--color--red);
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
	min-width: 0;
	padding: 0.5rem 0.75rem;
}

.emergency-hero-widget__phone a {
	align-items: center;
	background: var(--wp--preset--color--red);
	color: var(--wp--preset--color--white);
	display: flex;
	gap: 0.5rem;
	justify-content: center;
	padding: 1.25rem 0.75rem;
}

@media (max-width: 782px) {

	.emergency-section-wrapper .emergency-hero-widget .emergency-section__hero-columns {
		gap: 1.25rem;
		grid-template-columns: minmax(0, 1fr);
		min-height: 0;
		padding-block: 0 1.5rem;
		padding-inline: var(--emergency-hero-widget-inset, var(--emergency-page-inset, var(--emergency-layout-margin)));
		width: 100%;
	}

	.emergency-section-wrapper .emergency-hero-widget .emergency-section__hero-copy {
		min-height: 34rem;
		padding-block: 2rem 0;
	}

	.emergency-section-wrapper .emergency-hero-widget .wp-block-cover__image-background,
	.emergency-section-wrapper .emergency-hero-widget .wp-block-cover__background {
		height: 41rem;
	}

	.emergency-section-wrapper .emergency-hero-widget .emergency-section__hero-copy p {
		font: 700 var(--emergency-type-label-l) / 1.2 var(--wp--preset--font-family--sans);
	}

	.emergency-hero-widget__contact-panel {
		gap: 1.5rem;
		padding: 1.5rem 1rem;
	}

	.emergency-hero-widget__identity {
		gap: 0.5rem;
		grid-template-columns: 5rem minmax(0, 1fr);
	}
}