/* 2026-06-23 v1.7
 * - Reduced search result scroll height for fixed show-all button spacing
 *
 * 2026-06-23 v1.6
 * - Added compact search result color swatches
 *
 * 2026-06-23 v1.5
 * - Added hover and active states for product search result rows
 *
 * 2026-06-23 v1.4
 * - Added scroll wrapper and compact product image sizing
 * - Applied requested product title color
 *
 * 2026-06-23 v1.3
 * - Added compact category and product result layout for search2026
 *
 * 2026-06-23 v1.2
 * - Moved dynamic search styling from css/forms to css/search2026
 *
 * 2026-06-23 v1.1
 * - Removed custom typography and colors from dynamic search results
 *
 * 2026-06-23 v1.0
 * - Added dynamic 2026 search dropdown styling
 */

.header-search-bar-wrapper-dynamic2026 {
	position: relative;
}

.header-search-bar-wrapper-dynamic2026 .header-search-bar-results-wrapper {
	top: 100%;
	left: 0;
	right: 0;
	z-index: 999993;
	margin-top: 8px;
	padding: 0;
	transform: none;
	overflow: hidden;
	background: #fff;
}

.header-search-bar-wrapper-dynamic2026 .kdp-search2026-scroll-wrapper {
	max-height: calc(100vh - 190px);
	overflow-y: auto;
	background: #fff;
}

.header-search-bar-wrapper-dynamic2026 .kdp-search2026-divider {
	margin: 0;
	padding: 10px;
	background: #fff;
}

.header-search-bar-wrapper-dynamic2026 .kdp-search2026-categories {
	margin: 0;
	padding: 0;
}

.header-search-bar-wrapper-dynamic2026 .kdp-search2026-category {
	display: block;
	margin: 0;
	padding: 10px;
	text-decoration: none;
	border-top: 1px solid #eee;
}

.header-search-bar-wrapper-dynamic2026 .kdp-search2026-category .h3 {
	margin: 0;
}

.header-search-bar-wrapper-dynamic2026 .search-result-category-in-description span {
	display: inline-block;
}

.header-search-bar-wrapper-dynamic2026 .kdp-search-result-empty {
	margin: 0;
	padding: 24px;
}

.header-search-bar-wrapper-dynamic2026 .kdp-search-result-items {
	display: block;
}

.header-search-bar-wrapper-dynamic2026 .kdp-search-result-item {
	display: grid;
	grid-template-columns: 60px 1fr;
	gap: 15px;
	align-items: center;
	min-height: 75px;
	padding: 2px!important;
	text-decoration: none;
	border-bottom: 1px solid #e5e5e5;
}

.header-search-bar-wrapper-dynamic2026 .kdp-search-result-item:hover {
	background-color: #f6f6f6;
}

.header-search-bar-wrapper-dynamic2026 .kdp-search-result-item:active {
	background-color: var(--colororange,#ff5100);
}

.header-search-bar-wrapper-dynamic2026 .kdp-search-result-item:active,
.header-search-bar-wrapper-dynamic2026 .kdp-search-result-item:active * {
	color: #fff!important;
}

.header-search-bar-wrapper-dynamic2026 .kdp-search-result-image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 75px;
	overflow: hidden;
	border-radius: 8px;
}

.header-search-bar-wrapper-dynamic2026 .kdp-search-result-image img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.header-search-bar-wrapper-dynamic2026 .kdp-search-result-content {
	display: block;
	min-width: 0;
}

.header-search-bar-wrapper-dynamic2026 .kdp-search-result-title {
	display: block;
	margin: 0 0 12px 0;
}

.header-search-bar-wrapper-dynamic2026 .kdp-search-result-title.kdp-search2026-product-title {
	color: var(--colororange,#ff5100);
}

.header-search-bar-wrapper-dynamic2026 .kdp-search-result-price {
	display: block;
}

.header-search-bar-wrapper-dynamic2026 .kdp-search2026-product-colors {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-top: 8px;
}

.header-search-bar-wrapper-dynamic2026 .kdp-search2026-product-colors span {
	display: block;
	width: 10px;
	max-width: 10px;
	height: 10px;
	max-height: 10px;
	overflow: hidden;
	border-radius: 50%;
}

.header-search-bar-wrapper-dynamic2026 .kdp-search2026-product-colors .title {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

.header-search-bar-wrapper-dynamic2026 .kdp-search-show-all-wrapper {
	margin: 0;
	padding: 10px;
}

.header-search-bar-wrapper-dynamic2026 .kdp-search-show-all-wrapper .button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 52px;
	margin: 0;
	padding: 15px;
	text-align: center;
	text-decoration: none;
	border-radius: 8px;
}

.header-search-bar-wrapper-dynamic2026 .kdp-search-show-all-wrapper .fa {
	margin-left: 14px;
}

@media only screen and (max-width: 720px) {
	.header-search-bar-wrapper-dynamic2026 .kdp-search-result-item {
		grid-template-columns: 60px 1fr;
		gap: 14px;
		min-height: 75px;
		padding: 2px!important;
	}

	.header-search-bar-wrapper-dynamic2026 .kdp-search-result-image {
		width: 60px;
		height: 75px;
	}

	.header-search-bar-wrapper-dynamic2026 .kdp-search-result-title {
		margin-bottom: 8px;
	}

	.header-search-bar-wrapper-dynamic2026 .kdp-search-show-all-wrapper {
		padding: 12px;
	}

	.header-search-bar-wrapper-dynamic2026 .kdp-search-show-all-wrapper .button {
		min-height: 58px;
	}
}