/* =============================================================
   תוסף נגישות פרו - גליון סגנונות
   v1.0.2 - שיפור UX/UI, ללא סקרול אופקי, מובייל מושלם
   ============================================================= */

/* ---------- Reset for widget only ---------- */
#acc-pro-toggle,
#acc-pro-toggle *,
#acc-pro-toggle *::before,
#acc-pro-toggle *::after,
#acc-pro-panel,
#acc-pro-panel *,
#acc-pro-panel *::before,
#acc-pro-panel *::after {
	box-sizing: border-box !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

/* ---------- Toggle Button ---------- */
#acc-pro-toggle {
	--acc-color: #1a4cff;
	position: fixed;
	z-index: 999998;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--acc-color);
	color: #fff;
	border: 3px solid #fff;
	box-shadow: 0 6px 20px rgba(0,0,0,.18), 0 2px 6px rgba(0,0,0,.08);
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform .25s cubic-bezier(.4,0,.2,1), box-shadow .25s ease;
	font-family: var(--acc-pro-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Heebo", "Open Sans Hebrew", Arial, sans-serif);
	line-height: 1;
}
#acc-pro-toggle:hover { box-shadow: 0 10px 28px rgba(0,0,0,.25), 0 4px 10px rgba(0,0,0,.1); }
#acc-pro-toggle:focus-visible { outline: 3px solid #fbbf24; outline-offset: 3px; }
#acc-pro-toggle svg { width: 28px; height: 28px; display: block; }

#acc-pro-toggle.acc-pro-pos-bottom-right { bottom: 20px; right: 20px; }
#acc-pro-toggle.acc-pro-pos-bottom-left  { bottom: 20px; left: 20px; }
#acc-pro-toggle.acc-pro-pos-middle-right { top: 50%; transform: translateY(-50%); right: 20px; }
#acc-pro-toggle.acc-pro-pos-middle-left  { top: 50%; transform: translateY(-50%); left: 20px; }
#acc-pro-toggle.acc-pro-pos-top-right    { top: 20px; right: 20px; }
#acc-pro-toggle.acc-pro-pos-top-left     { top: 20px; left: 20px; }

#acc-pro-toggle:hover.acc-pro-pos-middle-right,
#acc-pro-toggle:hover.acc-pro-pos-middle-left { transform: translateY(-50%) scale(1.08); }
#acc-pro-toggle:hover.acc-pro-pos-bottom-right,
#acc-pro-toggle:hover.acc-pro-pos-bottom-left,
#acc-pro-toggle:hover.acc-pro-pos-top-right,
#acc-pro-toggle:hover.acc-pro-pos-top-left { transform: scale(1.1); }

/* ---------- Panel ---------- */
#acc-pro-panel {
	--acc-color: #1a4cff;
	position: fixed;
	z-index: 999999;
	direction: rtl;
	width: 340px;
	background: #fff;
	color: #1f2937;
	border-radius: 16px;
	box-shadow: 0 20px 60px rgba(0,0,0,.18), 0 8px 20px rgba(0,0,0,.08);
	font-family: var(--acc-pro-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Heebo", "Open Sans Hebrew", Arial, sans-serif);
	font-size: 14px;
	line-height: 1.5;
	display: none;
	flex-direction: column;
	overflow: hidden;
	max-width: calc(100vw - 24px);
	max-height: calc(100vh - 110px);
}
#acc-pro-panel.acc-pro-open {
	display: flex;
	animation: accProSlideIn .25s cubic-bezier(.4,0,.2,1);
}

@keyframes accProSlideIn {
	from { opacity: 0; transform: translateY(10px) scale(.96); }
	to   { opacity: 1; transform: translateY(0) scale(1); }
}
#acc-pro-panel.acc-pro-pos-middle-right.acc-pro-open,
#acc-pro-panel.acc-pro-pos-middle-left.acc-pro-open {
	animation-name: accProSlideInMiddle;
}
@keyframes accProSlideInMiddle {
	from { opacity: 0; transform: translateY(-50%) scale(.96); }
	to   { opacity: 1; transform: translateY(-50%) scale(1); }
}

#acc-pro-panel.acc-pro-pos-bottom-right { bottom: 90px; right: 20px; }
#acc-pro-panel.acc-pro-pos-bottom-left  { bottom: 90px; left: 20px; }
#acc-pro-panel.acc-pro-pos-middle-right { top: 50%; transform: translateY(-50%); right: 90px; }
#acc-pro-panel.acc-pro-pos-middle-left  { top: 50%; transform: translateY(-50%); left: 90px; }
#acc-pro-panel.acc-pro-pos-top-right    { top: 90px; right: 20px; }
#acc-pro-panel.acc-pro-pos-top-left     { top: 90px; left: 20px; }

/* ---------- Panel Header (with subtle gradient) ---------- */
#acc-pro-panel-header {
	background: var(--acc-color);
	background-image: linear-gradient(135deg, var(--acc-color) 0%, color-mix(in srgb, var(--acc-color) 80%, #000 20%) 100%);
	color: #fff;
	padding: 14px 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-shrink: 0;
}
#acc-pro-title {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 8px;
	line-height: 1;
	min-width: 0;
}
#acc-pro-title svg { width: 22px; height: 22px; flex-shrink: 0; }
#acc-pro-title span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.acc-pro-header-actions { display: flex; gap: 6px; flex-shrink: 0; }
.acc-pro-icon-btn {
	background: rgba(255,255,255,.16);
	border: 0;
	color: #fff;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	transition: background .15s, transform .15s;
}
.acc-pro-icon-btn:hover { background: rgba(255,255,255,.28); transform: scale(1.05); }
.acc-pro-icon-btn:focus-visible { outline: 2px solid #fbbf24; outline-offset: 1px; }

/* ---------- Panel Body ---------- */
#acc-pro-panel-body {
	flex: 1 1 auto;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 14px;
	background: #f8fafc;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: #cbd5e1 transparent;
}
#acc-pro-panel-body::-webkit-scrollbar { width: 6px; }
#acc-pro-panel-body::-webkit-scrollbar-track { background: transparent; }
#acc-pro-panel-body::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
#acc-pro-panel-body::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

.acc-pro-section { margin-bottom: 14px; }
.acc-pro-section:last-child { margin-bottom: 0; }
.acc-pro-section-title {
	margin: 0 0 8px;
	padding: 0 4px;
	font-size: 11px;
	font-weight: 700;
	color: #6b7280;
	text-align: right;
	text-transform: none;
	letter-spacing: .03em;
	line-height: 1.4;
}
#acc-pro-title {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
}
.acc-pro-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	width: 100%;
}

/* ---------- Feature Buttons ---------- */
.acc-pro-feature-btn {
	background: #fff;
	border: 2px solid #e5e7eb;
	border-radius: 12px;
	padding: 12px 8px;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	color: #1f2937;
	font-size: 12.5px;
	font-weight: 500;
	font-family: inherit;
	transition: border-color .15s, background .15s, color .15s, transform .1s;
	min-height: 86px;
	justify-content: center;
	text-align: center;
	line-height: 1.25;
	width: 100%;
	overflow: hidden;
	word-break: keep-all;
	overflow-wrap: break-word;
	position: relative;
}
.acc-pro-feature-btn:hover {
	border-color: var(--acc-color, #1a4cff);
	background: #f1f5ff;
}
.acc-pro-feature-btn:active { transform: scale(.97); }
.acc-pro-feature-btn:focus-visible {
	outline: 2px solid var(--acc-color, #1a4cff);
	outline-offset: 1px;
}
.acc-pro-feature-btn.acc-pro-active {
	border-color: var(--acc-color, #1a4cff);
	background: #eaf0ff;
	color: var(--acc-color, #1a4cff);
}
.acc-pro-feature-btn.acc-pro-active::after {
	content: "";
	position: absolute;
	top: 6px;
	left: 6px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--acc-color, #1a4cff);
}
.acc-pro-feature-icon {
	display: flex;
	line-height: 0;
	flex-shrink: 0;
}
.acc-pro-feature-icon svg { width: 22px; height: 22px; display: block; }
.acc-pro-feature-label {
	display: block;
	width: 100%;
	white-space: normal;
	overflow-wrap: break-word;
	hyphens: none;
}

.acc-pro-level {
	display: flex;
	gap: 3px;
	margin-top: 2px;
	min-height: 4px;
	justify-content: center;
	flex-shrink: 0;
}
.acc-pro-level i {
	display: block;
	width: 10px;
	height: 4px;
	background: #e5e7eb;
	border-radius: 2px;
	transition: background .2s;
}

/* ---------- Links section ---------- */
.acc-pro-links {
	display: flex;
	gap: 8px;
	width: 100%;
}
.acc-pro-link-btn {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 12px 10px;
	text-align: center;
	background: #fff;
	border: 2px solid #e5e7eb;
	border-radius: 12px;
	color: #1f2937;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
	transition: border-color .15s, color .15s, background .15s;
	font-family: inherit;
}
.acc-pro-link-btn:hover,
.acc-pro-link-btn:focus-visible {
	border-color: var(--acc-color, #1a4cff);
	color: var(--acc-color, #1a4cff);
	background: #f5f8ff;
	text-decoration: none;
}
.acc-pro-link-btn svg { flex-shrink: 0; }

/* ---------- Footer Credit ---------- */
#acc-pro-panel-footer {
	padding: 11px 14px;
	background: var(--acc-color, #1a4cff);
	text-align: center;
	flex-shrink: 0;
}
#acc-pro-panel-footer a {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	font-weight: 500;
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#acc-pro-panel-footer a:hover { text-decoration: underline; }

/* =============================================================
   RESPONSIVE — Tablet & Mobile
   ============================================================= */

/* Tablet (768px and below) */
@media (max-width: 768px) {
	#acc-pro-panel {
		width: 340px;
		max-width: calc(100vw - 20px);
	}
}

/* Mobile (520px and below) — full-width drawer */
@media (max-width: 520px) {
	#acc-pro-panel {
		width: calc(100vw - 16px) !important;
		max-width: 420px !important;
		right: 8px !important;
		left: 8px !important;
		top: auto !important;
		bottom: 80px !important;
		transform: none !important;
		max-height: calc(100vh - 100px) !important;
		margin: 0 auto !important;
	}
	#acc-pro-panel.acc-pro-pos-top-right,
	#acc-pro-panel.acc-pro-pos-top-left {
		top: 80px !important;
		bottom: auto !important;
	}
	#acc-pro-panel.acc-pro-pos-middle-right.acc-pro-open,
	#acc-pro-panel.acc-pro-pos-middle-left.acc-pro-open {
		animation-name: accProSlideIn;
	}
	#acc-pro-panel.acc-pro-pos-middle-right,
	#acc-pro-panel.acc-pro-pos-middle-left {
		top: auto !important;
	}

	/* Smaller buttons on phone but still touch-friendly */
	.acc-pro-feature-btn {
		min-height: 78px;
		padding: 10px 6px;
		font-size: 12px;
		border-radius: 10px;
	}
	.acc-pro-feature-icon svg { width: 20px; height: 20px; }
	#acc-pro-panel-body { padding: 12px; }
	.acc-pro-grid { gap: 7px; }
	#acc-pro-title { font-size: 15px; }
}

/* Very small phones (360px and below) */
@media (max-width: 360px) {
	.acc-pro-feature-btn {
		min-height: 72px;
		padding: 8px 4px;
		font-size: 11.5px;
	}
	.acc-pro-feature-label { line-height: 1.2; }
}

/* =============================================================
   ACCESSIBILITY FEATURE RULES
   Applied to <html> via JS, e.g. html.acc-grayscale-1
   ============================================================= */

/* ---------- Text size: handled entirely by JS (per-element scaling). ----------
   CSS-based html font-size scaling is removed because most modern WordPress
   themes (and Elementor) use fixed px sizes that ignore html font-size.
   JS reads each element's original size and applies an inline font-size
   override — this works for both px-based and em/rem-based themes.
   See assets/frontend.js → applyTextSize().
*/

/* ---------- Line height ---------- */
html.acc-line-height-1 body p,
html.acc-line-height-1 body li,
html.acc-line-height-1 body div,
html.acc-line-height-1 body span,
html.acc-line-height-1 body h1,
html.acc-line-height-1 body h2,
html.acc-line-height-1 body h3,
html.acc-line-height-1 body h4,
html.acc-line-height-1 body h5,
html.acc-line-height-1 body h6 { line-height: 1.7 !important; }
html.acc-line-height-2 body p,
html.acc-line-height-2 body li,
html.acc-line-height-2 body div,
html.acc-line-height-2 body span,
html.acc-line-height-2 body h1,
html.acc-line-height-2 body h2,
html.acc-line-height-2 body h3,
html.acc-line-height-2 body h4,
html.acc-line-height-2 body h5,
html.acc-line-height-2 body h6 { line-height: 2.1 !important; }
html.acc-line-height-3 body p,
html.acc-line-height-3 body li,
html.acc-line-height-3 body div,
html.acc-line-height-3 body span,
html.acc-line-height-3 body h1,
html.acc-line-height-3 body h2,
html.acc-line-height-3 body h3,
html.acc-line-height-3 body h4,
html.acc-line-height-3 body h5,
html.acc-line-height-3 body h6 { line-height: 2.6 !important; }

/* ---------- Letter spacing ---------- */
html.acc-letter-spacing-1 body p,
html.acc-letter-spacing-1 body li,
html.acc-letter-spacing-1 body span,
html.acc-letter-spacing-1 body a,
html.acc-letter-spacing-1 body h1,
html.acc-letter-spacing-1 body h2,
html.acc-letter-spacing-1 body h3 { letter-spacing: .05em !important; }
html.acc-letter-spacing-2 body p,
html.acc-letter-spacing-2 body li,
html.acc-letter-spacing-2 body span,
html.acc-letter-spacing-2 body a,
html.acc-letter-spacing-2 body h1,
html.acc-letter-spacing-2 body h2,
html.acc-letter-spacing-2 body h3 { letter-spacing: .12em !important; }
html.acc-letter-spacing-3 body p,
html.acc-letter-spacing-3 body li,
html.acc-letter-spacing-3 body span,
html.acc-letter-spacing-3 body a,
html.acc-letter-spacing-3 body h1,
html.acc-letter-spacing-3 body h2,
html.acc-letter-spacing-3 body h3 { letter-spacing: .22em !important; }

/* ---------- Readable font ---------- */
html.acc-readable-font-1 body,
html.acc-readable-font-1 body p,
html.acc-readable-font-1 body li,
html.acc-readable-font-1 body a,
html.acc-readable-font-1 body span,
html.acc-readable-font-1 body div,
html.acc-readable-font-1 body td,
html.acc-readable-font-1 body th,
html.acc-readable-font-1 body button,
html.acc-readable-font-1 body input,
html.acc-readable-font-1 body select,
html.acc-readable-font-1 body textarea,
html.acc-readable-font-1 body h1,
html.acc-readable-font-1 body h2,
html.acc-readable-font-1 body h3,
html.acc-readable-font-1 body h4,
html.acc-readable-font-1 body h5,
html.acc-readable-font-1 body h6 {
	font-family: Arial, "Open Sans Hebrew", "Heebo", "Open Sans", sans-serif !important;
}

/* ---------- Text alignment ---------- */
html.acc-text-align-1 body p,
html.acc-text-align-1 body li,
html.acc-text-align-1 body td,
html.acc-text-align-1 body div { text-align: right !important; }
html.acc-text-align-2 body p,
html.acc-text-align-2 body li,
html.acc-text-align-2 body td,
html.acc-text-align-2 body div { text-align: center !important; }
html.acc-text-align-3 body p,
html.acc-text-align-3 body li,
html.acc-text-align-3 body td,
html.acc-text-align-3 body div { text-align: left !important; }

/* ---------- Contrast level 1: high contrast (white bg, black text) ---------- */
html.acc-contrast-1 body,
html.acc-contrast-1 body p,
html.acc-contrast-1 body li,
html.acc-contrast-1 body td,
html.acc-contrast-1 body span,
html.acc-contrast-1 body div,
html.acc-contrast-1 body h1,
html.acc-contrast-1 body h2,
html.acc-contrast-1 body h3,
html.acc-contrast-1 body h4,
html.acc-contrast-1 body h5,
html.acc-contrast-1 body h6 {
	background-color: #fff !important;
	color: #000 !important;
	text-shadow: none !important;
}
html.acc-contrast-1 body a:not(#acc-pro-panel a):not(#acc-pro-toggle a) {
	color: #0000ee !important;
	text-decoration: underline !important;
}

/* ---------- Contrast level 2: inverted (black bg, white text) ---------- */
html.acc-contrast-2 body,
html.acc-contrast-2 body p,
html.acc-contrast-2 body li,
html.acc-contrast-2 body td,
html.acc-contrast-2 body span,
html.acc-contrast-2 body div,
html.acc-contrast-2 body section,
html.acc-contrast-2 body article,
html.acc-contrast-2 body main,
html.acc-contrast-2 body header,
html.acc-contrast-2 body footer,
html.acc-contrast-2 body nav,
html.acc-contrast-2 body aside,
html.acc-contrast-2 body h1,
html.acc-contrast-2 body h2,
html.acc-contrast-2 body h3,
html.acc-contrast-2 body h4,
html.acc-contrast-2 body h5,
html.acc-contrast-2 body h6 {
	background-color: #000 !important;
	background-image: none !important;
	color: #fff !important;
	border-color: #fff !important;
	text-shadow: none !important;
	box-shadow: none !important;
}
html.acc-contrast-2 body a:not(#acc-pro-panel a):not(#acc-pro-toggle a) { color: #ff0 !important; }
html.acc-contrast-2 body img,
html.acc-contrast-2 body video { opacity: .85; }

/* ---------- Grayscale (apply to body direct children, skip widget) ---------- */
html.acc-grayscale-1 body > *#acc-pro-toggle,
html.acc-grayscale-1 body > *#acc-pro-panel { filter: none !important; }
html.acc-grayscale-1 body > *:not(#acc-pro-toggle):not(#acc-pro-panel) {
	filter: grayscale(100%) !important;
	-webkit-filter: grayscale(100%) !important;
}

/* ---------- Hide images ---------- */
html.acc-hide-images-1 img,
html.acc-hide-images-1 picture,
html.acc-hide-images-1 video,
html.acc-hide-images-1 svg:not(#acc-pro-panel svg):not(#acc-pro-toggle svg),
html.acc-hide-images-1 iframe {
	visibility: hidden !important;
}
html.acc-hide-images-1 #acc-pro-panel img,
html.acc-hide-images-1 #acc-pro-toggle img,
html.acc-hide-images-1 #acc-pro-panel svg,
html.acc-hide-images-1 #acc-pro-toggle svg { visibility: visible !important; }
html.acc-hide-images-1 body *:not(#acc-pro-panel):not(#acc-pro-toggle) {
	background-image: none !important;
}

/* ---------- No animation ---------- */
html.acc-no-animation-1 *:not(#acc-pro-panel):not(#acc-pro-toggle),
html.acc-no-animation-1 *::before,
html.acc-no-animation-1 *::after {
	animation-duration: 0.001ms !important;
	animation-delay: 0ms !important;
	animation-iteration-count: 1 !important;
	transition-duration: 0ms !important;
	transition-delay: 0ms !important;
	scroll-behavior: auto !important;
}

/* ---------- Highlight links ---------- */
html.acc-highlight-links-1 body a:not(#acc-pro-panel a):not(#acc-pro-toggle a) {
	background: #ff0 !important;
	color: #000 !important;
	text-decoration: underline !important;
	padding: 1px 4px !important;
	font-weight: 700 !important;
	outline: 2px solid #000 !important;
	outline-offset: 1px !important;
}

/* ---------- Highlight headings ---------- */
html.acc-highlight-headings-1 body h1:not(#acc-pro-panel h1),
html.acc-highlight-headings-1 body h2:not(#acc-pro-panel h2),
html.acc-highlight-headings-1 body h3:not(#acc-pro-panel h3),
html.acc-highlight-headings-1 body h4:not(#acc-pro-panel h4),
html.acc-highlight-headings-1 body h5:not(#acc-pro-panel h5),
html.acc-highlight-headings-1 body h6:not(#acc-pro-panel h6) {
	outline: 3px dashed #1a4cff !important;
	outline-offset: 2px !important;
	background: #fffae6 !important;
}

/* ---------- Reading mask (overlay strips, controlled by JS) ---------- */
.acc-pro-reading-mask {
	position: fixed;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.78);
	z-index: 999990;
	pointer-events: none;
	transition: none !important;
}

/* ---------- Focus frame ---------- */
html.acc-focus-frame-1 a:focus,
html.acc-focus-frame-1 button:focus,
html.acc-focus-frame-1 input:focus,
html.acc-focus-frame-1 select:focus,
html.acc-focus-frame-1 textarea:focus,
html.acc-focus-frame-1 [tabindex]:focus,
html.acc-focus-frame-1 [contenteditable]:focus {
	outline: 4px solid #ff6b00 !important;
	outline-offset: 3px !important;
	box-shadow: 0 0 0 7px rgba(255,107,0,.35) !important;
}

/* ---------- Big cursor ---------- */
html.acc-big-cursor-1,
html.acc-big-cursor-1 * {
	cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'><path fill='black' stroke='white' stroke-width='1' d='M5.5 3.2V20.8L10.4 16l2.8 6.7 1.9-.8-2.7-6.6h6.9z'/></svg>") 0 0, auto !important;
}
html.acc-big-cursor-1 a,
html.acc-big-cursor-1 button,
html.acc-big-cursor-1 [role="button"] {
	cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'><path fill='white' stroke='black' stroke-width='1.5' d='M9 11.5V4.5a1.5 1.5 0 1 1 3 0V11h.5a1.5 1.5 0 0 1 1.5-1.5 1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1 1.5-1.5 1.5 1.5 0 0 1 1.5 1.5v6a4 4 0 0 1-4 4h-2.5a4 4 0 0 1-3.4-1.9l-2.6-4.3a1.5 1.5 0 0 1 2.5-1.7z'/></svg>") 0 0, pointer !important;
}

/* =============================================================
   Widget-protection overrides (highest specificity via #id)
   Ensures the widget itself stays readable under any feature.
   ============================================================= */
html #acc-pro-toggle,
html #acc-pro-toggle * {
	filter: none !important;
	letter-spacing: normal !important;
	text-align: center !important;
	font-family: var(--acc-pro-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Heebo", Arial, sans-serif) !important;
	line-height: 1 !important;
	pointer-events: auto !important;
	user-select: auto !important;
	-webkit-user-select: auto !important;
	-moz-user-select: auto !important;
	-ms-user-select: auto !important;
	-webkit-touch-callout: default !important;
}
html #acc-pro-panel,
html #acc-pro-panel * {
	filter: none !important;
	text-shadow: none !important;
	letter-spacing: normal !important;
	font-family: var(--acc-pro-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Heebo", "Open Sans Hebrew", Arial, sans-serif) !important;
	pointer-events: auto !important;
	user-select: auto !important;
	-webkit-user-select: auto !important;
	-moz-user-select: auto !important;
	-ms-user-select: auto !important;
	-webkit-touch-callout: default !important;
}
html #acc-pro-toggle,
html #acc-pro-panel button,
html #acc-pro-panel a,
html #acc-pro-panel .acc-pro-feature-btn,
html #acc-pro-panel .acc-pro-icon-btn,
html #acc-pro-panel .acc-pro-link-btn {
	cursor: pointer !important;
}
html #acc-pro-panel { background: #fff !important; color: #1f2937 !important; line-height: 1.5 !important; }
html #acc-pro-panel-body { background: #f8fafc !important; }
html #acc-pro-panel-header,
html #acc-pro-panel-header * { color: #fff !important; }
html #acc-pro-panel-footer,
html #acc-pro-panel-footer * { background: var(--acc-color, #1a4cff) !important; color: #fff !important; }
html #acc-pro-panel .acc-pro-feature-btn,
html #acc-pro-panel .acc-pro-link-btn {
	background: #fff !important;
	color: #1f2937 !important;
	border-color: #e5e7eb !important;
	text-align: center !important;
	outline: none;
}
html #acc-pro-panel .acc-pro-feature-btn.acc-pro-active {
	background: #eaf0ff !important;
	color: var(--acc-color, #1a4cff) !important;
	border-color: var(--acc-color, #1a4cff) !important;
}