/**
 * Submission form styles — Art Data Model plugin.
 * All colours use var(--adm-*) custom properties.
 * Password gate and multi-column form layout.
 */

/* ── Password gate ────────────────────────────────────────────────────────── */

.adm-submission-gate {
	max-width: 360px;
	margin: 4rem auto;
	padding: 2rem;
	background: var(--adm-card-bg, #fff);
	border: 1px solid var(--adm-card-border, #e0e0e0);
	border-radius: 6px;
}

/* ── Notices ──────────────────────────────────────────────────────────────── */

.adm-submission-notice {
	padding: .75rem 1rem;
	border-radius: 4px;
	font-size: .9rem;
	line-height: 1.5;
	margin-bottom: 1.5rem;
}
.adm-submission-notice--error {
	background: #fef2f2;
	border: 1px solid #fca5a5;
	color: #991b1b;
}
.adm-submission-notice--success {
	background: #f0fdf4;
	border: 1px solid #86efac;
	color: #166534;
}
.adm-submission-notice ul {
	margin: .4rem 0 0 1.2rem;
	padding: 0;
}
.adm-submission-notice li {
	margin: .2rem 0;
}

/* ── Form wrapper ─────────────────────────────────────────────────────────── */

.adm-submission-form {
	max-width: 800px;
	margin: 0 auto;
}
.adm-submission-form__title {
	font-size: clamp(1.6rem, 4vw, 2.4rem);
	margin: 0 0 0.6rem;
	line-height: 1.2;
	color: var(--adm-text-h1, #ff0000) !important;
}

/* ── Field groups ─────────────────────────────────────────────────────────── */

.adm-submission-row {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	margin-bottom: 1.25rem;
}
.adm-submission-field {
	flex: 1 1 200px;
	display: flex;
	flex-direction: column;
	gap: .35rem;
}
.adm-submission-field--full {
	flex: 1 1 100%;
}

.adm-submission-field label {
	font-size: .875rem;
	font-weight: 600;
	color: #ffffff !important;
}
.adm-submission-field .adm-submission-field__note {
	font-size: .78rem;
	color: rgba(255,255,255,0.6) !important;
	margin: 0;
}

/* ── Inputs ───────────────────────────────────────────────────────────────── */

.adm-submission-field input[type="text"],
.adm-submission-field input[type="number"],
.adm-submission-field input[type="email"],
.adm-submission-field select,
.adm-submission-field textarea {
	width: 100%;
	box-sizing: border-box;
	padding: .5rem .75rem;
	border: 1px solid var(--adm-input-border, #cccccc);
	border-radius: 4px;
	background: #ffffff !important;
	color: var(--adm-text-h3, #990000) !important;
	font-size: 1rem;
	font-family: inherit;
}
.adm-submission-field textarea {
	resize: vertical;
	min-height: 100px;
}
.adm-submission-field input[type="file"] {
	font-size: .9rem;
	color: #ffffff !important;
}

/* ── Char count ───────────────────────────────────────────────────────────── */

.adm-submission-field__char-count {
	font-size: .78rem;
	color: var(--adm-text-muted, #777);
	text-align: right;
}
.adm-submission-field__char-count.is-near-limit {
	color: #b45309;
}
.adm-submission-field__char-count.is-over-limit {
	color: #dc2626;
}

/* ── Checkbox row ─────────────────────────────────────────────────────────── */

.adm-submission-checkbox {
	display: flex;
	align-items: flex-start;
	gap: .6rem;
	margin-bottom: 1.25rem;
}
.adm-submission-checkbox input[type="checkbox"] {
	margin-top: .2rem;
	flex-shrink: 0;
	width: 1.1rem;
	height: 1.1rem;
}
.adm-submission-checkbox label {
	font-size: .9rem;
	color: #ffffff !important;
	cursor: pointer;
}

/* ── Image preview ────────────────────────────────────────────────────────── */

.adm-submission-preview {
	display: none;
	margin-top: .6rem;
}
.adm-submission-preview.is-visible {
	display: block;
}
.adm-submission-preview img {
	max-width: 100%;
	max-height: 260px;
	border: 1px solid var(--adm-card-border, #e0e0e0);
	border-radius: 4px;
}

/* ── Submit button ────────────────────────────────────────────────────────── */

.adm-submission-form__submit {
	display: inline-block;
	margin-top: .5rem;
	padding: .7rem 2rem;
	font-size: 1rem;
	font-weight: 600;
	background: var(--adm-btn-bg, #1a1a1a);
	color: var(--adm-btn-text, #fff);
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: background .2s;
}
.adm-submission-form__submit:hover {
	background: var(--adm-btn-hover-bg, #333);
}

/* ── Section heading ──────────────────────────────────────────────────────── */

.adm-submission-section-label {
	font-size: .8rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: #ffffff !important;
	margin: 1.5rem 0 .75rem;
	padding-bottom: .4rem;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

/* ── Responsive ───────────────────────────────────────────────────────────── */

@media (max-width: 600px) {
	.adm-submission-row {
		flex-direction: column;
	}
	.adm-submission-field {
		flex: 1 1 auto;
	}
}