/**
 * FiboSearch Pro (L3) — header search field themed to the prototype .gb-search
 * (dark translucent field, light border, icon submit on the right).
 * Settings first (search_style solaris, submit icon on, placeholder "Search hampers...", no mobile overlay);
 * this file only restyles. Selectors stay in FiboSearch's own .dgwt-wcas-* namespace.
 */

#header .dgwt-wcas-search-wrapp {
	max-width: 520px;
	min-width: 0;
	margin: 0;
}

#header .dgwt-wcas-sf-wrapp {
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

#header .dgwt-wcas-search-wrapp input[type="search"].dgwt-wcas-search-input {
	min-height: 44px;
	height: 44px;
	padding: 0 44px 0 16px;
	font-family: var(--gb-font-body);
	font-size: var(--gb-fs-14);
	font-weight: 600;
	color: #fff;
	background: rgba(255, 255, 255, 0.05);
	border: 1.5px solid rgba(255, 255, 255, 0.3);
	border-radius: var(--gb-r-md);
	box-shadow: none;
}

#header .dgwt-wcas-search-wrapp input[type="search"].dgwt-wcas-search-input::placeholder {
	color: var(--gb-on-dark-muted);
	font-weight: 600;
	opacity: 1;
}

#header .dgwt-wcas-search-wrapp input[type="search"].dgwt-wcas-search-input:hover {
	border-color: rgba(255, 255, 255, 0.5);
}

#header .dgwt-wcas-search-wrapp input[type="search"].dgwt-wcas-search-input:focus {
	outline: none;
	border-color: var(--gb-gold);
	background: rgba(255, 255, 255, 0.1);
}

#header .dgwt-wcas-search-wrapp .dgwt-wcas-search-submit {
	position: absolute;
	top: 50%;
	right: 5px;
	left: auto;
	width: 34px;
	height: 34px;
	min-height: 0;
	padding: 0;
	transform: translateY(-50%);
	background: transparent;
	border: 0;
	border-radius: var(--gb-r-sm);
	box-shadow: none;
	color: #fff;
}

#header .dgwt-wcas-search-wrapp .dgwt-wcas-search-submit::before {
	display: none;
}

#header .dgwt-wcas-search-wrapp .dgwt-wcas-search-submit:hover {
	background: rgba(255, 255, 255, 0.1);
}

#header .dgwt-wcas-search-wrapp .dgwt-wcas-search-submit path {
	fill: #fff;
}

#header .dgwt-wcas-ico-magnifier,
#header .dgwt-wcas-preloader {
	color: #fff;
}

/* Suggestions dropdown (outside #header in the DOM) — light sheet, brand type. */
.dgwt-wcas-suggestions-wrapp {
	border: 1px solid var(--gb-line);
	border-radius: 0 0 var(--gb-r-md) var(--gb-r-md);
	box-shadow: var(--gb-shadow-2);
	font-family: var(--gb-font-body);
}

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

.dgwt-wcas-suggestion-selected,
.dgwt-wcas-suggestion:hover {
	background: var(--gb-gold-mist);
}

.dgwt-wcas-st strong,
.dgwt-wcas-sp {
	color: var(--gb-gold-ink);
}

/* Mobile: search takes its own full-width row (prototype ≤1160px). */
#header [data-device="mobile"] .dgwt-wcas-search-wrapp {
	max-width: none;
	width: 100%;
}

/* Prototype .gb-search: upright placeholder, 20px outline magnifier (gb-icon, stroke 1.75). */
#header .dgwt-wcas-search-wrapp input[type="search"].dgwt-wcas-search-input,
#header .dgwt-wcas-search-wrapp input[type="search"].dgwt-wcas-search-input::placeholder {
	font-style: normal;
}
#header .dgwt-wcas-search-wrapp .dgwt-wcas-search-submit svg {
	display: none;
}
#header .dgwt-wcas-search-wrapp .dgwt-wcas-search-submit::after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	margin: auto;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.6-3.6'/%3E%3C/svg%3E") center / 20px no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.6-3.6'/%3E%3C/svg%3E") center / 20px no-repeat;
}