/**
 * Mevotech Parts: custom dropdown, functional styles only (position, open/closed, active, selected,
 * focus, disabled). The previous site's look values are added separately.
 *
 * @license GPL-2.0-or-later
 */
.mevo-parts-dd { position: relative; width: 100%; }
.mevo-parts-search select[hidden],
.mevo-parts-dd__list[hidden] { display: none !important; }

.mevo-parts-dd__trigger {
	box-sizing: border-box; position: relative; display: flex; align-items: center;
	width: 100%; min-height: 44px; padding: 0.5rem 2.4rem 0.5rem 0.9rem;
	border: 1px solid #c9ccd0; border-radius: 4px; background: #fff; color: #000;
	font: inherit; font-size: 0.9rem; line-height: 1.3; cursor: pointer; user-select: none;
}
.mevo-parts-dd__trigger::after {
	content: ""; position: absolute; right: 0.9rem; top: 50%; width: 0.5rem; height: 0.5rem;
	border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
	transform: translateY(-70%) rotate(45deg);
}
.mevo-parts-dd__trigger[aria-expanded="true"]::after { transform: translateY(-30%) rotate(225deg); }
.mevo-parts-dd__trigger--placeholder { color: #5f6368; }
.mevo-parts-dd__trigger:focus-visible { outline: 2px solid #000; outline-offset: 2px; box-shadow: 0 0 0 4px #fff; }
.mevo-parts-dd__trigger[aria-disabled="true"] { cursor: not-allowed; opacity: 0.55; background: #eceef0; }

.mevo-parts-dd__list {
	box-sizing: border-box; position: absolute; z-index: 1000; top: calc(100% + 4px); left: 0; right: 0;
	margin: 0; padding: 0; list-style: none; background: #fff; color: #000;
	border: 1px solid #c9ccd0; border-radius: 4px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
	max-height: min(50vh, 20rem); overflow-y: auto; overscroll-behavior: contain;
}
.mevo-parts-dd__option {
	position: relative; display: flex; align-items: center; min-height: 44px;
	padding: 0.5rem 0.9rem 0.5rem 2rem; border-top: 1px solid #d9d9d9;
	cursor: pointer; touch-action: manipulation;
}
.mevo-parts-dd__option:first-child { border-top: none; }
.mevo-parts-dd__option--active { outline: 2px solid #000; outline-offset: -2px; background: #eef2f7; }
.mevo-parts-dd__option[aria-selected="true"] { font-weight: 700; }
.mevo-parts-dd__option[aria-selected="true"]::before { content: "\2713"; position: absolute; left: 0.7rem; }

@media (max-width: 599px) {
	.mevo-parts-dd__list { position: relative; top: auto; left: auto; right: auto; width: 100%; margin-top: 4px; }
}
@media (prefers-reduced-motion: no-preference) {
	.mevo-parts-dd__list:not([hidden]) { animation: mevo-parts-dd-in 0.15s ease-out; }
}
@keyframes mevo-parts-dd-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }