/* =========================================================
   POSTING / EDITOR — migrated from vorro-posting-layout.css
   ========================================================= */
/*
 * Vorro Light V1.3.8
 * Posting form geometry matched to MyBB 1.8.41 default.
 *
 * Reference geometry:
 * - label/smilies column: ~20%
 * - editor/content column: ~80%
 * Vorro changes presentation only; it does not reinvent the form grid.
 */

/* =========================================================
   STOCK-LIKE 20 / 80 GRID
   ========================================================= */

form[name="input"] > table.tborder {
	width: 100% !important;
	table-layout: auto !important;
}

/* MyBB default newthread/newreply/editpost geometry */
form[name="input"] > table.tborder > tbody > tr > td:first-child:not([colspan]) {
	width: 20% !important;
	min-width: 220px !important;
	max-width: none !important;
	box-sizing: border-box;
	vertical-align: top !important;
	padding: 10px 12px !important;
}

form[name="input"] > table.tborder > tbody > tr > td:last-child:not([colspan]) {
	width: 80% !important;
	min-width: 0 !important;
	max-width: none !important;
	box-sizing: border-box;
	vertical-align: top !important;
	padding: 10px 12px !important;
}

/* Do not let nested tables inherit the outer 20/80 sizing. */
form[name="input"] > table.tborder td table td:first-child,
form[name="input"] > table.tborder td table td:last-child {
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
}

/* =========================================================
   SUBJECT
   ========================================================= */

form[name="input"] input[name="subject"] {
	width: min(560px, 100%) !important;
	max-width: 100% !important;
	height: 35px;
	box-sizing: border-box;
}

form[name="input"] select[name="threadprefix"] {
	height: 35px;
	margin-right: 7px;
	vertical-align: middle;
}

/* =========================================================
   POST ICONS
   ========================================================= */

form[name="input"] .posticons_label {
	display: inline-flex !important;
	align-items: center;
	gap: 4px;
	min-height: 22px;
	margin: 2px 7px 2px 0 !important;
	vertical-align: middle;
	white-space: nowrap;
}

form[name="input"] .posticons_label input {
	margin: 0 1px 0 0 !important;
}

form[name="input"] .posticons_label img {
	display: block;
	vertical-align: middle;
}

/* =========================================================
   SMILIES — STOCK MYBB GEOMETRY
   ========================================================= */

/* =========================================================
   OPTIONS / POLL / SUBSCRIPTION
   ========================================================= */

form[name="input"] > table.tborder label {
	line-height: 1.55;
}

form[name="input"] > table.tborder input.checkbox,
form[name="input"] > table.tborder input.radio {
	margin-right: 5px;
	vertical-align: -1px;
}

form[name="input"] input[name="numpolloptions"] {
	width: 90px !important;
}

/* =========================================================
   SUBMIT BUTTONS
   ========================================================= */

form[name="input"] > div[style*="text-align:center"],
form[name="input"] > div[style*="text-align: center"],
form[name="input"] > div[align="center"] {
	display: flex !important;
	align-items: center;
	justify-content: flex-end !important;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

form[name="input"] > div[style*="text-align:center"] .button,
form[name="input"] > div[style*="text-align: center"] .button,
form[name="input"] > div[align="center"] .button {
	margin: 0 !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {
	form[name="input"] > table.tborder > tbody > tr > td:first-child:not([colspan]) {
		width: 24% !important;
		min-width: 180px !important;
	}

	form[name="input"] > table.tborder > tbody > tr > td:last-child:not([colspan]) {
		width: 76% !important;
	}
}

@media (max-width: 620px) {
	form[name="input"] > table.tborder > tbody > tr > td:first-child:not([colspan]),
	form[name="input"] > table.tborder > tbody > tr > td:last-child:not([colspan]) {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
	}

	form[name="input"] > table.tborder > tbody > tr > td:first-child:not([colspan]) {
		padding-bottom: 5px !important;
	}

	form[name="input"] > table.tborder > tbody > tr > td:last-child:not([colspan]) {
		padding-top: 5px !important;
	}

	form[name="input"] input[name="subject"] {
		width: 100% !important;
	}

	form[name="input"] > div[style*="text-align:center"],
	form[name="input"] > div[style*="text-align: center"],
	form[name="input"] > div[align="center"] {
		justify-content: stretch !important;
	}

	form[name="input"] > div[style*="text-align:center"] .button,
	form[name="input"] > div[style*="text-align: center"] .button,
	form[name="input"] > div[align="center"] .button {
		flex: 1 1 auto;
	}
}

/* =========================================================
   POSTING / EDITOR — migrated from vorro-editor-compat.css
   ========================================================= */
/*
 * Vorro Light V1.3.16
 * SCEditor compatibility only.
 *
 * Default MyBB uses editortheme=mybb.css. Vorro must not control the
 * editor's height, flex, iframe, toolbar, or display state.
 *
 * These rules only neutralize Vorro's generic textarea !important skin
 * inside SCEditor source mode.
 */
.sceditor-container > textarea {
	background: #ffffff !important;
	color: #111111 !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	line-height: 1.25 !important;
}

/* SCEditor dropdown fields may keep their native editor-theme styling. */
.sceditor-dropdown input,
.sceditor-dropdown textarea,
.sceditor-dropdown select {
	box-sizing: border-box;
}