/**
 * King frontend forms & submit pages — v9.7.5
 * Black body text, #a0a0a0 labels, dark-ash borders, light-ash surfaces,
 * red buttons with white labels.
 * Covers: News, Video, Image, Music, List, Poll, Trivia, Link, AI, Story,
 * Login, Register, Reset, Edit post, Profile settings, Collections.
 */

/* ------------------------------------------------------------------
   Design tokens
------------------------------------------------------------------- */
body:not(.wp-admin) {
	--king-form-text: #111111;
	--king-form-text-muted: #333333;
	--king-form-label: #a0a0a0;
	/* Light ash instead of pure white */
	--king-form-bg: #ececec;
	--king-form-surface: #e8e8e8;
	--king-form-surface-soft: #f0f0f0;
	/* Dark ash borders */
	--king-form-border: #5a5a5a;
	--king-form-border-strong: #3d3d3d;
	--king-form-focus: #e60023;
	--king-form-btn: #e60023;
	--king-form-btn-hover: #c4001c;
	--king-form-btn-text: #ffffff;
	--king-form-radius: 10px;
}

/* ------------------------------------------------------------------
   Submit page shell (all frontend submit / form pages)
------------------------------------------------------------------- */
body:not(.wp-admin) .page-content-area,
body:not(.wp-admin) .page-news-main,
body:not(.wp-admin) .page-site-main,
body:not(.wp-admin) #king_posts_form,
body:not(.wp-admin) .submit-news-left,
body:not(.wp-admin) .submit-news-right,
body:not(.wp-admin) .king-submit-video,
body:not(.wp-admin) .king-submit-music,
body:not(.wp-admin) .king-submit-image,
body:not(.wp-admin) .king-submit-ai,
body:not(.wp-admin) .edit-dialog,
body:not(.wp-admin) .edit-profile,
body:not(.wp-admin) #login-form,
body:not(.wp-admin) #register-form,
body:not(.wp-admin) #reset-form,
body:not(.wp-admin) .king-collection-form,
body:not(.wp-admin) .king-modal-form {
	color: var(--king-form-text);
}

body:not(.wp-admin) .submit-news-left,
body:not(.wp-admin) .submit-news-right,
body:not(.wp-admin) #king_posts_form,
body:not(.wp-admin) .page-news-main form,
body:not(.wp-admin) .king-submit-video,
body:not(.wp-admin) .king-submit-music,
body:not(.wp-admin) .king-submit-image,
body:not(.wp-admin) .page-site-main:has(#king_posts_form),
body:not(.wp-admin) .page-site-main:has(#login-form),
body:not(.wp-admin) .page-site-main:has(#register-form),
body:not(.wp-admin) .page-site-main:has(.edit-profile),
body:not(.wp-admin) .edit-dialog,
body:not(.wp-admin) .king-collection-form,
body:not(.wp-admin) .king-modal-form {
	background-color: var(--king-form-bg) !important;
	color: var(--king-form-text) !important;
	border: 1px solid var(--king-form-border);
	border-radius: var(--king-form-radius);
	box-sizing: border-box;
}

/* Page title bar for submit pages */
body:not(.wp-admin) .page-top-header {
	background-color: var(--king-form-bg) !important;
	border-bottom: 2px solid var(--king-form-border);
	color: var(--king-form-text) !important;
}

body:not(.wp-admin) .page-top-header h1,
body:not(.wp-admin) .page-top-header .page-title,
body:not(.wp-admin) .page-top-header .taxonomy-description {
	color: var(--king-form-text) !important;
}

/* ------------------------------------------------------------------
   Labels
------------------------------------------------------------------- */
body:not(.wp-admin) .king-form-group label,
body:not(.wp-admin) .king-form-group .form-label,
body:not(.wp-admin) .form-categories .form-label,
body:not(.wp-admin) #login-form label,
body:not(.wp-admin) #register-form label,
body:not(.wp-admin) #reset-form label,
body:not(.wp-admin) .edit-profile label,
body:not(.wp-admin) .edit-dialog label,
body:not(.wp-admin) .sil-fields .sil-label,
body:not(.wp-admin) .sil-fields .acf-label,
body:not(.wp-admin) .acf-fields .acf-label,
body:not(.wp-admin) .acf-fields .acf-label label,
body:not(.wp-admin) .help-block,
body:not(.wp-admin) .dialog-title,
body:not(.wp-admin) .dialog-title span {
	color: var(--king-form-label) !important;
	font-weight: 600;
}

body:not(.wp-admin) .king-form-group label,
body:not(.wp-admin) .form-categories .form-label {
	text-transform: uppercase;
	letter-spacing: 0.02em;
	padding: 10px 0 6px;
	display: block;
}

/* ------------------------------------------------------------------
   Inputs, textareas, selects
------------------------------------------------------------------- */
body:not(.wp-admin) .king-form-group .bpinput,
body:not(.wp-admin) .king-form-group .form-control,
body:not(.wp-admin) .king-form-group .tagsinput,
body:not(.wp-admin) .king-form-group input[type="text"],
body:not(.wp-admin) .king-form-group input[type="email"],
body:not(.wp-admin) .king-form-group input[type="password"],
body:not(.wp-admin) .king-form-group input[type="url"],
body:not(.wp-admin) .king-form-group input[type="number"],
body:not(.wp-admin) .king-form-group input[type="search"],
body:not(.wp-admin) .king-form-group select,
body:not(.wp-admin) .king-form-group textarea,
body:not(.wp-admin) .king-form-group #king_post_content,
body:not(.wp-admin) .king-form-group .tinymce,
body:not(.wp-admin) .king-media-list .acf-input-wrap input,
body:not(.wp-admin) .acf-fields .acf-input input[type="text"],
body:not(.wp-admin) .acf-fields .acf-input input[type="url"],
body:not(.wp-admin) .acf-fields .acf-input input[type="number"],
body:not(.wp-admin) .acf-fields .acf-input input[type="email"],
body:not(.wp-admin) .acf-fields .acf-input input[type="password"],
body:not(.wp-admin) .acf-fields .acf-input textarea,
body:not(.wp-admin) .acf-fields .acf-input select,
body:not(.wp-admin) .acf-input-wrap input,
body:not(.wp-admin) #login-form input[type="text"],
body:not(.wp-admin) #login-form input[type="password"],
body:not(.wp-admin) #login-form input[type="email"],
body:not(.wp-admin) #register-form input[type="text"],
body:not(.wp-admin) #register-form input[type="password"],
body:not(.wp-admin) #register-form input[type="email"],
body:not(.wp-admin) #reset-form input[type="text"],
body:not(.wp-admin) #reset-form input[type="email"],
body:not(.wp-admin) #reset-form input[type="password"],
body:not(.wp-admin) .edit-profile input[type="text"],
body:not(.wp-admin) .edit-profile input[type="password"],
body:not(.wp-admin) .edit-profile input[type="email"],
body:not(.wp-admin) .edit-profile textarea,
body:not(.wp-admin) .king-collection-form input[type="text"],
body:not(.wp-admin) .king-collection-form textarea,
body:not(.wp-admin) .bpinput,
body:not(.wp-admin) #ai-box {
	background-color: var(--king-form-surface) !important;
	color: var(--king-form-text) !important;
	border: 2px solid var(--king-form-border) !important;
	border-radius: var(--king-form-radius) !important;
	box-shadow: none !important;
	outline: 0;
}

body:not(.wp-admin) .king-form-group .bpinput:hover,
body:not(.wp-admin) .king-form-group .form-control:hover,
body:not(.wp-admin) .king-form-group .tagsinput:hover,
body:not(.wp-admin) .king-form-group #king_post_content:hover,
body:not(.wp-admin) .bpinput:hover,
body:not(.wp-admin) .acf-fields .acf-input input:hover,
body:not(.wp-admin) .acf-fields .acf-input textarea:hover {
	border-color: var(--king-form-border-strong) !important;
	box-shadow: none !important;
}

body:not(.wp-admin) .king-form-group .bpinput:focus,
body:not(.wp-admin) .king-form-group .form-control:focus,
body:not(.wp-admin) .king-form-group .tagsinput:focus,
body:not(.wp-admin) .tagsinput:focus-within,
body:not(.wp-admin) .king-form-group textarea:focus,
body:not(.wp-admin) .king-form-group #king_post_content:focus,
body:not(.wp-admin) .bpinput:focus,
body:not(.wp-admin) .acf-fields .acf-input input:focus,
body:not(.wp-admin) .acf-fields .acf-input textarea:focus,
body:not(.wp-admin) #login-form input:focus,
body:not(.wp-admin) #register-form input:focus {
	background: var(--king-form-surface) !important;
	border-color: var(--king-form-focus) !important;
	color: var(--king-form-text) !important;
	box-shadow: 0 0 0 3px rgba(230, 0, 35, 0.12) !important;
}

body:not(.wp-admin) .king-form-group .bpinput::placeholder,
body:not(.wp-admin) .bpinput::placeholder,
body:not(.wp-admin) .acf-fields input::placeholder,
body:not(.wp-admin) .acf-fields textarea::placeholder,
body:not(.wp-admin) #ai-box::placeholder {
	color: #666666 !important;
	opacity: 1;
}

/* TinyMCE / content editor */
body:not(.wp-admin) .king-form-group .mce-tinymce,
body:not(.wp-admin) .king-form-group .mce-panel,
body:not(.wp-admin) .king-form-group .mce-edit-area,
body:not(.wp-admin) .king-form-group .mce-container {
	background: var(--king-form-surface) !important;
	border-color: var(--king-form-border) !important;
	color: var(--king-form-text) !important;
}

body:not(.wp-admin) .king-form-group iframe {
	background: var(--king-form-surface-soft) !important;
}

/* ------------------------------------------------------------------
   Categories / checkboxes / radio boxes
------------------------------------------------------------------- */
body:not(.wp-admin) .form-categories {
	background-color: var(--king-form-surface) !important;
	border: 2px solid var(--king-form-border) !important;
	border-radius: var(--king-form-radius);
	padding: 12px;
	color: var(--king-form-text) !important;
}

body:not(.wp-admin) .form-categories .form-label {
	color: var(--king-form-label) !important;
}

body:not(.wp-admin) .form-categories .form-categories-item label {
	background-color: var(--king-form-surface) !important;
	color: var(--king-form-text) !important;
	border: 2px solid var(--king-form-border) !important;
	border-radius: 32px;
}

body:not(.wp-admin) .form-categories .form-categories-item input:checked + label {
	background-color: var(--king-form-btn) !important;
	color: var(--king-form-btn-text) !important;
	border-color: var(--king-form-btn) !important;
}

/* ------------------------------------------------------------------
   ACF / SIL blocks inside submit forms
------------------------------------------------------------------- */
body:not(.wp-admin) .king-form-group .acf-fields,
body:not(.wp-admin) .king-submit-video .acf-fields,
body:not(.wp-admin) .king-submit-music .acf-fields,
body:not(.wp-admin) .king-submit-image .acf-fields,
body:not(.wp-admin) .submit-news-left .acf-fields,
body:not(.wp-admin) .king-repeater,
body:not(.wp-admin) .acf-repeater,
body:not(.wp-admin) .acf-table,
body:not(.wp-admin) .acf-row,
body:not(.wp-admin) .sil-fields,
body:not(.wp-admin) .sil-repeater-row,
body:not(.wp-admin) .sil-group {
	background-color: var(--king-form-surface) !important;
	color: var(--king-form-text) !important;
	border-color: var(--king-form-border) !important;
}

body:not(.wp-admin) .king-form-group .acf-fields,
body:not(.wp-admin) .king-submit-video .king-form-group .acf-fields {
	background-color: var(--king-form-surface) !important;
	border: 2px solid var(--king-form-border) !important;
	border-radius: var(--king-form-radius);
	padding: 12px;
}

body:not(.wp-admin) .acf-field,
body:not(.wp-admin) .sil-field {
	border-color: var(--king-form-border) !important;
	color: var(--king-form-text) !important;
}

body:not(.wp-admin) .acf-table > tbody > tr > td,
body:not(.wp-admin) .acf-table > thead > tr > th,
body:not(.wp-admin) .acf-row-handle {
	background: var(--king-form-surface) !important;
	color: var(--king-form-text) !important;
	border-color: var(--king-form-border) !important;
}

body:not(.wp-admin) .acf-oembed,
body:not(.wp-admin) .acf-image-uploader,
body:not(.wp-admin) .acf-file-uploader,
body:not(.wp-admin) .acf-gallery {
	background-color: var(--king-form-surface) !important;
	border: 2px solid var(--king-form-border) !important;
	border-radius: var(--king-form-radius);
	color: var(--king-form-text) !important;
}

/* ------------------------------------------------------------------
   ACF-style image uploader without ACF Pro CSS/JS
   (Select thumbnail must stay clickable)
------------------------------------------------------------------- */
body:not(.wp-admin) .acf-image-uploader {
	position: relative;
	min-height: 48px;
	padding: 12px;
	overflow: visible;
}

body:not(.wp-admin) .acf-image-uploader .show-if-value {
	display: none;
	position: relative;
}

body:not(.wp-admin) .acf-image-uploader .hide-if-value {
	display: block;
	position: relative;
	z-index: 3;
}

body:not(.wp-admin) .acf-image-uploader.has-value .show-if-value {
	display: block;
}

body:not(.wp-admin) .acf-image-uploader.has-value .hide-if-value {
	display: none;
}

body:not(.wp-admin) .acf-image-uploader .featured-image-upload,
body:not(.wp-admin) .acf-image-uploader a[data-name="add"],
body:not(.wp-admin) .acf-image-uploader button[data-name="add"],
body:not(.wp-admin) .acf-image-uploader .hide-if-value .acf-button,
body:not(.wp-admin) .submit-news-right .acf-image-uploader .acf-button {
	display: inline-block !important;
	pointer-events: auto !important;
	cursor: pointer !important;
	position: relative;
	z-index: 5;
	text-decoration: none !important;
	padding: 12px 18px !important;
	min-height: 44px;
	line-height: 1.2;
	text-align: center;
	background-color: var(--king-form-btn) !important;
	color: var(--king-form-btn-text) !important;
	border: 2px solid var(--king-form-btn) !important;
	border-radius: 32px !important;
	font-weight: 700 !important;
	width: 100%;
	box-sizing: border-box;
}

body:not(.wp-admin) .acf-image-uploader .acf-actions {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 6;
	display: flex;
	gap: 6px;
}

body:not(.wp-admin) .acf-image-uploader .acf-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.65);
	color: #fff !important;
	text-decoration: none;
}

body:not(.wp-admin) .acf-image-uploader img[data-name="image"] {
	max-width: 100%;
	height: auto;
	display: block;
	border-radius: 10px;
}

body:not(.wp-admin) .acf-switch {
	border-color: var(--king-form-border) !important;
}

body:not(.wp-admin) .acf-switch .acf-switch-on {
	background: var(--king-form-btn) !important;
	color: var(--king-form-btn-text) !important;
}

body:not(.wp-admin) .acf-switch .acf-switch-off {
	background: var(--king-form-surface-soft) !important;
	color: var(--king-form-text) !important;
}

/* ------------------------------------------------------------------
   Buttons — red bg, white text
------------------------------------------------------------------- */
body:not(.wp-admin) .king-submit-button,
body:not(.wp-admin) #king-submitbutton,
body:not(.wp-admin) #submit-loading,
body:not(.wp-admin) #submit-loading2,
body:not(.wp-admin) button.king-submit-button,
body:not(.wp-admin) input.king-submit-button,
body:not(.wp-admin) .king-alert-button,
body:not(.wp-admin) #king_posts_form button[type="submit"],
body:not(.wp-admin) #king_posts_form input[type="submit"],
body:not(.wp-admin) #login-form input[type="submit"],
body:not(.wp-admin) #login-form button[type="submit"],
body:not(.wp-admin) #register-form input[type="submit"],
body:not(.wp-admin) #register-form button[type="submit"],
body:not(.wp-admin) #reset-form input[type="submit"],
body:not(.wp-admin) #reset-form button[type="submit"],
body:not(.wp-admin) .edit-profile input[type="submit"],
body:not(.wp-admin) .edit-profile button[type="submit"],
body:not(.wp-admin) .king-collection-form input[type="submit"],
body:not(.wp-admin) .king-collection-form button[type="submit"],
body:not(.wp-admin) .submit-news-left .acf-image-uploader .acf-button,
body:not(.wp-admin) .acf-file-uploader .acf-button,
body:not(.wp-admin) .king-submit-video .acf-image-uploader .acf-button,
body:not(.wp-admin) .acf-button.button,
body:not(.wp-admin) .acf-button.button-primary,
body:not(.wp-admin) .acf-repeater .acf-button,
body:not(.wp-admin) .acf-actions .acf-button,
body:not(.wp-admin) .sil-media-upload,
body:not(.wp-admin) .sil-row-add,
body:not(.wp-admin) .sil-flex-add-layout,
body:not(.wp-admin) .page-site-main .button-primary,
body:not(.wp-admin) .king-form-group .button {
	background-color: var(--king-form-btn) !important;
	background-image: none !important;
	color: var(--king-form-btn-text) !important;
	border: 2px solid var(--king-form-btn) !important;
	border-radius: 32px !important;
	font-weight: 700 !important;
	text-shadow: none !important;
	box-shadow: none !important;
	cursor: pointer;
}

body:not(.wp-admin) .king-submit-button:hover,
body:not(.wp-admin) #king-submitbutton:hover,
body:not(.wp-admin) #submit-loading:hover,
body:not(.wp-admin) #submit-loading2:hover,
body:not(.wp-admin) #king_posts_form button[type="submit"]:hover,
body:not(.wp-admin) #king_posts_form input[type="submit"]:hover,
body:not(.wp-admin) #login-form input[type="submit"]:hover,
body:not(.wp-admin) #register-form input[type="submit"]:hover,
body:not(.wp-admin) #reset-form input[type="submit"]:hover,
body:not(.wp-admin) .edit-profile input[type="submit"]:hover,
body:not(.wp-admin) .acf-button:hover,
body:not(.wp-admin) .sil-media-upload:hover,
body:not(.wp-admin) .sil-row-add:hover {
	background-color: var(--king-form-btn-hover) !important;
	border-color: var(--king-form-btn-hover) !important;
	color: var(--king-form-btn-text) !important;
}

/* Secondary / remove / delete — outlined red, black-friendly */
body:not(.wp-admin) .sil-media-remove,
body:not(.wp-admin) .sil-row-remove,
body:not(.wp-admin) .acf-icon.-minus,
body:not(.wp-admin) .king-delete-post,
body:not(.wp-admin) button.king-submit-button.king-delete-post,
body:not(.wp-admin) button[name="king-editpost"][value="delete"],
body:not(.wp-admin) input[name="king-editpost"][value="delete"] {
	background-color: var(--king-form-surface) !important;
	color: var(--king-form-btn) !important;
	border: 2px solid var(--king-form-btn) !important;
}

body:not(.wp-admin) .king-delete-post:hover,
body:not(.wp-admin) button[name="king-editpost"][value="delete"]:hover {
	background-color: var(--king-form-btn) !important;
	color: var(--king-form-btn-text) !important;
}

/* ------------------------------------------------------------------
   NSFW toggle, messages, errors, alerts
------------------------------------------------------------------- */
body:not(.wp-admin) .king-nsfw label {
	background-color: var(--king-form-surface) !important;
	color: var(--king-form-text) !important;
	border: 2px solid var(--king-form-border) !important;
}

body:not(.wp-admin) .king-nsfw input:checked + label {
	background-color: var(--king-form-btn) !important;
	color: var(--king-form-btn-text) !important;
	border-color: var(--king-form-btn) !important;
}

body:not(.wp-admin) .king-custom-message,
body:not(.wp-admin) .king-message-submit {
	background: var(--king-form-surface) !important;
	color: var(--king-form-text) !important;
	border: 2px solid var(--king-form-border) !important;
	border-radius: var(--king-form-radius);
	padding: 12px 16px;
}

body:not(.wp-admin) .king-error {
	color: #111111 !important;
	background-color: #ebe0e0 !important;
	border: 2px solid var(--king-form-btn) !important;
}

body:not(.wp-admin) .king-alert {
	background-color: var(--king-form-bg) !important;
	color: var(--king-form-text) !important;
	border: 2px solid var(--king-form-border) !important;
}

body:not(.wp-admin) .king-alert a:not(.king-alert-button) {
	color: var(--king-form-btn) !important;
}

/* ------------------------------------------------------------------
   Login / Register / Reset panels
------------------------------------------------------------------- */
body:not(.wp-admin) .page-content-area .page-site-main,
body:not(.wp-admin) .kinglogin-middle .page-site-main {
	background: var(--king-form-bg) !important;
	color: var(--king-form-text) !important;
	border: 1px solid var(--king-form-border);
	border-radius: var(--king-form-radius);
}

body:not(.wp-admin) #login-form,
body:not(.wp-admin) #register-form,
body:not(.wp-admin) #reset-form {
	color: var(--king-form-text) !important;
}

body:not(.wp-admin) .king-login-buttons a {
	background-color: var(--king-form-surface) !important;
	color: var(--king-form-text) !important;
	border: 2px solid var(--king-form-border) !important;
}

body:not(.wp-admin) .social-login a {
	border: 2px solid var(--king-form-border) !important;
	color: var(--king-form-text) !important;
}

/* ------------------------------------------------------------------
   Header submit dropdown menu
------------------------------------------------------------------- */
body:not(.wp-admin) .king-submit-buttons,
body:not(.wp-admin) .king-submit-buttons li a {
	color: var(--king-form-text) !important;
}

body:not(.wp-admin) .king-submit-buttons li a {
	background-color: var(--king-form-surface);
	border: 1px solid var(--king-form-border);
	border-radius: var(--king-form-radius);
}

body:not(.wp-admin) .king-submit-buttons li a:hover {
	border-color: var(--king-form-btn);
	color: var(--king-form-btn) !important;
}

body:not(.wp-admin) .king-submit-buttons li a:before {
	background-color: rgba(230, 0, 35, 0.08) !important;
}

/* ------------------------------------------------------------------
   Night mode: keep form ash palette readable
------------------------------------------------------------------- */
.king-night body:not(.wp-admin) .submit-news-left,
.king-night body:not(.wp-admin) .submit-news-right,
.king-night body:not(.wp-admin) #king_posts_form,
.king-night body:not(.wp-admin) .page-news-main form,
.king-night body:not(.wp-admin) .king-submit-video,
.king-night body:not(.wp-admin) .king-submit-music,
.king-night body:not(.wp-admin) .king-submit-image,
.king-night body:not(.wp-admin) .edit-dialog,
.king-night body:not(.wp-admin) .page-site-main:has(#login-form),
.king-night body:not(.wp-admin) .page-site-main:has(#register-form),
.king-night body:not(.wp-admin) .form-categories,
.king-night body:not(.wp-admin) .king-form-group .acf-fields,
.king-night body:not(.wp-admin) .king-alert {
	background-color: #ececec !important;
	color: #111111 !important;
	border-color: #5a5a5a !important;
}

.king-night body:not(.wp-admin) .page-top-header {
	background-color: #ececec !important;
}

.king-night body:not(.wp-admin) .page-top-header h1,
.king-night body:not(.wp-admin) .page-top-header .page-title {
	color: #111111 !important;
}

.king-night body:not(.wp-admin) .king-form-group label,
.king-night body:not(.wp-admin) .form-categories .form-label,
.king-night body:not(.wp-admin) .acf-fields .acf-label label {
	color: #a0a0a0 !important;
}

/* ------------------------------------------------------------------
   Responsive polish
------------------------------------------------------------------- */
@media screen and (max-width: 769px) {
	body:not(.wp-admin) .submit-news-left,
	body:not(.wp-admin) .submit-news-right,
	body:not(.wp-admin) .page-news-main form {
		width: 100%;
		padding: 16px;
	}

	body:not(.wp-admin) .king-submit-button,
	body:not(.wp-admin) #king_posts_form button[type="submit"] {
		width: 100%;
	}
}