/* ErdeMED Search 0.5 — Header-Trigger (bewusst winzig: das eigentliche
 * Such-UI (frontend.css/js) lädt erst beim ersten Öffnen nach). */

/* Bricks überschreibt natives [hidden] — Modal bleibt sicher unsichtbar,
 * bis trigger.js es öffnet (frontend.css ist da noch gar nicht geladen). */
.esrch-modal[hidden] { display: none !important; }

/* Auch native Bricks-Elemente (Icon etc.) mit data-esrch-trigger sind klickbar. */
[data-esrch-trigger] { cursor: pointer; }

.esrch-trigger {
	/* Füllt den Container bis max-width und zentriert sich darin. */
	display: flex;
	width: 100%;
	max-width: 380px;
	margin-inline: auto;
	align-items: center;
	gap: 10px;
	border: 0;
	border-radius: var(--min-s-radius, 10px);
	padding: 8px 12px;
	background: var(--surface-alt, #f8fafc);
	box-shadow: inset 0 0 0 var(--b-thin, 1px) var(--border, #d5dce4);
	color: var(--text-muted, #6b7280);
	font: inherit;
	font-size: var(--text-s, 14px);
	cursor: pointer;
	text-align: left;
}
.esrch-trigger:hover { background: var(--hover, #e2e8f0); color: var(--text, #25303c); }
.esrch-trigger__ic {
	flex: none;
	width: 15px;
	height: 15px;
	background: currentColor;
	opacity: 0.75;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.707,22.293l-5.969-5.969a10.016,10.016,0,1,0-1.414,1.414l5.969,5.969a1,1,0,0,0,1.414-1.414ZM10,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,10,18Z'%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.707,22.293l-5.969-5.969a10.016,10.016,0,1,0-1.414,1.414l5.969,5.969a1,1,0,0,0,1.414-1.414ZM10,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,10,18Z'%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat;
}
.esrch-trigger__label { flex: 1; min-width: 0; }
.esrch-trigger kbd {
	display: inline-grid;
	place-items: center;
	height: 22px;
	padding: 0 8px;
	border-radius: var(--min-xs-radius, 6px);
	background: var(--surface, #ffffff);
	color: var(--text-muted, #6b7280);
	font-family: inherit;
	font-size: var(--text-xs, 12px);
	white-space: nowrap;
}

/* Icon-Variante: [erdemed_search_trigger style="icon"] — nur die Lupe. */
.esrch-trigger--icon {
	width: 40px;
	height: 40px;
	max-width: none;
	padding: 0;
	justify-content: center;
}
.esrch-trigger--icon .esrch-trigger__label,
.esrch-trigger--icon kbd { display: none; }
.esrch-trigger--icon .esrch-trigger__ic { width: 17px; height: 17px; }

/* Auf Mobile wird auch der Standard-Trigger automatisch zum Icon. */
@media (max-width: 560px) {
	.esrch-trigger {
		width: 40px;
		height: 40px;
		max-width: none;
		padding: 0;
		justify-content: center;
	}
	.esrch-trigger .esrch-trigger__label,
	.esrch-trigger kbd { display: none; }
	.esrch-trigger .esrch-trigger__ic { width: 17px; height: 17px; }
}