/**
 * ZBH Area Panel Fix v5 — עיצוב
 * לפאנל האזורים יש עמודה משלו. התוכן לעולם לא נכנס מתחתיו.
 */

:root {
	--zbh-apanel-w: 0px;
	--zbh-apanel-gap: 22px;
}

/* ── עמודה ייעודית לפאנל ─────────────────────────────── */

@media (min-width: 1025px) {

	/* הריווח על html - כך גם מקטעים ברוחב מלא לא פורצים החוצה */
	html.zbh-apanel-active {
		padding-inline-end: calc( var(--zbh-apanel-w) + var(--zbh-apanel-gap) );
		box-sizing: border-box;
		overflow-x: hidden;
		transition: padding-inline-end .3s cubic-bezier(.4, 0, .2, 1);
	}

	html.zbh-apanel-active body {
		max-width: 100%;
		overflow-x: clip;
	}

	/* מקטעים נמתחים של אלמנטור - מוחזרים לגבולות התוכן */
	html.zbh-apanel-active .elementor-section-stretched,
	html.zbh-apanel-active [class*="full-width"],
	html.zbh-apanel-active [class*="full_width"],
	html.zbh-apanel-active [style*="100vw"] {
		width: 100% !important;
		max-width: 100% !important;
		left: 0 !important;
		right: 0 !important;
		margin-inline: 0 !important;
	}

	/* סרגל הניהול של וורדפרס נשאר ברוחב מלא */
	html.zbh-apanel-active #wpadminbar {
		inset-inline-end: calc( -1 * ( var(--zbh-apanel-w) + var(--zbh-apanel-gap) ) );
		width: 100vw;
	}

	/* הפאנל עצמו - צמוד לקצה, בעמודה שפינינו לו */
	.zbh-apanel {
		inset-inline-end: 0 !important;
	}
}

/* מסכים בינוניים: הפאנל מתכווץ בעדינות, העמודה מצטמצמת איתו */
@media (min-width: 1025px) and (max-width: 1440px) {
	.zbh-apanel {
		transform: scale(.9);
		transform-origin: top right;
	}
}

@media (min-width: 1025px) and (max-width: 1180px) {
	.zbh-apanel {
		transform: scale(.82);
	}
}

/* ── עיצוב הפאנל ────────────────────────────────────── */

.zbh-apanel {
	border-radius: 16px 0 0 16px;
	box-shadow: -12px 0 34px -14px rgba(60, 20, 90, .3), -1px 0 0 rgba(0, 0, 0, .05);
	transition: transform .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s ease;
	max-height: 86vh;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
	scrollbar-color: rgba(123, 31, 162, .35) transparent;
}

.zbh-apanel::-webkit-scrollbar {
	width: 6px;
}

.zbh-apanel::-webkit-scrollbar-thumb {
	background: rgba(123, 31, 162, .32);
	border-radius: 999px;
}

.zbh-apanel::-webkit-scrollbar-track {
	background: transparent;
}

/* שורות האזורים */
.zbh-apanel a,
.zbh-apanel li,
.zbh-apanel [class*="row"],
.zbh-apanel [class*="item"] {
	transition: background-color .18s ease;
}

.zbh-apanel a:hover,
.zbh-apanel li:hover,
.zbh-apanel [class*="row"]:hover,
.zbh-apanel [class*="item"]:hover {
	background-color: rgba(123, 31, 162, .07);
}

/* מספרי הכמות */
.zbh-apanel [class*="count"],
.zbh-apanel [class*="badge"],
.zbh-apanel [class*="num"] {
	border-radius: 999px;
	font-variant-numeric: tabular-nums;
}

/* ── מובייל וטאבלט: התנהגות מקורית ──────────────────── */

@media (max-width: 1024px) {
	html.zbh-apanel-active {
		padding-inline-end: 0;
	}
	.zbh-apanel {
		transform: none;
		border-radius: 0;
		max-height: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	html.zbh-apanel-active,
	.zbh-apanel,
	.zbh-apanel a,
	.zbh-apanel li {
		transition: none !important;
	}
}