/**
 * core/cover/hero
 */

.wp-block-cover[class*='is-style-hero'] {
	--hero--dimensions--min-block-size: 600px;
	--hero--spacing--padding--block-start: clamp(4.5rem, 0rem + 9.375vw, 6rem);
	--hero--spacing--padding--block-end: clamp(4.5rem, 0rem + 9.375vw, 6rem);
	--hero--spacing--padding--block: var(--hero--spacing--padding--block-start) var(--hero--spacing--padding--block-end);

	min-block-size: var(--hero--dimensions--min-block-size);
	padding-block: var(--hero--spacing--padding--block);
}

/* Add additional bottom padding when followed by a rounded section */
.wp-block-cover[class*='is-style-hero']:has(+ .is-style-section-rounded) {
	padding-block-end: calc(var(--wp--custom--spacing--rounded-overlap--block-offset) + var(--hero--spacing--padding--block-end)) !important;
}

/* Add additional bottom padding when hero is followed by a full-width element followed by a rounded section */
.wp-block-cover[class*='is-style-hero'] + .wp-block-group.alignfull:has(+ .is-style-section-rounded) {
	--hero--spacing--padding--block-end: clamp(4.5rem, 0rem + 9.375vw, 6rem);

	padding-block-end: calc(var(--wp--custom--spacing--rounded-overlap--block-offset) + var(--hero--spacing--padding--block-end)) !important;
}

.wp-block-cover[class*='is-style-hero'] :is(.wp-block-post-title, .wp-block-query-title) {
	overflow-wrap: break-word !important;
}

@media (width >= 768px) {
	.wp-block-cover[class*='is-style-hero'] {
		--hero--dimensions--min-block-size: 900px;
	}
}

@media (width <= 767px) {

	/* Lock width of favicon / WC logo */
	.wp-block-cover[class*='is-style-hero'] img[src*='logo'] {
		max-inline-size: 92px;
	}

	@supports (font-size: 1cqi) {
		.wp-block-cover[class*='is-style-hero'] :is(.wp-block-post-title, .wp-block-query-title, .wp-block-heading.has-xx-large-font-size) {
			font-size: clamp(36px, 9.5cqi, 96px) !important;
		}
	}
}

@media (width < 375px) {
	.wp-block-cover[class*='is-style-hero'] :is(.wp-block-post-title, .wp-block-query-title, .wp-block-heading.has-xx-large-font-size) {
		font-size: 32px !important;
	}
}

/* Grid spacing */
.wp-block-cover[class*='is-style-hero'] .wp-block-group.is-layout-grid {
	gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--60);
}