.dra-vacancies-status {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-weight: 600;
}

.dra-vacancies-status::before {
	content: "";
	width: 0.55rem;
	height: 0.55rem;
	border: 1px solid currentColor;
	border-radius: 50%;
	background: transparent;
}

.dra-vacancies-status--open::before {
	background: #2f855a;
}

.dra-vacancies-status--closing_soon::before {
	background: #b7791f;
}

.dra-vacancies-status--closed::before {
	background: #6b7177;
}

.dra-vacancies-listing {
	display: grid;
	gap: 18px;
}

.dra-vacancies-listing--empty p {
	margin: 0;
	color: var(--dra-text-muted, #5f666d);
}

.dra-vacancies-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 18px;
	align-items: center;
	padding: 20px;
	border: 1px solid var(--dra-border, #e3e5e8);
	border-radius: 8px;
	background: #fff;
	color: var(--dra-text-primary, #2b2f33);
}

.dra-vacancies-card__body {
	min-width: 0;
}

.dra-vacancies-card__status {
	margin-bottom: 0.55rem;
}

.dra-vacancies-card__title {
	margin: 0;
	font-size: 1.2rem;
	line-height: 1.25;
}

.dra-vacancies-card__title a {
	color: inherit;
	text-decoration: none;
}

.dra-vacancies-card__title a:hover,
.dra-vacancies-card__title a:focus-visible {
	color: var(--dra-accent, #e53935);
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

.dra-vacancies-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem 0.85rem;
	margin-top: 0.7rem;
	color: var(--dra-text-muted, #5f666d);
	font-size: 0.92rem;
	line-height: 1.35;
}

.dra-vacancies-card__summary {
	max-width: 68ch;
	margin: 0.8rem 0 0;
	color: var(--dra-text-muted, #5f666d);
	line-height: 1.55;
}

.dra-vacancies-card__footer {
	display: flex;
	justify-content: flex-end;
}

.dra-vacancies-card__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 8px 14px;
	border: 1px solid var(--dra-accent, #e53935);
	border-radius: 5px;
	background: var(--dra-accent, #e53935);
	color: #fff;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
}

.dra-vacancies-card__link:hover,
.dra-vacancies-card__link:focus-visible {
	background: #fff;
	color: var(--dra-accent, #e53935);
	outline: 2px solid transparent;
}

.dra-vacancies-print-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 16px;
	border: 1px solid var(--dra-border, #e3e5e8);
	border-radius: 5px;
	background: #fff;
	color: var(--dra-text-primary, #2b2f33);
	cursor: pointer;
}

.dra-vacancies-print-button:hover,
.dra-vacancies-print-button:focus-visible {
	border-color: var(--dra-accent, #e53935);
	outline: 2px solid transparent;
}

.dra-vacancy-print-note {
	max-width: 24rem;
	margin-top: 0.65rem;
	color: var(--dra-text-muted, #5f666d);
	font-size: 0.9rem;
	line-height: 1.45;
}

.dra-vacancy-print-note p {
	margin: 0;
}

.dra-vacancies-print-meta {
	display: none;
}

.dra-vacancies-list {
	margin: 0;
	padding-inline-start: 1.25em;
}

.dra-vacancies-content > :first-child {
	margin-block-start: 0;
}

.dra-vacancies-content > :last-child {
	margin-block-end: 0;
}

.dra-vacancy-salary-flag {
	display: none;
}

.dra-vacancy-salary:has(.dra-vacancy-salary-flag .elementor-shortcode:empty) {
	display: none;
}

.dra-vacancies-apply-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	min-height: 44px;
	padding: 10px 16px;
	border: 1px solid var(--dra-accent, #e53935);
	border-radius: 5px;
	background: var(--dra-accent, #e53935);
	color: #fff;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
}

.dra-vacancies-apply-button:hover,
.dra-vacancies-apply-button:focus-visible {
	background: #fff;
	color: var(--dra-accent, #e53935);
	outline: 2px solid transparent;
}

.dra-vacancies-promotion-panel {
	display: grid;
	gap: 0.9rem;
}

.dra-vacancies-internal-links,
.dra-vacancies-share-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
}

.dra-vacancies-internal-links a,
.dra-vacancies-share-actions__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 8px 13px;
	border: 1px solid var(--dra-border, #e3e5e8);
	border-radius: 5px;
	background: #fff;
	color: var(--dra-text-primary, #2b2f33);
	font: inherit;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
}

.dra-vacancies-internal-links a:hover,
.dra-vacancies-internal-links a:focus-visible,
.dra-vacancies-share-actions__button:hover,
.dra-vacancies-share-actions__button:focus-visible {
	border-color: var(--dra-accent, #e53935);
	outline: 2px solid transparent;
	color: var(--dra-accent, #e53935);
}

@media (max-width: 640px) {
	.dra-vacancies-card {
		grid-template-columns: 1fr;
	}

	.dra-vacancies-card__footer {
		justify-content: flex-start;
	}
}