.mydev-badge {
	align-items: center;
	background: var(--mydev-status-background, var(--mydev-color-surface-muted));
	border: 1px solid var(--mydev-status-border, var(--mydev-color-border));
	color: var(--mydev-status-foreground, var(--mydev-color-text));
	display: inline-flex;
	font-size: var(--mydev-font-size-sm, 0.875rem);
	font-weight: 600;
	gap: max(0.375rem, var(--mydev-density-gap, 0.5rem));
	line-height: 1.25;
	max-inline-size: 100%;
	min-block-size: max(2rem, var(--mydev-target-min, 2.75rem));
	padding: max(0.35rem, calc(var(--mydev-density-padding-block, 0.75rem) / 2)) max(0.65rem, calc(var(--mydev-density-padding-inline, 1rem) / 2));
}

.mydev-badge--pill { border-radius: 999px; }
.mydev-badge--soft { border-color: transparent; border-radius: var(--mydev-radius-md, 0.625rem); }
.mydev-badge--outline { background: transparent; border-radius: var(--mydev-radius-md, 0.625rem); }
.mydev-badge--offer {
	min-block-size: 40px;
	padding: 8px 13px;
	border-color: color-mix(in srgb, var(--mydev-color-accent, #ff6224) 30%, transparent);
	border-radius: 24px;
	background: color-mix(in srgb, var(--mydev-color-accent, #ff6224) 11%, transparent);
	color: #ffae88;
	font-family: var(--mydev-font-body, inherit);
	font-size: 13px;
	font-weight: 400;
	line-height: 1.7;
}
/* Operational facts remain individually editable while sharing the compact course-meta treatment. */
.mydev-badge--metadata {
	min-block-size: 0;
	padding: 7px 11px;
	border-color: var(--mydev-color-border);
	border-radius: 999px;
	background: transparent;
	color: var(--mydev-color-muted);
	font-size: 11px;
	font-weight: 400;
	line-height: 1.35;
}
.mydev-badge__icon { color: var(--mydev-status-icon, currentcolor); display: inline-flex; flex: 0 0 auto; }
.mydev-badge__icon svg { block-size: 1em; inline-size: 1em; }
.mydev-badge__label { min-inline-size: 0; }
.mydev-badge__detail { border-inline-start: 1px solid currentcolor; font-weight: 400; opacity: 0.78; padding-inline-start: max(0.375rem, var(--mydev-density-gap, 0.5rem)); }
.mydev-badge-link { color: inherit; display: inline-flex; max-inline-size: 100%; text-decoration: none; }
.mydev-badge-link:focus-visible { outline: var(--mydev-focus-width, 2px) solid var(--mydev-color-focus, currentcolor); outline-offset: var(--mydev-focus-offset, 2px); }

@media (forced-colors: active) {
	.mydev-badge { border-color: CanvasText; }
}

/* A compact editorial label, independent of its parent composition. */
.mydev-badge-variant-eyebrow > .elementor-widget-container { display: flex; }
.mydev-badge--eyebrow {
	padding: 0;
	min-block-size: 0;
	border: 0;
	background: none;
	box-shadow: none;
	color: var(--mydev-color-accent);
	font-family: var(--mydev-font-body);
	font-size: var(--mydev-font-size-xs, 12px);
	line-height: var(--mydev-line-height-body, 1.7);
	letter-spacing: .19em;
	gap: 10px;
}
.mydev-badge--eyebrow :where(.mydev-badge__icon) {
	color: currentColor;
	font-size: 7px;
}
.mydev-badge--eyebrow :where(.mydev-badge__icon svg) { fill: currentColor; }
.mydev-badge-glow-yes :where(.mydev-badge__icon) { filter: drop-shadow(0 0 6px currentColor); }

/* Homepage training programme links: native Badge semantics, maquette row treatment. */
.mydev-training-course-links .elementor-widget-mydev-badge,
.mydev-training-course-links .mydev-badge-link { display: flex; inline-size: 100%; }
.mydev-training-course-links .mydev-badge {
	min-block-size: 49px;
	justify-content: space-between;
	padding: 0;
	border: 0;
	border-block-start: 1px solid var(--mydev-color-border, #cfd7e2);
	border-radius: 0;
	background: transparent;
	color: var(--mydev-color-text, #131b2e);
	font-family: var(--mydev-font-body, inherit);
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1.3;
}
.mydev-training-course-links .elementor-widget-mydev-badge:last-child .mydev-badge { border-block-end: 1px solid var(--mydev-color-border, #cfd7e2); }
.mydev-training-course-links .mydev-badge::after { content: '↗'; color: var(--mydev-color-accent, #ff6224); font-size: 1.15rem; line-height: 1; }
.mydev-training-course-links .mydev-badge-link:focus-visible { outline-offset: 4px; }