/**
 * Shared SweetAlert presentation for WERegord frontend notifications.
 *
 * Keeps customer notifications and Admin Preview visually consistent while
 * providing responsive sizing, keyboard focus visibility and reduced-motion
 * behavior without exposing business-specific styles.
 *
 * @package WERegord
 */

.swal2-container.weregord-swal-container {
	padding: 12px;
}

.swal2-popup.weregord-swal {
	box-sizing: border-box;
	color: #111827;
	font-size: 14px;
	max-width: calc(100vw - 24px);
	width: min(32rem, calc(100vw - 24px));
}

.swal2-popup.weregord-swal .swal2-title.weregord-swal__title {
	color: #111827;
	font-size: 18px;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

.swal2-popup.weregord-swal .swal2-html-container,
.swal2-popup.weregord-swal .weregord-swal__content {
	color: #374151;
	font-size: 14px;
	line-height: 1.55;
	overflow-wrap: anywhere;
	white-space: pre-line;
}

.swal2-popup.weregord-swal .swal2-actions.weregord-swal__actions {
	flex-wrap: wrap;
	gap: 8px;
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}

.swal2-popup.weregord-swal .swal2-confirm.weregord-swal__confirm,
.swal2-popup.weregord-swal .swal2-cancel.weregord-swal__cancel {
	min-height: 40px;
	min-width: 88px;
	padding: 9px 16px;
}

.swal2-popup.weregord-swal .swal2-confirm.weregord-swal__confirm:focus-visible,
.swal2-popup.weregord-swal .swal2-cancel.weregord-swal__cancel:focus-visible {
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.28);
	outline: 2px solid #2563eb;
	outline-offset: 2px;
}

.swal2-popup.weregord-swal .swal2-timer-progress-bar {
	background: rgba(17, 24, 39, 0.25);
}

@media (max-width: 480px) {
	.swal2-container.weregord-swal-container {
		padding: 8px;
	}

	.swal2-popup.weregord-swal {
		max-width: calc(100vw - 16px);
		padding: 1.25rem 1rem;
		width: calc(100vw - 16px);
	}

	.swal2-popup.weregord-swal .swal2-actions.weregord-swal__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.swal2-popup.weregord-swal .swal2-confirm.weregord-swal__confirm,
	.swal2-popup.weregord-swal .swal2-cancel.weregord-swal__cancel {
		margin: 0;
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.swal2-popup.weregord-swal,
	.swal2-icon,
	.swal2-show,
	.swal2-hide {
		animation: none !important;
		transition: none !important;
	}
}