/**
 * Front-end styling for the scheduled-drop notice and loop badge.
 *
 * Self-contained and theme-neutral: it uses the la-frigg custom properties when
 * they exist (so it matches the atelier palette) and falls back to safe values
 * when they do not, so the plugin still looks reasonable under any theme.
 */

.lafrigg-drop {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	margin: 0 0 24px;
	padding: 18px 20px;
	border-radius: var(--r, 10px);
	background: var(--canvas-alt, #f2f0eb);
	box-shadow: inset 0 0 0 1px var(--hairline, rgba(0, 0, 0, .12));
}

.lafrigg-drop__mark {
	flex: 0 0 8px;
	width: 8px;
	height: 8px;
	margin-top: 9px;
	border-radius: 50%;
	background: var(--gold, #bfa062);
}

.lafrigg-drop--after .lafrigg-drop__mark {
	background: var(--muted, #8c857c);
}

.lafrigg-drop__body {
	min-width: 0;
}

.lafrigg-drop__title {
	margin: 0 0 .25em;
	font-family: var(--font-display, Georgia, serif);
	font-size: 1.25rem;
	color: var(--ink, #2e2b27);
}

.lafrigg-drop__line {
	margin: 0;
	font-size: .85rem;
	line-height: 1.8;
	color: var(--body, #56504a);
}

/* --- Loop badge --------------------------------------------------------- */

.lafrigg-drop-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 2;
	padding: 5px 12px;
	border-radius: 999px;
	font-size: .62rem;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--ink, #2e2b27);
	background: rgba(255, 255, 255, .9);
	box-shadow: inset 0 0 0 1px var(--gold, #bfa062);
	backdrop-filter: blur(2px);
}

.lafrigg-drop-badge--closed {
	color: var(--muted, #8c857c);
	box-shadow: inset 0 0 0 1px var(--hairline, rgba(0, 0, 0, .12));
	letter-spacing: .1em;
}