/* =============================================================================
   12-admin-toast.css
   Admin-only "cache cleared" toast.

   Split out of style.css, which had grown to 3,647 lines. Loaded via
   wp_enqueue_style() in inc/enqueue.php - the load ORDER there matches the
   numeric filename order, and matches the order these rules appeared in the
   original file, so the cascade is unchanged.
   ============================================================================= */
/* ---- Admin-only "cache cleared" toast ----
   Fixed over the page instead of sitting in the document flow, so it
   doesn't push content down and leaves nothing behind once it's gone.
   Auto-dismisses (or can be closed) via the inline script next to where
   this is echoed in template_events_workshops.php. */
.jobshop_admin_toast {
	position: fixed;
	top: 12px;
	right: 20px;
	z-index: 99999;
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: 420px;
	background: #e6f4ea;
	color: #1e4620;
	border: 1px solid #34a853;
	padding: 12px 14px;
	border-radius: 8px;
	font-size: 11.5pt;
	line-height: 1.4;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
	animation: jobshop_toast_in 0.2s ease-out;
}
/* WordPress's own admin bar sits at the very top at these same heights -
   nudge below it instead of overlapping it. */
body.admin-bar .jobshop_admin_toast {
	top: 44px;
}
@media screen and (max-width: 782px) {
	body.admin-bar .jobshop_admin_toast {
		top: 58px;
	}
}
.jobshop_admin_toast_icon {
	font-weight: bold;
}
.jobshop_admin_toast_text {
	flex: 1;
}
.jobshop_admin_toast_close {
	background: none;
	border: none;
	font-size: 18px;
	line-height: 1;
	color: inherit;
	cursor: pointer;
	padding: 0 2px;
	opacity: 0.6;
}
.jobshop_admin_toast_close:hover,
.jobshop_admin_toast_close:focus-visible {
	opacity: 1;
}
.jobshop_admin_toast_hide {
	opacity: 0;
	transform: translateY(-6px);
	transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
}
@keyframes jobshop_toast_in {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
@media (prefers-reduced-motion: reduce) {
	.jobshop_admin_toast {
		animation: none;
	}
	.jobshop_admin_toast_hide {
		transition: none;
	}
}