/**
 * WehfiGO Add Listing — Reference UI (Sections 1–3)
 * Visual source of truth: Krishana / Cursor reference mockups.
 * Basic Information · Features · Location only.
 *
 * Scale/surfaces: shared --al-* tokens from wehfigo-add-listing.css
 * (--al-ref-* aliases kept for selectors below).
 */

/* Page shell — mobile keeps a readable column; desktop goes full-bleed below */
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref #add-listing,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .submit-page {
	max-width: 920px;
	margin-inline: auto;
}

@media (min-width: 900px) {
	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref #add-listing,
	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .submit-page {
		max-width: none !important;
		width: 100% !important;
		margin-inline: 0 !important;
	}

	/* Full-bleed sections: left-aligned stacks, natural height (no viewport lock) */
	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.basic_info,
	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.location,
	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		padding: var(--al-pad) !important;
		margin-bottom: var(--al-section-gap) !important;
		min-height: 0;
		gap: var(--al-gap);
		background: var(--al-card) !important;
	}

	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.basic_info > *,
	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.location > *,
	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features > * {
		width: 100%;
		max-width: var(--al-col);
		box-sizing: border-box;
	}

	/* Icon + title on one row; copy left-aligned */
	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-head {
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
		text-align: left;
		gap: 12px;
		margin: 0 0 var(--al-gap, 18px);
		flex-wrap: nowrap;
	}

	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-head__main {
		flex-direction: row;
		align-items: flex-start;
		text-align: left;
		gap: 12px;
		min-width: 0;
	}

	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-head__copy {
		text-align: left;
	}

	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-field > label,
	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-field .wehfigo-ref-label {
		text-align: left;
	}

	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-helper {
		text-align: left;
	}

	/* Location keeps clean 2-col where the grid already had it */
	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.location .wehfigo-ref-grid {
		grid-template-columns: 1fr 1fr;
	}

	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-feat-tabs {
		justify-content: flex-start;
	}

	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-keyword-chips {
		justify-content: flex-start;
	}

	/* Features search: normal pad (no magnifying-glass gutter) */
	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features .wehfigo-ref-feat-search input,
	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features .wehfigo-ref-feat-search-input {
		padding: var(--al-input-pad-y) var(--al-input-pad-x) !important;
	}
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref #wrapper {
	background: var(--al-ref-page) !important;
}

/* Premium cards — Basic, Features, Location (shared --al-* scale) */
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.basic_info,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.location,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features {
	background: var(--al-card, var(--al-ref-card)) !important;
	border: 1px solid var(--al-border, var(--al-ref-border)) !important;
	border-radius: var(--al-radius, var(--al-ref-radius)) !important;
	padding: var(--al-pad, var(--al-ref-pad)) !important;
	margin: 0 0 var(--al-section-gap, 14px) !important;
	box-shadow: none;
	float: none !important;
	width: 100% !important;
	display: block !important;
}

html[data-theme="dark"] body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.basic_info,
html[data-theme="dark"] body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.location,
html[data-theme="dark"] body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features,
body#dark-mode.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.basic_info,
body#dark-mode.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.location,
body#dark-mode.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features {
	box-shadow: 0 4px 22px rgba(0, 0, 0, 0.35);
}

/* Kill Listeo column float chaos inside rebuilt sections */
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.basic_info::after,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.location::after,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features::after {
	content: "";
	display: table;
	clear: both;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.basic_info [class*="col-md-"],
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.location [class*="col-md-"],
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features [class*="col-md-"],
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-field [class*="col-md-"] {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	left: auto !important;
	right: auto !important;
}

/* Section header — red circle + title + subtitle + step pill */
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 var(--al-gap, 18px);
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-head__main {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	min-width: 0;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-head__icon {
	flex: 0 0 var(--al-icon-head, 36px);
	width: var(--al-icon-head, 36px);
	height: var(--al-icon-head, 36px);
	border-radius: 50%;
	background: var(--al-ref-accent);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: var(--al-icon-head-glyph, 14px);
	line-height: 1;
	margin-top: 1px;
}

/* FA glyphs sit off-center in their em box; center the <i>, then nudge optically */
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-head__icon i {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 1em;
	height: 1em;
	margin: 0;
	padding: 0;
	line-height: 1 !important;
	text-align: center;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-head__icon i::before {
	display: block;
	line-height: 1;
	margin: 0;
}

/* Star glyph reads high-left; nudge into optical center of the red circle */
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-head__icon i.fa-star::before {
	transform: translate(0.5px, 0.5px);
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-head__copy {
	min-width: 0;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-head__title {
	margin: 0 !important;
	padding: 0 !important;
	font-family: var(--font-family-brand, "Space Grotesk", sans-serif) !important;
	font-size: var(--al-title-size, 1.35rem) !important;
	font-weight: var(--al-title-weight, 700) !important;
	line-height: 1.15 !important;
	letter-spacing: -0.02em;
	color: var(--al-ref-text) !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-head__title i,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.basic_info > .add-listing-headline,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.location > .add-listing-headline:not(.wehfigo-ref-head) {
	display: none !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-head__sub {
	margin: 4px 0 0;
	font-size: var(--al-sub-size, 0.92rem);
	line-height: 1.35;
	color: var(--al-ref-muted);
	font-weight: var(--al-sub-weight, 400);
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-head__step {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	padding: var(--al-step-pad, 6px 12px);
	border-radius: 999px;
	background: var(--al-ref-accent-wash);
	color: var(--al-ref-accent);
	font-size: var(--al-step-size, 0.78rem);
	font-weight: 700;
	letter-spacing: 0.02em;
	white-space: nowrap;
	border: 1px solid transparent;
}

html[data-theme="dark"] body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-head__step,
body#dark-mode.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-head__step {
	border-color: rgba(214, 0, 28, 0.35);
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-head__help {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--al-ref-muted);
	font-size: 0.86rem;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-head__help:hover {
	color: var(--al-ref-accent);
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-head__help i {
	width: var(--al-icon-help, 16px);
	height: var(--al-icon-help, 16px);
	border-radius: 50%;
	background: var(--al-ref-accent);
	color: #fff !important;
	font-size: var(--al-icon-help-glyph, 10px);
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin: 0;
	padding: 0;
	line-height: 1 !important;
	text-align: center;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-head__help i::before {
	display: block;
	line-height: 1;
	margin: 0;
}

/* Question glyph reads left/low in the tiny circle; nudge into optical center */
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-head__help i.fa-question::before {
	transform: translate(0.5px, -0.5px);
}

/* Field cells */
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--al-ref-gap);
	align-items: start;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-grid--full {
	grid-template-columns: 1fr;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-field {
	display: flex;
	flex-direction: column;
	gap: var(--al-field-gap, 6px);
	min-width: 0;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-field > label,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-field .wehfigo-ref-label {
	display: block;
	margin: 0 !important;
	font-family: var(--font-family-brand, "Space Grotesk", sans-serif);
	font-size: var(--al-label-size, 0.95rem) !important;
	font-weight: var(--al-label-weight, 700) !important;
	line-height: 1.25;
	color: var(--al-ref-text) !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-field > label small,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-field > label .wehfigo-optional-label {
	display: inline !important;
	font-weight: 500;
	font-size: 0.9em;
	color: var(--al-ref-helper) !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.basic_info label small,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features label small {
	display: none !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-helper {
	margin: 0;
	font-size: var(--al-helper-size, 0.84rem);
	font-weight: var(--al-helper-weight, 400);
	line-height: 1.35;
	color: var(--al-ref-helper);
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-req-star,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-field label i:not(.tip):not(.fa):not(.fas):not(.far),
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-field label .required {
	color: var(--al-ref-accent) !important;
	font-style: normal !important;
	font-weight: 700 !important;
	background: none !important;
	width: auto !important;
	height: auto !important;
}

/* Inputs inside ref sections */
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.basic_info input[type="text"],
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.basic_info input[type="search"],
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.basic_info input[type="email"],
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.basic_info select,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.basic_info .select2-selection,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.location input[type="text"],
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.location select,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.location .select2-selection,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features input[type="search"]:not(.wehfigo-ref-feat-search-input),
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features input[type="text"]:not(.wehfigo-ref-feat-search-input),
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features .wehfigo-cat-search {
	width: 100% !important;
	min-height: var(--al-input-h, var(--al-ref-input-h)) !important;
	height: auto !important;
	padding: var(--al-input-pad-y, 0.7rem) var(--al-input-pad-x, 0.95rem) !important;
	border: 1px solid var(--al-ref-border-strong) !important;
	border-radius: var(--al-radius-sm, var(--al-ref-radius-sm)) !important;
	background: var(--al-ref-input) !important;
	color: var(--al-ref-text) !important;
	font-size: var(--al-input-size, 0.95rem) !important;
	line-height: 1.35 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.basic_info .select2-container,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.location .select2-container {
	width: 100% !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.basic_info .select2-selection,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.location .select2-selection {
	display: flex !important;
	align-items: center;
	min-height: var(--al-ref-input-h) !important;
}

/* Title + counter */
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-title-wrap {
	position: relative;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-counter {
	position: absolute;
	right: 12px;
	bottom: 12px;
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--al-ref-helper);
	pointer-events: none;
}

/* Logo dropzone — full width; side thumbnail (.wehfigo-ref-logo__preview) removed */
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-logo {
	display: block;
	width: 100%;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-logo__drop {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	min-height: var(--al-drop-h, 108px);
	padding: var(--al-input-pad-y, 14px) var(--al-input-pad-x, 12px);
	border: 1.5px dashed var(--al-ref-accent);
	border-radius: var(--al-radius-sm, var(--al-ref-radius-sm));
	background: var(--al-ref-accent-wash);
	text-align: center;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-logo__drop i {
	color: var(--al-ref-accent) !important;
	font-size: var(--al-icon-head-glyph, 1.35rem);
	background: none !important;
	width: auto !important;
	height: auto !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-logo__drop strong {
	display: block;
	font-size: var(--al-label-size, 0.86rem);
	font-weight: 600;
	color: var(--al-ref-text);
	line-height: 1.3;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-logo__drop span {
	font-size: var(--al-helper-size, 0.75rem);
	color: var(--al-ref-helper);
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-logo__drop input[type="file"] {
	position: absolute !important;
	inset: 0 !important;
	opacity: 0 !important;
	cursor: pointer !important;
	min-height: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	z-index: 2;
}

/* In-dropzone uploaded preview (keeps dashed box; hides placeholder copy) */
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-logo__drop.has-preview > i,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-logo__drop.has-preview > strong,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-logo__drop.has-preview > span {
	display: none !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-logo__drop .wehfigo-ref-logo__drop-img {
	display: block;
	max-width: 160px;
	max-height: 96px;
	width: auto;
	height: auto;
	object-fit: contain;
	border-radius: 8px;
	pointer-events: none;
	z-index: 1;
}

/* Side thumbnail next to dropzone — removed (CSS belt-and-suspenders if JS re-injects) */
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-logo__preview {
	display: none !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-logo .uploadButton,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-logo .uploadButton--small,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-logo .dz-message,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-field .listeo-uploaded-file-preview:empty,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-field .wehfigo-logo-live-preview {
	display: none !important;
}

/* Keywords: label (+ ?) immediately above draft; helper sits below the bar */
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-field:has(.wehfigo-ref-keyword-draft) [class*="col-md-"] {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-field:has(.wehfigo-ref-keyword-draft) > label,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-field:has(.wehfigo-ref-keyword-draft) [class*="col-md-"] > label {
	margin-bottom: 0 !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-keyword-row {
	margin-top: 0;
	margin-bottom: 0;
	order: 0;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-keyword-row + .wehfigo-ref-helper {
	margin-top: 0;
	margin-bottom: 0;
}

/* Hidden storage must not create a visual gap between label and draft */
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-field:has(.wehfigo-ref-keyword-draft) input[name="keywords"][type="hidden"],
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-field:has(.wehfigo-ref-keyword-draft) input#keywords[type="hidden"] {
	display: none !important;
	position: absolute !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-keyword-draft {
	width: 100%;
	min-height: var(--al-input-h, var(--al-ref-input-h, 48px));
	box-sizing: border-box;
	border: 1.5px solid var(--al-ref-border);
	border-radius: var(--al-radius-sm, var(--al-ref-radius-sm));
	background: var(--al-input, var(--al-ref-input));
	color: var(--al-ref-text);
	font-size: var(--al-input-size, 1rem);
	font-weight: 500;
	padding: var(--al-input-pad-y, 0.75rem) var(--al-input-pad-x, 1rem);
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-keyword-draft::placeholder {
	color: var(--al-ref-muted);
	opacity: 1;
}

html[data-theme="dark"] body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-keyword-draft,
body#dark-mode.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-keyword-draft {
	background: var(--al-input, #111418);
	border-color: var(--al-border-strong, rgba(255, 255, 255, 0.18));
	color: var(--al-text, #f2f2f2);
}

html[data-theme="dark"] body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-keyword-draft::placeholder,
body#dark-mode.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-keyword-draft::placeholder {
	color: var(--al-helper, #8b94a3);
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-keyword-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-top: 8px;
	min-height: 0;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-keyword-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	border-radius: 999px;
	background: var(--al-chip-bg, #eef0f4);
	color: var(--al-ref-text);
	font-size: var(--al-helper-size, 0.82rem);
	font-weight: 600;
}

html[data-theme="dark"] body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-keyword-chip,
body#dark-mode.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-keyword-chip {
	background: var(--al-chip-bg, #1a1a1a);
	color: var(--al-text, #f2f2f2);
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-keyword-chip button {
	border: 0;
	background: transparent;
	color: var(--al-ref-muted);
	cursor: pointer;
	padding: 0;
	font-size: 0.9rem;
	line-height: 1;
	outline: none;
	box-shadow: none;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-keyword-chip button:focus,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-keyword-chip button:focus-visible {
	outline: none;
	box-shadow: none;
}

/* Listing type cards removed from Basic (type already chosen upstream) */
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-types {
	display: none !important;
}

/* Custom Field (Listeo term custom fields shell) — hide; Features empty state stays */
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.custom-term-features,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .custom-term-features,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref [id^="custom-fields-"] {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
	pointer-events: none !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-types__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 8px;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-type {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	min-height: 118px;
	padding: 14px 14px 16px;
	border: 1.5px solid var(--al-ref-border);
	border-radius: var(--al-ref-radius-sm);
	background: var(--al-ref-card);
	color: var(--al-ref-text);
	text-decoration: none !important;
	cursor: pointer;
	transition: border-color 0.15s ease, background 0.15s ease;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-type.is-active {
	border-color: var(--al-ref-accent);
	background: var(--al-ref-accent-wash);
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-type__radio {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2px solid var(--al-ref-border-strong);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-type.is-active .wehfigo-ref-type__radio {
	border-color: var(--al-ref-accent);
	background: var(--al-ref-accent);
	box-shadow: inset 0 0 0 3px var(--al-ref-card);
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-type__icon {
	color: var(--al-ref-muted);
	font-size: 1.15rem;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-type.is-active .wehfigo-ref-type__icon {
	color: var(--al-ref-accent);
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-type strong {
	font-size: 0.98rem;
	font-weight: 700;
	color: var(--al-ref-text);
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-type em {
	font-style: normal;
	font-size: 0.78rem;
	line-height: 1.35;
	color: var(--al-ref-helper);
}

/* =========================
   Features (reference)
   ========================= */

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features .form-field-listing_feature > label,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features .label-listing_feature,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features > .col-md-12 > label:first-child {
	display: none !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-feat-toolbar {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 10px;
	align-items: center;
	margin: 0 0 12px;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-feat-search {
	position: relative;
}

/* Magnifying glass removed; hide if any cached markup still injects FA search */
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features .wehfigo-ref-feat-search > i,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features .wehfigo-ref-feat-search .fa-search {
	display: none !important;
}

/* Placeholder-only search; normal pad (no --al-search-gutter) */
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features .wehfigo-ref-feat-search input,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features .wehfigo-ref-feat-search-input {
	width: 100% !important;
	min-height: var(--al-input-h, var(--al-ref-input-h)) !important;
	height: auto !important;
	padding: var(--al-input-pad-y, 0.7rem) var(--al-input-pad-x, 0.95rem) !important;
	border: 1px solid var(--al-ref-border-strong) !important;
	border-radius: var(--al-radius-sm, var(--al-ref-radius-sm)) !important;
	background: var(--al-ref-input) !important;
	color: var(--al-ref-text) !important;
	font-size: var(--al-input-size, 0.95rem) !important;
	line-height: 1.35 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-feat-selected {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: var(--al-input-h, var(--al-ref-input-h));
	padding: 0 var(--al-input-pad-x, 14px);
	border: 1px solid var(--al-ref-border);
	border-radius: var(--al-radius-sm, var(--al-ref-radius-sm));
	background: var(--al-ref-input);
	color: var(--al-ref-accent);
	font-size: var(--al-tab-size, 0.88rem);
	font-weight: 700;
	cursor: pointer;
	white-space: nowrap;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-feat-selected i {
	color: var(--al-ref-accent) !important;
	background: none !important;
	width: auto !important;
	height: auto !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-feat-tabs {
	display: flex;
	flex-wrap: nowrap;
	gap: 4px;
	overflow-x: auto;
	margin: 0 0 14px;
	padding-bottom: 2px;
	border-bottom: 1px solid var(--al-ref-border);
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-feat-tab {
	flex: 0 0 auto;
	border: 0;
	background: transparent;
	color: var(--al-ref-muted);
	font-size: var(--al-tab-size, 0.88rem);
	font-weight: 600;
	padding: var(--al-tab-pad, 10px 12px);
	cursor: pointer;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-feat-tab.is-active {
	color: var(--al-ref-accent);
	border-bottom-color: var(--al-ref-accent);
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-feat-tab[data-tab="None"].is-active {
	color: var(--al-ref-muted);
	border-bottom-color: var(--al-ref-muted);
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-feat-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-feat-empty {
	grid-column: 1 / -1;
	margin: 8px 0 4px;
	padding: 18px 14px;
	text-align: center;
	font-size: 0.92rem;
	font-weight: 600;
	color: var(--al-ref-muted) !important;
	border: 1px dashed var(--al-ref-border);
	border-radius: var(--al-ref-radius-sm);
	background: transparent;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-feature-chip,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-feat-chip {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	width: 100%;
	min-height: var(--al-chip-h, 46px);
	padding: var(--al-chip-pad, 10px 12px) !important;
	border: 1.5px solid var(--al-ref-border) !important;
	border-radius: var(--al-radius-sm, var(--al-ref-radius-sm)) !important;
	background: var(--al-ref-input) !important;
	color: var(--al-ref-text) !important;
	font-size: var(--al-chip-size, 0.9rem) !important;
	font-weight: 600 !important;
	text-align: left;
	cursor: pointer;
	outline: none !important;
	box-shadow: none !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-feat-chip i.wehfigo-ref-feat-chip__ico {
	color: var(--al-ref-muted) !important;
	background: none !important;
	width: auto !important;
	height: auto !important;
	font-size: 0.95rem;
	flex: 0 0 auto;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-feat-chip__check {
	margin-left: auto;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--al-ref-accent);
	color: #fff !important;
	font-size: 10px;
	display: none;
	align-items: center;
	justify-content: center;
	flex: 0 0 18px;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-feat-chip.is-active,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-feature-chip.is-active {
	border-color: var(--al-ref-accent) !important;
	background: var(--al-ref-accent-wash) !important;
	color: var(--al-ref-text) !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-feat-chip.is-active .wehfigo-ref-feat-chip__check {
	display: inline-flex;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-feat-chip.is-active i.wehfigo-ref-feat-chip__ico {
	color: var(--al-ref-accent) !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-feat-chip.is-other {
	border-style: dashed !important;
}

/* Hide raw checklist / old group titles */
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features .listeo_core-term-checklist > li,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features .checkboxes.in-row > div,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features .wehfigo-feature-group__title,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features .notification.notice,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features .notification.warning {
	display: none !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features .listeo_core-term-checklist,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features .checkboxes.in-row {
	display: block !important;
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-features .wehfigo-cat-search-wrap {
	display: none !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-feature-groups {
	display: none !important;
}

/* Other feature — only when revealed (not [hidden]) */
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-other-field--feature,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-other {
	margin-top: 14px;
	padding: 14px;
	border: 1px dashed var(--al-ref-border-strong);
	border-radius: var(--al-ref-radius-sm);
	background: var(--al-ref-input);
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-other-field--feature[hidden],
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-other[hidden] {
	display: none !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-other-field--feature label,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-other label {
	display: block;
	margin: 0 0 4px;
	font-weight: var(--al-label-weight, 700);
	font-size: var(--al-label-size, 0.95rem);
	color: var(--al-ref-text) !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-other .wehfigo-ref-helper {
	margin-bottom: 8px;
}

/* Address: one Listeo geolocate control, vertically centered on input */
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref #_address_wrapper,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-address-wrap {
	position: relative;
	display: block;
	width: 100%;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref #_address_wrapper input,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-address-wrap input {
	padding-right: calc(var(--al-addr-icon-right, 14px) + 1.75rem) !important;
	width: 100% !important;
}

/* Hide red duplicate pin if cached JS still injects it */
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-address-ico,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-address-wrap > i.fa-map-marker-alt {
	display: none !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref #_address_wrapper > a {
	position: absolute;
	right: var(--al-addr-icon-right, 14px);
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	line-height: 1;
	color: var(--al-muted, #6b7280) !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref #_address_wrapper > a i {
	color: inherit !important;
	background: none !important;
	font-size: var(--al-addr-icon-size, 1rem);
	line-height: 1;
}

html[data-theme="dark"] body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref #_address_wrapper > a,
body#dark-mode.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref #_address_wrapper > a {
	background: transparent !important;
	color: var(--al-helper, #8b94a3) !important;
}

/* Location: collapse map / geo leftovers; no min-height; tight bottom pad */
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.location {
	min-height: 0 !important;
	padding-bottom: calc(var(--al-pad-y, 22px) * 0.65) !important;
}

body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.location #submit_map,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.location .col-md-12:has(#submit_map),
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.location .form-field-_place_id,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.location .form-field-_place_id-container,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.location .form-field-_geolocation_long-container,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.location .form-field-_geolocation_lat-container,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.location .wehfigo-ref-loc-stash,
body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .add-listing-section.location .wehfigo-ref-field[aria-hidden="true"]:empty {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	max-height: 0 !important;
	min-height: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

/* Mobile */
@media (max-width: 820px) {
	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-grid,
	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-types__grid,
	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-feat-grid {
		grid-template-columns: 1fr;
	}

	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-feat-toolbar {
		grid-template-columns: 1fr;
	}

	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-feat-selected {
		justify-content: center;
	}

	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref {
		--al-pad-y: 18px;
		--al-pad-x: 16px;
	}

	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-head {
		flex-wrap: wrap;
	}
}

@media (min-width: 821px) and (max-width: 980px) {
	body.wehfigo-add-listing.wehfigo-v2.wehfigo-al-ref .wehfigo-ref-feat-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
