/*
 * Nick & Sielker – Variations-Stylesheet: „Modern“ (modern).
 *
 * Die „Modern“-Variante ist die Basis des Themes; Farben, Typografie und
 * Layout liefert bereits styles/modern.json (theme.json) bzw. die Basis-Styles
 * in assets/css/. Diese Datei modernisiert das eckige Suchfeld im Kopfbereich:
 * leicht abgerundete Ecken, weicher Schatten und ein olivfarbener Fokus-Rand
 * mit dezentem Ring – klar modern, aber ohne ausgeprägte Rundung.
 *
 * Gescoped unter body.ns-style--modern.
 */

/* Suchfeld: feine Ecken, weicher Schatten. */
body.ns-style--modern .ns-search__field {
	height: 34px;
	padding: 4px 38px 4px 14px;
	border: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: 3px;
	background: #fff;
	box-shadow: var(--ns-shadow-sm);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.ns-style--modern .ns-search__field:hover {
	border-color: rgba(255, 255, 255, 0.85);
}

/* Fokus: olivfarbener Rand + dezent angedeuteter Ring. */
body.ns-style--modern .ns-search__field:focus {
	border-color: var(--ns-olive);
	box-shadow: 0 0 0 3px rgba(99, 113, 31, 0.22),
		var(--ns-shadow-sm);
	outline: 0;
}

body.ns-style--modern .ns-search__submit {
	width: 34px;
	border-radius: 0 3px 3px 0;
	color: var(--ns-olive);
}

body.ns-style--modern .ns-search__submit:hover {
	color: var(--ns-olive-darker);
}