/**
 * 토스트 알림 (재사용 기반).
 *
 * 위치·크기는 아래 변수로 사이트별 코드가 정합니다.
 *   --toast-left / --toast-bottom / --toast-width : 화면 영역
 *   --dialog-toast-bottom / --dialog-toast-width  : 대화상자 안 영역
 *   --toast-min-h / --toast-font-size
 * 뒤 글자가 비치지 않는 불투명 바탕(--color-toast-bg)을 씁니다. 눌리지 않으므로 아래 버튼 조작을 막지 않습니다.
 *
 * @package udongsari
 */

.uds-base-toast {
	position: fixed;
	z-index: var(--z-toast);
	bottom: var(--toast-bottom, var(--space-10));
	left: var(--toast-left, 50%);
	display: none;
	align-items: center;
	justify-content: center;
	width: var(--toast-width, min(480px, calc(100% - 2 * var(--space-5))));
	min-height: var(--toast-min-h, 48px);
	padding: var(--space-3) var(--space-5);
	border-radius: var(--radius-md);
	background-color: var(--color-toast-bg);
	color: var(--color-on-primary);
	font-size: var(--toast-font-size, var(--fs-md));
	font-weight: var(--fw-regular);
	line-height: var(--lh-tight);
	text-align: center;
	white-space: pre-line;
	word-break: keep-all;
	transform: translateX(-50%);
	pointer-events: none;
}

.uds-base-toast.is-visible:not(:empty) {
	display: flex;
}

/* 대화상자 안: 대화상자 아래쪽에 붙습니다. */
.uds-base-toast--dialog {
	position: absolute;
	bottom: var(--dialog-toast-bottom, var(--space-6));
	left: 50%;
	width: var(--dialog-toast-width, min(480px, calc(100% - 2 * var(--space-5))));
}