/* bituch-site · the cookie banner (באנר עוגיות) and the "עוגיות" control in the footer.
   Tokens from the theme (theme.json) with the palette as fallback. Two equal buttons, no shadow. */

.bituch-consent {
	--cs-ink: var(--wp--preset--color--ink, #221D37);
	--cs-ink-soft: var(--wp--preset--color--ink-soft, #524E69);
	--cs-surface: var(--wp--preset--color--surface, #FFFEFB);
	--cs-soft: var(--wp--preset--color--soft, #F7F4FC);
	--cs-brand: var(--wp--preset--color--brand, #624BBC);
	--cs-brand-deep: var(--wp--preset--color--brand-deep, #432C8B);
	--cs-font: var(--wp--preset--font-family--plex, "IBM Plex Sans Hebrew", "Segoe UI", "Arial Hebrew", "Noto Sans Hebrew", Arial, sans-serif);
	--cs-r-pill: var(--wp--custom--radius--pill, 999px);

	position: fixed;
	z-index: 2147482000;
	left: 0;
	right: 0;
	bottom: 0;
	box-sizing: border-box;
	padding: 14px var(--wp--preset--spacing--gutter, 16px);
	padding-bottom: max(14px, env(safe-area-inset-bottom, 0px));
	border-top: 1.5px solid var(--cs-ink);
	background: var(--cs-surface);
	color: var(--cs-ink);
	direction: rtl;
	font-family: var(--cs-font);
	font-size: calc(15px * var(--bituch-a11y-fs, 1));
	font-weight: 400;
	line-height: 1.5;
	text-align: start;
}

.bituch-consent[hidden] {
	display: none;
}

.bituch-consent *,
.bituch-consent *::before,
.bituch-consent *::after {
	box-sizing: border-box;
}

.bituch-consent__box {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 28px;
}

.bituch-consent__text {
	flex: 1 1 320px;
	margin: 0;
}

.bituch-consent__link {
	color: var(--cs-brand);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.bituch-consent__link:hover {
	color: var(--cs-brand-deep);
}

/* Two choices of the same size and weight, side by side. */
.bituch-consent__actions {
	flex: 1 1 260px;
	max-width: 360px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.bituch-consent__btn {
	min-height: 46px;
	padding: 0 18px;
	border: 1.5px solid var(--cs-ink);
	border-radius: var(--cs-r-pill);
	background: var(--cs-surface);
	color: var(--cs-ink);
	font: inherit;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
}

.bituch-consent__btn:hover {
	background: var(--cs-soft);
}

.bituch-consent :is(a, button):focus-visible {
	outline: 2px solid var(--cs-ink);
	outline-offset: 3px;
}

@media (max-width: 599px) {
	.bituch-consent__actions {
		flex-basis: 100%;
		max-width: none;
	}
}

/* The "עוגיות" control. consent.js moves the button onto the footer's contact line; the wrapper only
   shows when that line is missing. */
.bituch-site-cookies {
	display: none;
	padding: 0 var(--wp--preset--spacing--gutter, 16px) 24px;
	font-size: var(--wp--preset--font-size--meta, 14px);
	text-align: center;
}

.bituch-site-cookies.is-ready {
	display: block;
}

.bituch-site-cookies__btn {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	color: var(--wp--preset--color--ink-soft, #524E69);
	font: inherit;
	text-decoration: none;
	cursor: pointer;
}

.bituch-site-cookies__btn:hover {
	color: var(--wp--preset--color--brand-deep, #432C8B);
	text-decoration: underline;
}

.bituch-site-cookies__btn:focus-visible {
	outline: 2px solid var(--wp--preset--color--ink, #221D37);
	outline-offset: 3px;
}

@media (any-pointer: coarse) {
	.bituch-site-cookies__btn {
		min-height: 44px;
	}
}

@media print {
	.bituch-consent,
	.bituch-site-cookies {
		display: none;
	}
}