/* Le-Biko — Notices: the toast and the "מתאים לזה" card. */

/* ==========================================================================
   Toast
   ========================================================================== */
.lb-toast {
	position: fixed; z-index: 70; left: 50%; bottom: calc(20px + env(safe-area-inset-bottom, 0px));
	transform: translate(-50%, 12px);
	max-width: calc(100vw - 32px);
	padding: 12px 20px; border-radius: var(--lb-radius);
	background: var(--lb-ink); color: #fff; font-size: 14px;
	opacity: 0; transition: opacity .25s, transform .25s var(--lb-ease);
}
.lb-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }
.lb-toast a { color: #fff; font-weight: 500; margin-inline-start: 10px; }

/* "מתאים לזה" card after an add to cart */
.lb-pairs {
	position: fixed; z-index: 70; left: 50%; bottom: calc(16px + env(safe-area-inset-bottom, 0px));
	width: min(420px, calc(100vw - 24px)); padding: 12px 14px 14px;
	transform: translate(-50%, 12px); opacity: 0;
	background: #fff; color: var(--lb-ink); border: 1px solid var(--lb-line); border-radius: 12px;
	box-shadow: 0 10px 30px rgba(20, 18, 16, .16);
	transition: opacity .25s, transform .25s var(--lb-ease);
}
.lb-pairs.is-visible { opacity: 1; transform: translate(-50%, 0); }
.lb-pairs[hidden] { display: none; }
.lb-pairs__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #efede9; }
.lb-pairs__done { margin: 0; font-size: 13.5px; color: var(--lb-success); font-weight: 500; }
.lb-pairs__done a { margin-inline-start: 8px; color: var(--lb-ink); font-weight: 400; text-decoration: underline; text-underline-offset: 2px; }
.lb-pairs__close { width: 32px; height: 32px; flex: none; border: 0; border-radius: 50%; background: transparent; font-size: 22px; line-height: 1; color: var(--lb-ink-soft); cursor: pointer; }
.lb-pairs__close:hover { background: var(--lb-tile); }
.lb-pairs__title { margin: 0 0 8px; font-size: 14px; font-weight: 500; }
.lb-pairs .added_to_cart { display: none; }
.lb-qv__pairs { margin: 16px 0 0; padding: 14px 0 0; border-top: 1px solid var(--lb-line); border-bottom: 0; }
@media (prefers-reduced-motion: reduce) { .lb-pairs { transition: none; } }
html.lb-a11y-nomotion .lb-pairs { transition: none; }