/**
 * Flex Recruit – base: brand variables + shared error message
 * Part of the per-feature CSS split. Loaded conditionally by Plugin::enqueue_frontend_assets().
 */

/* ============================================================
   Flex Recruit – Frontend Stylesheet  v2.0
   All colors reference brand variables — tweak one place only.
   ============================================================ */

/* ── Brand Variables ──────────────────────────────────────── */
:root {
	--fr-primary:      #009AB2;
	--fr-primary-dark: #007a90;
	--fr-dark:         #173557;
	--fr-accent:       #29a8c4;
	--fr-text:         #1f2733;
	--fr-text-light:   #5a6b7d;
	--fr-border:       #d8e1ea;
	--fr-bg:           #f6fafb;
	--fr-danger:       #d93025;
	--fr-success:      #1a7f37;
	--fr-radius:       6px;
	--fr-shadow:       0 6px 14px -8px color-mix(in srgb, var(--fr-primary) 55%, transparent);
	--fr-transition:   0.2s ease;
}

/* Respect reduced-motion preference */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration:       0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration:      0.01ms !important;
		scroll-behavior:          auto !important;
	}
}

/* ── Error message (back to overview) ─────────────────────── */
.jobs_error-message {
	display:       flex;
	align-items:   center;
	flex-wrap:     wrap;
	gap:           .5rem .75rem;
	background:    color-mix(in srgb, var(--fr-danger) 8%, #fff);
	border:        1px solid color-mix(in srgb, var(--fr-danger) 30%, transparent);
	border-radius: var(--fr-radius);
	padding:       1rem 1.25rem;
	color:         var(--fr-danger);
	font-weight:   600;
}

.jobs_back-to-overview {
	display:     inline-flex;
	align-items: center;
	gap:         .35rem;
	color:       var(--fr-primary);
	font-weight: 700;
	text-decoration: none;
}

.jobs_back-to-overview:hover { text-decoration: underline; }