/**
 * Styles publics Kokende Core (shortcodes, blocs partagés).
 */

.kokende-core-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.kokende-search-form__notice {
	margin: 0 0 0.75rem;
	padding: 0.65rem 0.85rem;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: rgba(226, 232, 240, 0.92);
	background: rgba(15, 23, 42, 0.65);
	border: 1px solid rgba(148, 163, 184, 0.35);
	border-radius: 0.5rem;
}

.kokende-search-form__notice--warn {
	color: #fef3c7;
	border-color: rgba(251, 191, 36, 0.45);
	background: rgba(120, 53, 15, 0.25);
}

.kokende-label-optional {
	font-weight: 400;
	font-size: 0.75rem;
	color: rgba(148, 163, 184, 0.95);
}

.kokende-input,
textarea.kokende-input,
select.kokende-input,
input[type='text'].kokende-input,
input[type='date'].kokende-input,
input[type='number'].kokende-input {
	color: #0071e3 !important;
}

.kokende-input::placeholder {
	color: rgba(0, 113, 227, 0.55) !important;
}

select.kokende-input option {
	color: #0071e3;
	background: #0f172a;
}