.genero-ts-badge {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	margin-left: 8px;
	font-size: 11px;
	color: #888;
	background: #f0f0f0;
	border-radius: 3px;
	padding: 2px 6px;
	vertical-align: middle;
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
	transition: color 0.15s, background 0.15s;
}

/* Ta bort #374151 på titeln */
#wedocs-single-doc-search-modal .doc-search-container .doc-search-modal .modal-body .doc-search-dropdown-container .doc-search-hits #doc-search-list .doc-search-hit .doc-search-hit-result .doc-search-hit-container .doc-search-hit-content-wrapper .doc-search-hit-title {
	color: inherit !important;
}

/* Ta bort vit hover-färg på titeln */
#wedocs-single-doc-search-modal .doc-search-container .doc-search-modal .modal-body .doc-search-dropdown-container .doc-search-hits #doc-search-list .doc-search-hit .doc-search-hit-result:hover .parent-doc-nav,
#wedocs-single-doc-search-modal .doc-search-container .doc-search-modal .modal-body .doc-search-dropdown-container .doc-search-hits #doc-search-list .doc-search-hit .doc-search-hit-result:hover .section-doc-nav,
#wedocs-single-doc-search-modal .doc-search-container .doc-search-modal .modal-body .doc-search-dropdown-container .doc-search-hits #doc-search-list .doc-search-hit .doc-search-hit-result:hover .doc-search-hit-title {
	color: inherit !important;
}

/* Badge-hover: behåll mörk text */
#wedocs-single-doc-search-modal .doc-search-container .doc-search-modal .modal-body .doc-search-dropdown-container .doc-search-hits #doc-search-list .doc-search-hit .doc-search-hit-result:hover .doc-search-hit-container .doc-search-hit-content-wrapper .doc-search-hit-title .genero-ts-badge {
	color: #555 !important;
	background: rgba(0,0,0,0.07) !important;
}

/* Modal overlay — ingen top-offset, JS positionerar inner-boxen */
#wedocs-single-doc-search-modal {
	top: 0 !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
}

/* Inner container positioneras av JS — nollställ weDocs-defaults */
#wedocs-single-doc-search-modal .doc-search-container {
	position: absolute !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Modal-boxen ser ut som originalfältet, fyller containern */
#wedocs-single-doc-search-modal .doc-search-container .doc-search-modal {
	width: 100% !important;
	border: 2px solid #fa9000 !important;
	border-radius: 4px !important;
	box-shadow: 0 4px 24px rgba(0,0,0,0.12) !important;
}

/* Dölj dropdown och header-border tills söket startar */
#wedocs-single-doc-search-modal .doc-search-dropdown-container {
	display: none;
}

#wedocs-single-doc-search-modal .doc-search-container .doc-search-modal .modal-header {
	border-bottom: none !important;
}

#wedocs-single-doc-search-modal.genero-searching .doc-search-dropdown-container {
	display: block;
}

#wedocs-single-doc-search-modal.genero-searching .doc-search-container .doc-search-modal .modal-header {
	border-bottom: 1px solid #D9D9D9 !important;
}

.genero-search-loader {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 28px;
}

.genero-search-spinner {
	width: 26px;
	height: 26px;
	border: 3px solid #fde8c8;
	border-top-color: #fa9000;
	border-radius: 50%;
	animation: genero-spin 0.65s linear infinite;
}

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

.genero-hit-meta {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 6px;
	flex-wrap: wrap;
}

.genero-hit-meta-label {
	font-size: 11px;
	color: #9ca3af;
}

.genero-hit-meta-tag {
	font-size: 11px;
	color: #374151;
	background: #e8edf5;
	border-radius: 4px;
	padding: 3px 5px;
	line-height: 13px;
}

.genero-hit-excerpt {
	font-size: 12px;
	color: #6b7280;
	margin-top: 10px;
	line-height: 1.4;
	text-align: left;
}

/* Normalisera alla sökresultat — ta bort weDocs separatorlinjer */
#wedocs-single-doc-search-modal .doc-search-hit {
	border-bottom: none !important;
	border-top: none !important;
	cursor: pointer !important;
}

#wedocs-single-doc-search-modal .doc-search-hit-title {
	border-bottom: none !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* Dölj doc-ikon */
#wedocs-single-doc-search-modal .doc-search-hit-icon {
	display: none !important;
}

/* Max-height på hits-containern */
#wedocs-single-doc-search-modal .doc-search-container .doc-search-modal .modal-body .doc-search-dropdown-container .doc-search-hits {
	max-height: 100vh !important;
}

/* Dölj submit-knappen */
.search-submit {
	display: none !important;
}

/* Originalfält — höjd specificitet slår annan 10px-regel */
.wedocs-shortcode-wrap .wedocs-search-input input.search-field {
	height: 60px !important;
	font-size: 18px !important;
	border-radius: 4px !important;
	border-color: #fa9000 !important;
}

/* Stängknapp — grundstil (desktop) */
#wedocs-single-doc-search-modal .doc-search-container .doc-search-modal .modal-header .doc-search-cancel {
	flex: none;
	display: flex;
	width: auto !important;
	height: auto !important;
	color: #334155;
	font-size: 10px;
	appearance: none;
	font-weight: 700;
	background: #fff;
	align-items: center;
	padding: 0.5rem 1rem;
	border-radius: 4px;
	justify-content: center;
	border: 1px solid #d4dde6 !important;
}

/* Blur på bakgrunden när sökmodalen är öppen */
#wedocs-single-doc-search-modal {
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

/* ── Mobil: full-screen modal ── */
@media (max-width: 767px) {
	/* Täck sajt-headern */
	#wedocs-single-doc-search-modal {
		z-index: 999999 !important;
	}

	/* Container fyller hela skärmen */
	#wedocs-single-doc-search-modal .doc-search-container {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100vw !important;
		min-width: 100vw !important;
		height: 100vh !important;
	}

	/* Modal-boxen fyller containern, flex-kolumn */
	#wedocs-single-doc-search-modal .doc-search-modal {
		width: 100% !important;
		min-width: 100% !important;
		height: 100% !important;
		max-height: 100% !important;
		border-radius: 0 !important;
		border: none !important;
		box-shadow: none !important;
		display: flex !important;
		flex-direction: column !important;
		overflow: hidden !important;
		padding-top: 16px !important;
	}

	/* Header: sökfält + stängknapp, shrink ej */
	#wedocs-single-doc-search-modal .modal-header {
		flex-shrink: 0 !important;
	}

	/* modal-body är direkt flex-barn — måste också växa */
	#wedocs-single-doc-search-modal .modal-body {
		flex: 1 1 auto !important;
		overflow: hidden !important;
		display: flex !important;
		flex-direction: column !important;
		min-height: 0 !important;
	}

	/* Dropdown-containern scrollar */
	#wedocs-single-doc-search-modal .doc-search-dropdown-container {
		flex: 1 1 auto !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch !important;
		max-height: none !important;
		min-height: 0 !important;
	}

	/* Stängknapp: mobil */
	#wedocs-single-doc-search-modal .doc-search-cancel {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 6px !important;
		padding: 8px 16px !important;
		border-radius: 4px !important;
		background: #faf5eb !important;
		border: none !important;
		cursor: pointer !important;
		color: #374151 !important;
		font-size: 14px !important;
		font-weight: 500 !important;
		flex-shrink: 0 !important;
		white-space: nowrap !important;
	}

	#wedocs-single-doc-search-modal .doc-search-cancel .genero-esc-text {
		display: none !important;
	}

	#wedocs-single-doc-search-modal .doc-search-cancel .genero-x-icon {
		display: block !important;
	}
}

@media (min-width: 768px) {
	#wedocs-single-doc-search-modal .doc-search-cancel .genero-x-icon {
		display: none !important;
	}
}