/* FiboSearch: arama sitenin görsel merkezidir, form burada yeniden biçimlenir. */
.wp-block-fibosearch-search,
.dgwt-wcas-search-wrapp {
	width: 100%;
	max-width: none !important;
	min-width: 0;
}

.dgwt-wcas-style-solaris .dgwt-wcas-sf-wrapp {
	display: flex;
	padding: 0;
	background: none;
}

.dgwt-wcas-style-solaris .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input,
.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
	flex: 1 1 auto;
	width: 100%;
	height: 3.25rem;
	padding: 0 1rem;
	background: var(--wp--preset--color--wit);
	border: 2px solid var(--emaille);
	border-right: 0;
	border-radius: var(--r-control) 0 0 var(--r-control);
	box-shadow: none;
	color: var(--inkt);
	font-family: var(--font-tekst);
	font-size: 1.0625rem;
	font-style: normal;
}

.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::placeholder {
	color: var(--staal);
	font-style: normal;
	opacity: 1;
}

.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:focus {
	outline: 2px solid var(--focus);
	outline-offset: 2px;
}

.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
	position: static;
	display: grid;
	place-items: center;
	flex: none;
	width: 3.75rem;
	height: 3.25rem;
	min-width: 0;
	margin: 0;
	padding: 0;
	background: var(--etiket);
	border: 2px solid var(--emaille);
	border-left: 0;
	border-radius: 0 var(--r-control) var(--r-control) 0;
	color: var(--inkt);
	text-shadow: none;
}

.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover {
	background: var(--emaille);
	color: var(--wit);
}

.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit::before {
	display: none;
}

.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-ico-magnifier {
	position: static;
	width: 1.375rem;
	height: 1.375rem;
	margin: 0;
	opacity: 1;
}

.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-ico-magnifier path {
	fill: currentColor;
}

@media (max-width: 959px) {
	.site-bar .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
		height: 2.875rem;
		padding: 0 0.75rem;
		font-size: 1rem;
	}

	.site-bar .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
		width: 3rem;
		height: 2.875rem;
	}
}

/* Koyu zeminde büyük arama */
.on-dark .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
	height: clamp(3.5rem, 2.5rem + 3vw, 4.5rem);
	padding: 0 1.25rem;
	border-color: var(--wp--preset--color--wit);
	font-size: clamp(1.0625rem, 1rem + 0.5vw, 1.375rem);
}

.on-dark .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
	width: clamp(3.75rem, 3rem + 3vw, 5.5rem);
	height: clamp(3.5rem, 2.5rem + 3vw, 4.5rem);
	background: var(--etiket);
	border-color: var(--etiket);
	color: var(--inkt);
}

.on-dark .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover {
	background: var(--wp--preset--color--wit);
	border-color: var(--wp--preset--color--wit);
}

@media (max-width: 479px) {
	.on-dark .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
		padding: 0 0.75rem;
		font-size: 1rem;
	}

	.on-dark .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
		width: 3.25rem;
	}
}

/* Canlı sonuçlar */
.dgwt-wcas-suggestions-wrapp {
	border: 1px solid var(--lijn) !important;
	border-top: 0 !important;
	border-radius: 0 0 var(--r-control) var(--r-control);
	box-shadow: 0 16px 24px -12px rgb(15 28 54 / 0.3);
	font-family: var(--font-tekst);
}

.dgwt-wcas-suggestion {
	color: var(--inkt);
}

.dgwt-wcas-suggestion-selected {
	background: var(--mist) !important;
}

.dgwt-wcas-st-title {
	font-size: var(--wp--preset--font-size--klein);
	font-weight: 600;
}

.dgwt-wcas-sku {
	color: var(--staal);
	font-family: var(--font-code);
	font-size: 0.8125rem;
	font-weight: 700;
}

.dgwt-wcas-suggestion strong {
	color: var(--emaille);
}

.dgwt-wcas-sp {
	color: var(--inkt);
	white-space: nowrap;
}

.dgwt-wcas-suggestion-more .dgwt-wcas-st-more {
	color: var(--emaille);
	font-weight: 700;
}

.dgwt-wcas-suggestion,
.dgwt-wcas-suggestion:hover,
.dgwt-wcas-suggestion * {
	text-decoration: none;
}