.grave-recruitment-offers__list {
	width: 100%;
}

.grave-recruitment-offer {
	display: grid;
	grid-template-columns: minmax(0, 22%) minmax(0, 1fr) auto;
	grid-template-areas:
		"image content action"
		"image facts action";
	align-items: center;
	gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
	padding: var(--wp--preset--spacing--20);
	border-radius: var(--wp--custom--radius--sm);
}

.grave-recruitment-offer > * {
	margin-block-start: 0;
}

.grave-recruitment-offer__image {
	grid-area: image;
	align-self: stretch;
	margin: 0;
}

.grave-recruitment-offer__image img {
	width: 100%;
	height: 100%;
	min-height: var(--wp--custom--recruitment--offer-image-min-height);
	border-radius: var(--wp--custom--radius--image);
	object-fit: cover;
}

.grave-recruitment-offer__content {
	grid-area: content;
	min-width: 0;
}

.grave-recruitment-offer__facts {
	grid-area: facts;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
}

.grave-recruitment-offer__fact {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	white-space: nowrap;
}

.grave-recruitment-offer__facts > .grave-recruitment-offer__fact {
	margin-block-start: 0;
}

.grave-recruitment-offer .grave-recruitment-offer__fact .wp-block-grave-icon.is-style-chip {
	flex: none;
	--grave-icon-width: var(--wp--preset--font-size--sm);
	padding: 0.3125rem;
}

.grave-recruitment-offer .grave-recruitment-offer__fact > * {
	margin-block: 0;
}

.grave-recruitment-offer__fact p.has-xs-font-size {
	font-size: var(--wp--preset--font-size--xs);
}

.grave-recruitment-offer > .wp-block-buttons {
	grid-area: action;
}

.grave-recruitment-contact {
	scroll-margin-top: var(--wp--custom--header--content-inset);
}

.grave-recruitment-contact .wp-block-column:first-child {
	max-width: var(--wp--custom--recruitment--form-intro-width);
}

.grave-recruitment-form .grave-recruitment-cv {
	margin-bottom: var(--wp--preset--spacing--40);
}

.grave-recruitment-form .grave-recruitment-cv input[type="file"] {
	width: 100%;
	color: var(--wp--preset--color--fg-muted);
	font: inherit;
}

.grave-recruitment-form .grave-recruitment-cv input::file-selector-button {
	margin-right: var(--wp--preset--spacing--30);
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	border: 0;
	border-radius: var(--wp--custom--radius--sm);
	background: var(--wp--preset--color--primary-soft);
	color: var(--wp--preset--color--fg-dark);
	font: inherit;
	cursor: pointer;
}

.grave-recruitment-form .grave-recruitment-cv p {
	margin: var(--wp--preset--spacing--20) 0 0;
	color: var(--wp--preset--color--fg-muted);
	font-size: var(--wp--preset--font-size--xs);
}

.grave-recruitment-form .grave-recruitment-cv .grave-recruitment-cv__error {
	color: var(--wp--custom--status--danger);
}

.grave-recruitment-form .grave-recruitment-cv [hidden] {
	display: none;
}

@media (max-width: 1000px) {
	.grave-recruitment-offer {
		grid-template-areas:
			"image content action"
			"facts facts facts";
	}
}

@media (max-width: 600px) {
	.grave-recruitment-offer {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"image"
			"content"
			"facts"
			"action";
	}

	.grave-recruitment-offer__image img {
		max-height: var(--wp--custom--recruitment--offer-image-mobile-max-height);
	}

	.grave-recruitment-offer > .wp-block-buttons {
		justify-content: flex-end;
	}
}