/**
 * הודעת עוגיות — פס לבן בתחתית העמוד.
 *
 * כל כלל מתחיל במחלקת השורש: הכללים הגלובליים של ווודמארט על button ועל
 * טיפוגרפיה שווים בסגוליות לכלל של תוסף ומנצחים על סדר טעינה. לכן הכפתור
 * מכריז מחדש על כל מאפיין שהתמה מזריקה.
 *
 * z-index 385: מעל התוכן ומעל כפתור הנגישות, אבל מתחת לשכבת ההחשכה של
 * הסל הצדדי ושל התפריט במובייל (389 ומעלה). כך כפתור "לתשלום" בסל הצדדי
 * לעולם לא מוסתר מאחורי הפס.
 */

.olive-cn {
	display: none;
}

.olive-cn.is-open {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 385;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px 28px;
	margin: 0;
	padding: 14px 24px;
	padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px));
	background: #fff;
	box-shadow: 0 -2px 14px rgb(0 0 0 / 12%);
	color: var(--wd-text-color, #333);
	font-family: var(--wd-text-font, inherit);
	font-size: 14px;
	line-height: 1.55;
	direction: rtl;
	text-align: right;
	animation: olive-cn-in 0.25s ease-out;
}

.olive-cn .olive-cn__text {
	max-width: 860px;
	margin: 0;
	padding: 0;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}

.olive-cn .olive-cn__link {
	color: var(--wd-primary-color, #0b2c21);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.olive-cn .olive-cn__ok {
	flex: 0 0 auto;
	width: auto;
	min-width: 120px;
	max-width: none;
	height: 42px;
	min-height: 42px;
	margin: 0;
	padding: 0 26px;
	border: 0;
	/* 5px ולא הטוקן של התמה: הטוקן עדיין 35 (גלולה), והכפתורים באתר נקבעו
	   ידנית לפינות מעוגלות קלות כשהבחירה עברה ל-semi-rounded. */
	border-radius: 5px;
	background: var(--wd-primary-color, #0b2c21);
	box-shadow: none;
	color: #fff;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 42px;
	letter-spacing: 0;
	text-transform: none;
	cursor: pointer;
	transition: opacity 0.2s;
}

.olive-cn .olive-cn__ok:hover {
	opacity: 0.88;
}

.olive-cn .olive-cn__ok:focus-visible,
.olive-cn .olive-cn__link:focus-visible {
	outline: 3px solid var(--btn-accented-bgcolor, #788c78);
	outline-offset: 2px;
}

/* בזמן שהפס פתוח: תחתית העמוד לא נבלעת מתחתיו, וכפתור הוואטסאפ עולה מעליו */
html.olive-cn-open body {
	padding-bottom: var(--olive-cn-h, 0px);
}

html.olive-cn-open .joinchat {
	--bottom: calc(var(--olive-cn-h, 0px) + var(--sep, 20px)) !important;
}

/* בטלפון: הטקסט למעלה והכפתור ברוחב מלא מתחתיו, אגודל אחד. 575 הוא גבול sm
   של ווודמארט. */
@media (max-width: 575px) {
	.olive-cn.is-open {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
		padding: 12px 16px;
		padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
		font-size: 13px;
		line-height: 1.5;
	}

	.olive-cn .olive-cn__ok {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.olive-cn.is-open {
		animation: none;
	}
}

@media print {
	.olive-cn,
	.olive-cn.is-open {
		display: none !important;
	}
}

@keyframes olive-cn-in {
	from {
		opacity: 0;
		transform: translateY(100%);
	}

	to {
		opacity: 1;
		transform: none;
	}
}