/**
 * Baseline styling for the submission form's interactive fields —
 * functional, not a final design pass (same disclaimer as the
 * Frontend module's stylesheet).
 */

:root {
	--indiscapes-accent: #111;
	--indiscapes-accent-dark: #000;
	--indiscapes-surface: #f5f5f7;
	--indiscapes-border: #dcdce3;
	--indiscapes-radius: 8px;
}

/* Centered page wrapper — same class/rules as the Frontend module's,
   redeclared here so the submission form and portfolio still center
   correctly even if Frontend's stylesheet isn't loaded on a given
   page. */

/* :not(.indiscapes-page-wrap-full) matters here: this rule has the same
   specificity (one class) as Frontend's .indiscapes-page-wrap-full
   breakout rule below, and this stylesheet loads after Frontend's on
   the page, so without this exclusion it was silently winning and
   re-capping the Submit Listing page (which uses both classes
   together) back down to 1200px regardless of the breakout rule. */
.indiscapes-page-wrap:not(.indiscapes-page-wrap-full) {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 1.5rem;
	box-sizing: border-box;
}

.indiscapes-page-wrap * {
	box-sizing: border-box;
}

.indiscapes-page-wrap-narrow {
	max-width: 720px;
}

/* Redeclared so the full-width breakout still applies even when this
   stylesheet happens to load after Frontend's and would otherwise be
   the last word on .indiscapes-page-wrap (see the :not() note above).
   Kept identical to Frontend's .indiscapes-page-wrap-full. */
.indiscapes-page-wrap-full {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 0 clamp(1.25rem, 4vw, 3rem);
	box-sizing: border-box;
}

.indiscapes-page-wrap-full * {
	box-sizing: border-box;
}

/* Flat material-design form fields */

.indiscapes-page-wrap input[type="text"],
.indiscapes-page-wrap input[type="email"],
.indiscapes-page-wrap input[type="number"],
.indiscapes-page-wrap input[type="tel"],
.indiscapes-page-wrap input[type="url"],
.indiscapes-page-wrap select,
.indiscapes-page-wrap textarea,
.indiscapes-queue-app input[type="text"],
.indiscapes-queue-app input[type="email"],
.indiscapes-queue-app input[type="number"],
.indiscapes-queue-app select,
.indiscapes-queue-app textarea,
.indiscapes-contributor-form input[type="text"],
.indiscapes-contributor-form input[type="email"],
.indiscapes-contributor-form input[type="tel"],
.indiscapes-contributor-form input[type="url"],
.indiscapes-contributor-form textarea {
	appearance: none;
	-webkit-appearance: none;
	width: 100%;
	background: var(--indiscapes-surface);
	border: none;
	border-bottom: 2px solid var(--indiscapes-border);
	border-radius: 6px 6px 0 0;
	padding: 0.7rem 0.9rem;
	font-family: inherit; /* form controls don't inherit font by default — without this they render in the browser's UI font instead of the theme's */
	font-size: 0.95rem;
	color: #222;
	transition: background 0.15s ease, border-color 0.15s ease;
}

.indiscapes-page-wrap select,
.indiscapes-queue-app select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.9rem center;
	padding-right: 2.25rem;
}

.indiscapes-page-wrap input:hover,
.indiscapes-page-wrap select:hover,
.indiscapes-page-wrap textarea:hover,
.indiscapes-queue-app input:hover,
.indiscapes-queue-app select:hover,
.indiscapes-queue-app textarea:hover,
.indiscapes-contributor-form input:hover,
.indiscapes-contributor-form textarea:hover {
	background: #eeeef2;
}

.indiscapes-page-wrap input:focus,
.indiscapes-page-wrap select:focus,
.indiscapes-page-wrap textarea:focus,
.indiscapes-queue-app input:focus,
.indiscapes-queue-app select:focus,
.indiscapes-queue-app textarea:focus,
.indiscapes-contributor-form input:focus,
.indiscapes-contributor-form textarea:focus {
	outline: none;
	background: #fff;
	border-color: var(--indiscapes-accent);
	box-shadow: 0 1px 0 0 var(--indiscapes-accent);
}

.indiscapes-contributor-form p {
	margin: 0 0 1.1em;
}

.indiscapes-contributor-form label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.4em;
}

/* The "Become a Contributor" (/submission/) form specifically — sits in
   the full-width page wrap. Fields lay out on a 12-column grid (most
   fields pair up 6+6 per row; add .indiscapes-form-col-12 for a field
   that should take the full row) and collapse to a single column on
   narrow screens. Deliberately does NOT override label/input
   font-size or font-weight — those stay whatever
   `.indiscapes-contributor-form label`/the shared flat-input rules
   already set, i.e. the same look every other form on the site uses,
   rather than introducing a one-off style just for this page. */
.indiscapes-contributor-form-wide p {
	margin: 0 0 1.75em;
}

.indiscapes-contributor-form-wide .indiscapes-form-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	column-gap: 2rem;
}

.indiscapes-contributor-form-wide .indiscapes-form-col-6 {
	grid-column: span 6;
}

.indiscapes-contributor-form-wide .indiscapes-form-col-12 {
	grid-column: span 12;
}

@media (max-width: 700px) {
	.indiscapes-contributor-form-wide .indiscapes-form-col-6 {
		grid-column: span 12;
	}
}

.indiscapes-contributor-form button,
.indiscapes-queue-app button:not(.indiscapes-queue-thumb-remove):not(.indiscapes-chip button):not(.indiscapes-btn):not(.indiscapes-ai-keywords-btn):not(.indiscapes-link-button),
.indiscapes-mode-switch-btn {
	appearance: none;
	-webkit-appearance: none;
	border: none;
	border-radius: 6px;
	font-family: inherit;
	font-weight: 600;
	cursor: pointer;
	padding: 0.75em 1.4em;
	background: var(--indiscapes-accent);
	color: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	transition: background 0.15s ease;
}

.indiscapes-contributor-form button:hover,
.indiscapes-queue-app button:not(.indiscapes-queue-thumb-remove):not(.indiscapes-chip button):not(.indiscapes-btn):not(.indiscapes-ai-keywords-btn):not(.indiscapes-link-button):hover,
.indiscapes-mode-switch-btn:hover {
	background: var(--indiscapes-accent-dark);
}

.indiscapes-field-hint {
	font-weight: normal;
	color: #777;
	font-size: 0.85em;
}

.indiscapes-word-count {
	display: block;
	font-size: 0.8em;
	color: #999;
	margin-top: 2px;
}

.indiscapes-word-count.is-valid {
	color: #2a9d8f;
}

.indiscapes-keywords-field {
	margin: 1em 0;
}

.indiscapes-keyword-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4em;
	margin: 0.5em 0;
}

.indiscapes-chip {
	background: #f0f0f0;
	border-radius: 999px;
	padding: 0.25em 0.4em 0.25em 0.75em;
	font-size: 0.85em;
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
}

.indiscapes-chip button {
	background: none;
	border: none;
	cursor: pointer;
	color: #888;
	font-size: 1em;
	line-height: 1;
	padding: 0 0.2em;
}

.indiscapes-keyword-count {
	display: block;
	font-size: 0.8em;
	color: #999;
	margin-top: 0.3em;
}

.indiscapes-keyword-suggestions {
	margin-top: 0.75em;
}

.indiscapes-link-button {
	background: none;
	border: none;
	color: #111;
	cursor: pointer;
	text-decoration: underline;
	font-size: 0.85em;
	margin-left: 0.5em;
	transition: color 0.15s ease;
}

.indiscapes-link-button:hover {
	color: var(--indiscapes-queue-accent);
}

.indiscapes-suggestion-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4em;
	margin-top: 0.5em;
}

.indiscapes-suggestion-chip {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 999px;
	padding: 0.3em 0.75em;
	font-size: 0.85em;
	cursor: pointer;
}

.indiscapes-suggestion-chip:hover {
	background: #f5f5f5;
}

.indiscapes-usage-field {
	background: var(--indiscapes-surface);
	border: none;
	border-radius: var(--indiscapes-radius);
	padding: 0.9em 1.1em;
	margin: 1em 0;
}

.indiscapes-usage-field legend {
	font-weight: 600;
	padding: 0 0.4em;
}

.indiscapes-releases-section {
	background: var(--indiscapes-surface);
	border: none;
	border-radius: var(--indiscapes-radius);
	padding: 0.9em 1.1em;
	margin: 1em 0;
}

.indiscapes-releases-section summary {
	cursor: pointer;
	font-weight: 600;
}

/* Portfolio (My Account > Listings) */

.indiscapes-portfolio-empty {
	text-align: center;
	padding: 3em 1em;
	color: #777;
}

.indiscapes-portfolio-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 1.5em;
	margin-top: 1em;
}

.indiscapes-portfolio-item {
	border: 1px solid #eee;
	border-radius: var(--indiscapes-radius);
	overflow: hidden;
	transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.indiscapes-portfolio-item:hover {
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
	transform: translateY(-2px);
}

.indiscapes-portfolio-thumb {
	position: relative;
	aspect-ratio: 4 / 3;
	background: #f2f2f2;
}

.indiscapes-portfolio-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.indiscapes-portfolio-thumb-placeholder {
	width: 100%;
	height: 100%;
	background: #eee;
}

.indiscapes-portfolio-status {
	position: absolute;
	top: 8px;
	left: 8px;
	font-size: 0.7em;
	padding: 2px 8px;
	border-radius: 4px;
	text-transform: uppercase;
	color: #fff;
	background: #999;
}

.indiscapes-portfolio-status.is-live {
	background: #2a9d8f;
}

.indiscapes-portfolio-status.is-pending {
	background: #e9a23b;
}

.indiscapes-portfolio-status.is-draft {
	background: #888;
}

.indiscapes-portfolio-body {
	padding: 0.75em;
}

.indiscapes-portfolio-meta {
	display: block;
	font-size: 0.8em;
	color: #999;
	margin-top: 0.2em;
}

.indiscapes-portfolio-feedback {
	margin-top: 0.5em;
	font-size: 0.8em;
	background: #fff3e0;
	border: 1px solid #f0d989;
	border-radius: 4px;
	padding: 0.4em 0.6em;
}

/* Submission form: mode switch, checkbox grid, dropzones */

.indiscapes-mode-switch-btn {
	display: inline-block;
	text-decoration: none;
	margin-bottom: 1.5em;
}

.indiscapes-required-dot {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #e8a0a0;
	margin-left: 0.2em;
}

.indiscapes-checkbox-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.5em 2em;
	margin: 0.5em 0 1em;
}

.indiscapes-checkbox-grid label {
	display: flex;
	align-items: center;
	gap: 0.5em;
	font-weight: normal;
}

.indiscapes-dropzone {
	border: 1px dashed #ccc;
	border-radius: 8px;
	padding: 2em;
	text-align: center;
	position: relative;
	margin: 0.5em 0 0.25em;
}

.indiscapes-dropzone-label {
	display: inline-block;
	background: #f2f2f2;
	border-radius: 6px;
	padding: 0.6em 1.2em;
	cursor: pointer;
}

.indiscapes-dropzone input[type="file"] {
	position: absolute;
	inset: 0;
	opacity: 0;
	cursor: pointer;
}

.indiscapes-upload-label {
	margin-bottom: 0;
}

.indiscapes-video-only {
	display: none; /* JS toggles this on when Type = Videos, matching the reference form's conditional fields */
}

.indiscapes-bulk-file-list {
	list-style: disc;
	margin: 0.5em 0 1em 1.5em;
	font-size: 0.85em;
	color: #555;
}

/* Keywords: Clear all + AI Keywords */

.indiscapes-keywords-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.indiscapes-ai-keywords-btn {
	background: #e5e5e5;
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 0.5em 1em;
	cursor: pointer;
	margin-top: 0.5em;
}

.indiscapes-ai-keywords-note {
	margin-top: 0.4em;
}

/* License Type (was "Usage") */

.indiscapes-license-field {
	background: var(--indiscapes-surface);
	border: none;
	border-radius: var(--indiscapes-radius);
	padding: 0.9em 1.1em;
	margin: 1em 0;
}

.indiscapes-license-field legend {
	font-weight: 600;
	padding: 0 0.4em;
}

/* The two radio options (Editorial / Commercial) render as plain
   inline <label><input>Text</label> markup with no wrapping element,
   so without an explicit gap the radio circle and its text can end up
   flush against each other (worse for the longer "Commercial" word,
   which is more likely to wrap awkwardly at the default 0 spacing).
   Force a real gap and consistent baseline alignment, and give each
   option room from its neighbour. */
.indiscapes-license-field label {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	font-weight: 400;
	margin-right: 1.75em;
	cursor: pointer;
}

.indiscapes-license-field input[type="radio"] {
	margin: 0;
	flex-shrink: 0;
}

/* Release Type - nested inside the License Type box, only visible
   when License Type = Commercial */

.indiscapes-release-type-field {
	border-top: 2px solid var(--indiscapes-border);
	margin-top: 0.75em;
	padding-top: 0.75em;
}

.indiscapes-release-type-field label {
	font-weight: 600;
}

.indiscapes-release-type-field select {
	display: block;
	margin-top: 0.4em;
}

.indiscapes-csv-import {
	background: var(--indiscapes-surface);
	border: none;
	border-radius: var(--indiscapes-radius);
	padding: 0.9em 1.1em;
	margin: 1em 0;
}

/* ---------------------------------------------------------------
 * Upload queue app
 *
 * Deliberately its own visual identity rather than the grey-panel,
 * blue-accent look common to stock-media upload queues: black as the
 * primary accent (matching the rest of the site), the same pink used
 * for the header account-menu hover as the one warm highlight color,
 * rounded card-style thumbnails instead of tight square tiles, and the
 * detail panel sitting on the LEFT with the drop zone/queue on the
 * RIGHT — the reverse of the usual layout (see the markup comment in
 * class-listing-submission.php for why).
 * ------------------------------------------------------------- */

:root {
	--indiscapes-queue-accent: #c2185b;
}

.indiscapes-queue-app {
	border: 1px solid #111;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
}

.indiscapes-queue-toolbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.1em 1.5em;
	border-bottom: 1px solid #111;
	background: #fff;
	flex-wrap: wrap;
	gap: 0.75em;
}

.indiscapes-queue-heading-group {
	display: flex;
	align-items: center;
	gap: 0.9em;
	flex-wrap: wrap;
}

.indiscapes-queue-heading {
	margin: 0;
	font-size: 1.15em;
	font-weight: 700;
	letter-spacing: -0.01em;
}

.indiscapes-queue-count-badge {
	background: #111;
	color: #fff;
	font-size: 0.78em;
	font-weight: 600;
	padding: 0.3em 0.8em;
	border-radius: 999px;
}

/* Autosave status next to the heading — quiet by default, only calls
   attention to itself when something failed to save. */
.indiscapes-queue-autosave-status {
	font-size: 0.8em;
	color: #999;
	font-weight: 400;
}

.indiscapes-queue-autosave-status.is-error {
	color: var(--indiscapes-queue-accent);
	font-weight: 600;
}

.indiscapes-queue-actions {
	display: flex;
	align-items: center;
	gap: 1em;
}

.indiscapes-queue-body {
	display: grid;
	grid-template-columns: 360px 1fr;
	min-height: 420px;
}

@media (max-width: 900px) {
	.indiscapes-queue-body {
		grid-template-columns: 1fr;
	}
}

.indiscapes-queue-list {
	padding: 1.5em;
}

.indiscapes-queue-dropzone {
	border: 2px solid #111;
	border-radius: 12px;
	padding: 2.5em 1em;
	text-align: center;
	margin-bottom: 1.5em;
	transition: border-color 0.15s ease, background 0.15s ease;
}

.indiscapes-queue-dropzone-icon {
	display: block;
	width: 34px;
	height: 34px;
	margin: 0 auto 0.75em;
	background-color: #111;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='17 8 12 3 7 8'/%3E%3Cline x1='12' y1='3' x2='12' y2='15'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='17 8 12 3 7 8'/%3E%3Cline x1='12' y1='3' x2='12' y2='15'/%3E%3C/svg%3E");
}

.indiscapes-queue-dropzone.is-dragover {
	border-color: var(--indiscapes-queue-accent);
	background: #fdf1f6;
}

.indiscapes-queue-dropzone.is-dragover .indiscapes-queue-dropzone-icon {
	background-color: var(--indiscapes-queue-accent);
}

.indiscapes-queue-thumbs {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
	gap: 1.1em;
}

.indiscapes-queue-thumb {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
	background: #fff;
	border: 1px solid #e5e5e5;
	transition: box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
	padding-bottom: 1.6em; /* room for the filename strip below the media */
}

.indiscapes-queue-thumb:hover {
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px);
}

.indiscapes-queue-thumb.is-selected {
	border-color: #111;
	box-shadow: 0 0 0 2px #111;
}

.indiscapes-queue-thumb.is-selected::after {
	content: '\2713';
	position: absolute;
	top: 6px;
	left: 6px;
	width: 20px;
	height: 20px;
	background: #111;
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.7em;
	font-weight: 700;
}

.indiscapes-queue-thumb img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
}

.indiscapes-queue-thumb-placeholder {
	width: 100%;
	aspect-ratio: 4 / 3;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5em;
	color: #999;
	background: #f2f2f2;
}

.indiscapes-queue-thumb-filename {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	color: #333;
	font-size: 0.72em;
	padding: 0.35em 0.6em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-top: 1px solid #f0f0f0;
}

.indiscapes-queue-thumb-remove {
	position: absolute;
	top: 6px;
	right: 6px;
	background: #fff;
	color: #111;
	border: 1px solid #111;
	border-radius: 50%;
	width: 22px;
	height: 22px;
	cursor: pointer;
	line-height: 1;
	transition: background 0.15s ease, color 0.15s ease;
}

.indiscapes-queue-thumb-remove:hover {
	background: var(--indiscapes-queue-accent);
	border-color: var(--indiscapes-queue-accent);
	color: #fff;
}

.indiscapes-queue-thumb.is-uploading {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 0.75em;
	color: #777;
	gap: 0.4em;
	aspect-ratio: 4 / 3;
	padding-bottom: 0;
}

.indiscapes-queue-thumb-spinner {
	width: 20px;
	height: 20px;
	border: 2px solid #eee;
	border-top-color: var(--indiscapes-queue-accent);
	border-radius: 50%;
	animation: indiscapes-spin 0.8s linear infinite;
}

@keyframes indiscapes-spin {
	to { transform: rotate(360deg); }
}

.indiscapes-queue-detail {
	padding: 1.5em;
	border-right: 1px solid #111;
	background: #fafafa;
}

.indiscapes-queue-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 100%;
	color: #888;
	padding: 3em 1em;
}

.indiscapes-queue-placeholder-icon {
	display: block;
	width: 30px;
	height: 30px;
	margin-bottom: 0.75em;
	background-color: #bbb;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='m21 15-5-5L5 21'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='m21 15-5-5L5 21'/%3E%3C/svg%3E");
}

.indiscapes-queue-detail-filename {
	font-size: 0.95em;
	word-break: break-all;
}

.indiscapes-queue-multi-note {
	background: #fdf1f6;
	border: 1px solid var(--indiscapes-queue-accent);
	border-radius: 8px;
	padding: 0.5em 0.75em;
	font-size: 0.85em;
	margin-bottom: 1em;
	color: #7a1240;
}

.indiscapes-queue-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.1em 1.5em;
	border-top: 1px solid #111;
	background: #fff;
	flex-wrap: wrap;
	gap: 1em;
}

/* Pin the Submit button's hover state with an ID selector. The button
   already gets a dark hover background + white text from Frontend's
   generic .indiscapes-btn-primary:hover rule, but the Utiliz theme
   ships its own button:hover styling (typically a light/white fill)
   that loads after the plugin stylesheets and can win on a plain
   class selector. An ID selector outranks the theme's element/class
   rules regardless of load order, so this guarantees the hover stays
   dark-on-white rather than silently going white-on-white. */
#indiscapes_queue_submit_btn:hover {
	background: var(--indiscapes-accent-dark) !important;
	border-color: var(--indiscapes-accent-dark) !important;
	color: #fff !important;
}

.indiscapes-rights-confirm {
	font-size: 0.85em;
	display: flex;
	align-items: center;
	gap: 0.5em;
}