/*
 * EDWEB-22164 預熱期「搶先加入購物車」的共用樣式。
 *
 * 只放「三個頁面長得一樣」的部分（目前是 Toast）。
 * 版面相關、需要依頁面 scope 的規則仍留在各自的檔案：
 *   - 影音列表／作者頁：style/layout.css（以 #mediaMain / #MediaClasses 限定）
 *   - 影音內頁：media/precashflow.aspx 的頁內 <style>（該頁不吃 layout.css）
 *
 * 抽出原因：原本 layout.css 與 precashflow.aspx 各有一份逐字相同的 Toast 樣式，
 * 且已經開始分歧（容器 top 一個 70px 一個 20px），
 * 改一邊忘另一邊只是時間問題（app!165 review #15）。
 */

/* Toast：置於 body 層，不加容器 scope；class 前綴 presale- 為本單新增，不與既有樣式衝突 */
.presale-toast__container {
	position: fixed;
	top: 70px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9999;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	pointer-events: none;
}

.presale-toast {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	white-space: nowrap;
	opacity: 0;
	transition: opacity .25s ease;
}

.presale-toast--show {
	opacity: 1;
}

.presale-toast--success {
	background: rgba(0, 0, 0, .8);
}

.presale-toast--error {
	background: rgba(194, 0, 0, .9);
}