/* Product support search: SKU input and results (high contrast on dark backgrounds) */

.product-instructions-search {
	color: #fff;
}

.product-instructions-search .pi-sku-search-form {
	margin-bottom: 1.5em;
}

.product-instructions-search .pi-sku-search-form label {
	display: block;
	margin-bottom: 0.5em;
	font-weight: 600;
	color: #fff;
}

.product-instructions-search .pi-sku-input {
	padding: 0.5em 0.75em;
	min-width: 280px;
}

.product-instructions-search .pi-search-message {
	color: #fff;
}

.product-instructions-search .pi-search-message a {
	color: #bcd4ff;
}

.pi-search-results-wrapper .pi-search-loading {
	margin: 1em 0;
	color: #fff;
}

.pi-search-results .pi-search-product-block {
	margin-bottom: 2.5em;
	padding-bottom: 2em;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.pi-search-results .pi-search-product-block:last-child {
	border-bottom: 0;
}

.pi-search-results .pi-search-sku {
	font-weight: normal;
	color: rgba(255, 255, 255, 0.9);
	font-size: 0.9em;
}

.pi-search-results .pi-search-variation-note {
	margin: 0.5em 0 0;
	font-size: 0.9em;
	color: rgba(255, 255, 255, 0.85);
	font-style: italic;
}

.pi-search-results .pi-search-instructions h4,
.pi-search-results .pi-search-videos h4 {
	color: #fff;
}

.pi-search-results .pi-no-items {
	color: rgba(255, 255, 255, 0.9);
}

.pi-search-results .pi-pdf-label {
	color: #fff;
}

/* Product support search results: PDF cards and video embeds */

.pi-search-results .pi-search-instructions {
	margin-top: 1.5em;
}

.pi-search-results .pi-search-videos {
	margin-top: 2em;
}

.pi-pdf-viewers .pi-pdf-viewer-item {
	margin-bottom: 2em;
}

.pi-pdf-viewers .pi-pdf-viewer-header {
	margin-bottom: 0.5em;
	font-weight: 600;
}

.pi-pdf-viewers .pi-pdf-download-link {
	font-weight: normal;
	font-size: 0.9em;
}

.pi-pdf-viewers .pi-pdf-viewer {
	display: block;
	border-radius: 4px;
}

.pi-video-embeds {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
}

.pi-video-embeds .pi-video-embed-item {
	margin-bottom: 0;
}

.pi-video-embeds .pi-video-embed {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 315px;
	border-radius: 4px;
}

.pi-video-embeds .pi-video-watch-link {
	margin-top: 0.5em;
	margin-bottom: 0;
	font-size: 0.9em;
}

@media (max-width: 768px) {
	.pi-video-embeds {
		grid-template-columns: 1fr;
	}
}