.owls-submission-form {
	max-width: 720px;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.owls-submission-form label {
	display: block;
	font-family: var(--font-mono);
	font-size: var(--step--1);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--owls-slate);
	margin-bottom: 0.35em;
}

.owls-submission-form input[type="text"],
.owls-submission-form input[type="file"],
.owls-submission-form textarea {
	width: 100%;
	padding: 0.6em 0.75em;
	border-radius: var(--radius);
	border: 1px solid var(--owls-line-strong);
	background: var(--owls-surface);
	color: var(--owls-ink);
	font-family: var(--font-body);
	font-size: var(--step-0);
}

.owls-submission-form textarea:focus,
.owls-submission-form input:focus {
	outline: 2px solid var(--owls-gold);
	outline-offset: 1px;
}

.owls-checkbox-inline {
	display: inline-flex !important;
	align-items: center;
	gap: 0.4em;
	margin-right: 1rem;
	text-transform: none !important;
	font-family: var(--font-body) !important;
	color: var(--owls-ink) !important;
	font-size: var(--step-0) !important;
}

.owls-word-count {
	display: block;
	font-family: var(--font-mono);
	font-size: var(--step--1);
	color: var(--owls-slate);
	margin-top: 0.35em;
}

.owls-word-count.is-under {
	color: #B5562B;
}

.owls-word-count.is-ok {
	color: var(--owls-teal);
}

.owls-form-error {
	color: #B5562B;
}

.owls-form-success {
	color: var(--owls-teal);
}

/* ── Rich Text Editor ──────────────────────────────────────── */

.owls-editor-wrap {
	border: 1px solid var(--owls-line-strong, #ccc);
	border-radius: var(--radius, 6px);
	overflow: hidden;
}

.owls-editor-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
	padding: 6px 8px;
	background: var(--owls-bg-subtle, #f5f5f5);
	border-bottom: 1px solid var(--owls-line-strong, #ccc);
}

.owls-editor-toolbar button {
	background: transparent;
	border: 1px solid transparent;
	border-radius: 4px;
	padding: 4px 10px;
	cursor: pointer;
	font-size: 13px;
	line-height: 1.4;
	color: inherit;
	transition: background 0.1s, border-color 0.1s;
}

.owls-editor-toolbar button:hover,
.owls-editor-toolbar button.is-active {
	background: var(--owls-gold, #c9a84c);
	border-color: transparent;
	color: #fff;
}

.owls-toolbar-sep {
	width: 1px;
	background: var(--owls-line-strong, #ccc);
	margin: 4px 4px;
	display: inline-block;
}

.owls-editor-body {
	min-height: 280px;
	padding: 1rem 1.25rem;
	outline: none;
	line-height: 1.7;
	font-size: var(--step-0, 1rem);
	background: var(--owls-bg, #fff);
}

.owls-editor-body:focus {
	outline: none;
	box-shadow: inset 0 0 0 2px var(--owls-gold, #c9a84c);
}

.owls-editor-body p { margin: 0 0 1em; }
.owls-editor-body h2 { font-size: 1.35em; margin: 1.2em 0 0.4em; }
.owls-editor-body h3 { font-size: 1.15em; margin: 1em 0 0.4em; }
.owls-editor-body ul, .owls-editor-body ol { padding-left: 1.5em; margin: 0 0 1em; }
.owls-editor-body a { color: var(--owls-gold, #c9a84c); text-decoration: underline; }

.owls-editor-meta {
	display: flex;
	gap: 1.5rem;
	margin-top: 0.5rem;
	font-size: var(--step--1, 0.85rem);
}

.owls-word-count.is-under { color: var(--owls-red, #d63638); }
.owls-word-count.is-ok    { color: var(--owls-green, #1a7f3c); }

/* ── Dark mode editor fixes ────────────────────────────────── */



	.owls-editor-toolbar button {
		color: var(--owls-ink, #e8e8e8);
		border-color: transparent;
	}

	.owls-editor-toolbar button:hover,
	.owls-editor-toolbar button.is-active {
		background: var(--owls-gold, #c9a84c);
		color: #111;
	}

	.owls-toolbar-sep {
		background: var(--owls-line-strong, #444);
	}

	.owls-editor-body {
		background: var(--owls-bg, #1a1a1a);
		color: var(--owls-ink, #e8e8e8);
	}

	.owls-editor-wrap {
		border-color: var(--owls-line-strong, #444);
	}
}

/* Bottom toolbar has border-top instead of border-bottom */
.owls-editor-toolbar--bottom {
	border-top: 1px solid var(--owls-line-strong, #ccc);
	border-bottom: none;
}


}

/* ── Dark mode: toolbar + editor ──────────────────────────── */
/* Covers prefers-color-scheme AND common class-based dark themes */

@media (prefers-color-scheme: dark) {
	.owls-editor-toolbar {
		background: #2a2a2a !important;
		border-color: #444 !important;
	}
	.owls-editor-toolbar button {
		color: #e8e8e8 !important;
	}
	.owls-editor-toolbar button:hover,
	.owls-editor-toolbar button.is-active {
		background: #c9a84c !important;
		color: #111 !important;
	}
	.owls-toolbar-sep {
		background: #444 !important;
	}
	.owls-editor-body {
		background: #1a1a1a !important;
		color: #e8e8e8 !important;
	}
	.owls-editor-wrap {
		border-color: #444 !important;
	}
	.owls-editor-toolbar--bottom {
		border-top-color: #444 !important;
	}
}

/* Class-based dark mode (covers .dark, .dark-mode, [data-theme="dark"] etc.) */
.dark .owls-editor-toolbar,
.dark-mode .owls-editor-toolbar,
[data-theme="dark"] .owls-editor-toolbar,
[class*="dark"] .owls-editor-toolbar {
	background: #2a2a2a !important;
	border-color: #444 !important;
}
.dark .owls-editor-toolbar button,
.dark-mode .owls-editor-toolbar button,
[data-theme="dark"] .owls-editor-toolbar button,
[class*="dark"] .owls-editor-toolbar button {
	color: #e8e8e8 !important;
}
.dark .owls-editor-toolbar button:hover,
.dark-mode .owls-editor-toolbar button:hover,
[data-theme="dark"] .owls-editor-toolbar button:hover,
.dark .owls-editor-toolbar button.is-active,
.dark-mode .owls-editor-toolbar button.is-active,
[data-theme="dark"] .owls-editor-toolbar button.is-active {
	background: #c9a84c !important;
	color: #111 !important;
}
.dark .owls-toolbar-sep,
.dark-mode .owls-toolbar-sep,
[data-theme="dark"] .owls-toolbar-sep {
	background: #444 !important;
}
.dark .owls-editor-body,
.dark-mode .owls-editor-body,
[data-theme="dark"] .owls-editor-body {
	background: #1a1a1a !important;
	color: #e8e8e8 !important;
}
.dark .owls-editor-wrap,
.dark-mode .owls-editor-wrap,
[data-theme="dark"] .owls-editor-wrap {
	border-color: #444 !important;
}