:root {
	--editor-bg: #fff;
	--editor-color: #000;
	--editor-border: #2a2828;
	--toolbar-bg: #fff;
	--toolbar-border: #444;
	--toolbar-icon: #ccc;
}
.dark-theme {
	--editor-bg: #1e1e1e;
	--editor-color: #fff;
	--editor-border: #838181;
	--toolbar-bg: #fff;
	--toolbar-border: #444;
	--toolbar-icon: #ccc;
}
/* Quill Editor Styling Overrides */
.ql-toolbar.ql-snow {
	background: var(--toolbar-bg);
	border-color: var(--toolbar-border);
	border: solid 1px var(--editor-border);
	color: var(--editor-color);
}
.ql-container.ql-snow {
	background: var(--editor-bg);
	color: var(--editor-color);
	border: solid 1px var(--editor-border);
}
.ql-editor {
	background-color: transparent !important;
	color: var(--editor-color) !important;
	border: none !important;
}
.ql-container {
	/* font-size: unset !important; */
	font-size: var(--form-element-fsize) !important;
}
.ql-container p {
	/* font-size: unset !important; */
	font-size: var(--form-element-fsize) !important;
}
.ql-snow .ql-stroke {
	stroke: var(--toolbar-icon);
}
.ql-snow .ql-fill {
	fill: var(--toolbar-icon);
}
.ql-snow .ql-picker {
	color: var(--toolbar-icon);
}
/* Optional: subtle hover & focus tweaks */
.ql-toolbar button:hover .ql-stroke,
.ql-toolbar button:hover .ql-fill {
	stroke: #00b3ff;
	fill: #00b3ff;
}
.ql-toolbar.ql-snow {
	background: #fff;
	border-color: var(--toolbar-border);
}
.ql-picker-options {
	/* fixed: dont edit */
	font-size: 18px !important;
}
/* =======================================================
   Fix for Global Form CSS Conflict
   Resets aggressive styles from listing-forms.css
   ======================================================= */
/* 1. Force the hidden selects in the toolbar to stay hidden */
.ql-toolbar select {
	display: none !important;
}
/* 2. Reset inputs inside Quill tooltips (Link/Video popups) */
.ql-tooltip input[type="text"] {
	display: inline-block !important;
	width: 170px !important; /* Standard Quill width */
	margin: 0 !important;
	padding: 5px !important;
	height: auto !important;
	line-height: normal !important;
}
/* 3. Ensure the custom picker labels don't get messed up */
.ql-toolbar .ql-picker-label {
	display: flex !important; /* Keeps alignment correct */
}
.ql-video {
	width: 100% !important;
	height: 600px !important;
}