/* WP Store — FiboSearch: professional header field + suggestion panel */

.wp-store-fibosearch-wrap {
	position: relative;
	width: 100%;
	max-width: 560px;
}

.wp-store-fibosearch-wrap .dgwt-wcas-search-wrapp {
	max-width: none;
	width: 100%;
	line-height: normal;
}

.header-search-wrap.wp-store-fibosearch-wrap {
	margin: 0 auto;
	justify-self: center;
}

.header-search-wrap.wp-store-fibosearch-wrap .dgwt-wcas-search-form {
	border-radius: 12px;
	overflow: visible;
	background: transparent;
	border: none;
	box-shadow: none;
}

.header-search-wrap.wp-store-fibosearch-wrap .dgwt-wcas-sf-wrapp {
	display: block;
	position: relative;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	min-height: 46px;
	border-radius: 12px;
	overflow: hidden;
	background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
	border: 1px solid rgba(148, 163, 184, 0.28);
	box-shadow:
		0 1px 2px rgba(2, 8, 23, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.95);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.header-search-wrap.wp-store-fibosearch-wrap .dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp,
.header-search-wrap.wp-store-fibosearch-wrap .dgwt-wcas-sf-wrapp:focus-within {
	border-color: rgba(13, 148, 136, 0.55);
	box-shadow:
		0 0 0 3px rgba(13, 148, 136, 0.16),
		0 10px 28px rgba(2, 8, 23, 0.14);
}

.header-search-wrap.wp-store-fibosearch-wrap .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
	width: 100%;
	height: 46px;
	min-height: 46px;
	margin: 0;
	padding: 0 16px 0 48px !important;
	border: none !important;
	border-radius: 12px !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #0f172a;
	font-size: 14px;
	font-weight: 500;
	line-height: 46px;
	font-family: inherit;
	letter-spacing: 0.01em;
}

.header-search-wrap.wp-store-fibosearch-wrap .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::placeholder {
	color: #94a3b8;
	font-weight: 450;
	line-height: 46px;
}

/* Magnifier in soft teal chip — truly centered */
.header-search-wrap.wp-store-fibosearch-wrap .dgwt-wcas-sf-wrapp > button.dgwt-wcas-search-submit,
.header-search-wrap .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp > button.dgwt-wcas-search-submit {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: absolute !important;
	left: 6px !important;
	right: auto !important;
	top: 50% !important;
	bottom: auto !important;
	width: 34px !important;
	height: 34px !important;
	min-width: 34px !important;
	min-height: 34px !important;
	max-height: 34px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 9px !important;
	background: rgba(13, 148, 136, 0.12) !important;
	box-shadow: none !important;
	transform: translateY(-50%) !important;
	pointer-events: none !important;
	opacity: 1 !important;
	z-index: 3;
	line-height: 0 !important;
	color: var(--wp-store-primary, #0d9488) !important;
}

.header-search-wrap.wp-store-fibosearch-wrap .dgwt-wcas-sf-wrapp > button.dgwt-wcas-search-submit:before,
.header-search-wrap.wp-store-fibosearch-wrap .dgwt-wcas-sf-wrapp > button.dgwt-wcas-search-submit:after {
	display: none !important;
	content: none !important;
}

.header-search-wrap.wp-store-fibosearch-wrap .dgwt-wcas-sf-wrapp > button.dgwt-wcas-search-submit svg,
.header-search-wrap.wp-store-fibosearch-wrap .dgwt-wcas-sf-wrapp > button.dgwt-wcas-search-submit .dgwt-wcas-ico-magnifier {
	display: block !important;
	position: static !important;
	width: 16px !important;
	height: 16px !important;
	max-width: 16px !important;
	max-height: 16px !important;
	margin: 0 !important;
	padding: 0 !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	transform: none !important;
	color: var(--wp-store-primary, #0d9488) !important;
	fill: currentColor !important;
	overflow: visible !important;
}

.header-search-wrap.wp-store-fibosearch-wrap .dgwt-wcas-sf-wrapp > button.dgwt-wcas-search-submit path {
	fill: currentColor !important;
}

.header-search-wrap.wp-store-fibosearch-wrap .dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp > button.dgwt-wcas-search-submit {
	left: 6px !important;
	right: auto !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	pointer-events: none !important;
}

.header-search-wrap.wp-store-fibosearch-wrap .dgwt-wcas-sf-wrapp > .dgwt-wcas-ico-magnifier {
	display: none !important;
}

/* Preloader / close inside field */
.header-search-wrap.wp-store-fibosearch-wrap .dgwt-wcas-preloader {
	right: 12px !important;
}

/* —— Suggestion dropdown —— */
.dgwt-wcas-suggestions-wrapp,
.dgwt-wcas-suggestions-wrapp.woocommerce {
	border-radius: 14px !important;
	border: 1px solid #e2e8f0 !important;
	box-shadow: 0 22px 50px rgba(15, 23, 42, 0.14) !important;
	overflow: hidden;
	background: #ffffff !important;
	padding: 6px 0 !important;
	margin-top: 8px !important;
	z-index: 1200 !important;
}

.dgwt-wcas-suggestion {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 10px 14px !important;
	border: 0 !important;
	transition: background 0.15s ease;
}

.dgwt-wcas-suggestion:hover,
.dgwt-wcas-suggestion-selected {
	background: #f0fdfa !important;
}

.dgwt-wcas-si {
	flex-shrink: 0 !important;
	width: 48px !important;
	height: 48px !important;
	border-radius: 10px !important;
	overflow: hidden !important;
	background: #f1f5f9 !important;
	border: 1px solid #e2e8f0 !important;
}

.dgwt-wcas-si img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}

.dgwt-wcas-content-wrapp {
	min-width: 0 !important;
	flex: 1 !important;
}

.dgwt-wcas-st {
	display: block !important;
	font-size: 14px !important;
	font-weight: 650 !important;
	line-height: 1.35 !important;
	color: #0f172a !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

.dgwt-wcas-sp {
	font-size: 13px !important;
	font-weight: 700 !important;
	color: var(--wp-store-primary, #0d9488) !important;
	margin-top: 3px !important;
}

.dgwt-wcas-sd,
.dgwt-wcas-sku {
	font-size: 12px !important;
	color: #64748b !important;
	margin-top: 2px !important;
}

.dgwt-wcas-suggestion-headline {
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	color: #94a3b8 !important;
	padding: 10px 14px 4px !important;
	background: transparent !important;
}

.dgwt-wcas-suggestion.dgwt-wcas-suggestion-more {
	justify-content: center !important;
	font-weight: 650 !important;
	color: var(--wp-store-primary, #0d9488) !important;
	border-top: 1px solid #f1f5f9 !important;
	margin-top: 4px !important;
}

.dgwt-wcas-no-results {
	padding: 18px 16px !important;
	text-align: center !important;
	color: #64748b !important;
	font-size: 14px !important;
}

.mobile-search-wrap.wp-store-fibosearch-wrap {
	max-width: none;
	margin: 0;
	width: 100%;
}

.mobile-search-wrap.wp-store-fibosearch-wrap .dgwt-wcas-sf-wrapp {
	display: block;
	position: relative;
	border-radius: 12px;
	border: 1px solid rgba(148, 163, 184, 0.28);
	background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
	box-shadow: 0 1px 2px rgba(2, 8, 23, 0.06);
	min-height: 44px;
	padding: 0;
	overflow: hidden;
}

.mobile-search-wrap.wp-store-fibosearch-wrap .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
	height: 44px;
	min-height: 44px;
	padding: 0 14px 0 46px !important;
	line-height: 44px;
	color: var(--wp-store-text, #0f172a);
	border: none !important;
	background: transparent !important;
	font-size: 14px;
}

.mobile-search-wrap.wp-store-fibosearch-wrap .dgwt-wcas-sf-wrapp > button.dgwt-wcas-search-submit {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: absolute !important;
	left: 6px !important;
	right: auto !important;
	top: 50% !important;
	bottom: auto !important;
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	min-height: 32px !important;
	max-height: 32px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 9px !important;
	background: rgba(13, 148, 136, 0.12) !important;
	transform: translateY(-50%) !important;
	pointer-events: none !important;
	color: var(--wp-store-primary, #0d9488) !important;
	line-height: 0 !important;
}

.mobile-search-wrap.wp-store-fibosearch-wrap .dgwt-wcas-sf-wrapp > button.dgwt-wcas-search-submit svg {
	display: block !important;
	position: static !important;
	width: 16px !important;
	height: 16px !important;
	margin: 0 !important;
	transform: none !important;
	color: inherit !important;
	fill: currentColor !important;
}

.mobile-search-wrap.wp-store-fibosearch-wrap .dgwt-wcas-sf-wrapp > .dgwt-wcas-ico-magnifier {
	display: none !important;
}

@media (max-width: 768px) {
	.header-search-wrap.header-search-desktop,
	.header-search-desktop.wp-store-fibosearch-wrap {
		display: none !important;
	}

	.header-mobile-search .dgwt-wcas-search-icon,
	.header-mobile-search .js-dgwt-wcas-search-icon-handler,
	.header-mobile-search a.dgwt-wcas-search-icon {
		display: none !important;
	}

	.header-mobile-search .dgwt-wcas-search-wrapp {
		display: block !important;
	}
}

@media (min-width: 769px) {
	.header-mobile-search {
		display: none !important;
	}
}

/* Prevent 100vw horizontal scrollbar from FiboSearch overlays */
.dgwt-wcas-search-wrapp,
.dgwt-wcas-overlay-mobile,
.dgwt-wcas-search-overflow,
.js-dgwt-wcas-overlay {
	max-width: 100% !important;
}

.dgwt-wcas-overlay-mobile,
.dgwt-wcas-search-overflow {
	width: 100% !important;
	min-width: 0 !important;
	left: 0 !important;
	right: 0 !important;
	box-sizing: border-box !important;
}