/**
 * FiboSearch an das KSF-Design angleichen.
 *
 * Gegenstueck zu fibofilters.css. Das Plugin nutzt den Stil "Pirx"
 * (runde Pille, Systemschrift, schwarzer Fokusrahmen) - hier eckig,
 * Montserrat und das Seitenblau. Die Selektoren tragen bewusst
 * "html body" voran, weil Pirx sehr spezifische Regeln setzt.
 */

body {
	--ksf-blau: #07589b;
	--ksf-blau-hell: #e8f0f7;
	--ksf-text: #636363;
}

/* ------------------------------------------------------------ Eingabefeld */

html body .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp,
html body .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp {
	border-radius: 0;
}

html body .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input,
html:not(.dgwt-wcas-overlay-mobile-on) body .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
	background: #fff;
	border: 1.6px solid #d6d6d6;
	border-radius: 0;
	box-shadow: none;
	color: #333;
	font-family: Montserrat, sans-serif;
	font-size: 13px;
	padding-left: 34px;
	padding-right: 8px;
}

html body .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:hover {
	background: #fff;
	border-color: #b5b5b5;
}

html body .dgwt-wcas-style-pirx.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input,
html:not(.dgwt-wcas-overlay-mobile-on) body .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
	border-color: var(--ksf-blau);
	box-shadow: none;
}

html body .dgwt-wcas-style-pirx.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input,
html:not(.dgwt-wcas-overlay-mobile-on) body .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
	padding-left: 14px;
	padding-right: 44px;
}

html body .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::placeholder {
	color: #8a8a8a;
	font-weight: 400;
}

/* Lupe links im leeren Feld */
html body .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
	left: 6px;
}

html body .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
	left: auto;
	right: 8px;
}

html body .dgwt-wcas-style-pirx.dgwt-wcas-has-submit .dgwt-wcas-search-submit svg path {
	fill: var(--ksf-blau);
}

html body .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover {
	background: var(--ksf-blau-hell);
	border-radius: 0;
	box-shadow: 0 0 0 2px var(--ksf-blau-hell);
}

html body .dgwt-wcas-style-pirx .dgwt-wcas-close:not(.dgwt-wcas-inner-preloader) path {
	fill: #999;
}

/* ------------------------------------------------------------ Vorschlagsliste */

html body .dgwt-wcas-suggestions-wrapp {
	border: 1px solid #e3e3e3;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
}

/*
 * Pirx rundet die Liste ueber wechselnde Zustandsklassen am Seitenelement
 * (.dgwt-wcas-open-pirx, .dgwt-wcas-open, .dgwt-wcas-nores ...). Statt jede
 * Kombination nachzubauen, wird die Rundung hier ausnahmsweise erzwungen.
 */
.dgwt-wcas-suggestions-wrapp,
.dgwt-wcas-details-wrapp {
	border-radius: 0 !important;
}

html body .dgwt-wcas-open-pirx .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp {
	border-radius: 0;
}

html body .dgwt-wcas-suggestion {
	font-family: Montserrat, sans-serif;
}

html body .dgwt-wcas-st {
	color: var(--ksf-text);
	font-size: 14px;
	line-height: 1.3;
}

html body .dgwt-wcas-st strong,
html body .dgwt-wcas-suggestion strong {
	color: var(--ksf-blau);
	font-weight: 700;
}

html body .dgwt-wcas-suggestion-selected {
	background-color: var(--ksf-blau-hell);
}

html body .dgwt-wcas-si img {
	border-color: #ececec;
	border-radius: 0;
}

html body .dgwt-wcas-sp {
	color: #111;
	font-weight: 600;
}

/* "Alle Treffer anzeigen" */
html body .dgwt-wcas-suggestion.dgwt-wcas-suggestion-more {
	color: var(--ksf-blau);
	font-size: 12.8px;
	font-weight: 700;
	letter-spacing: .05em;
}

html body .dgwt-wcas-suggestion.dgwt-wcas-suggestion-more .dgwt-wcas-st-more {
	color: var(--ksf-blau);
}

/* ------------------------------------------------------------ Mobile Such-Ansicht */

html body .dgwt-wcas-overlay-mobile input[type=search].dgwt-wcas-search-input {
	font-family: Montserrat, sans-serif;
}