/* The vehicle picker (partials/ymm.html): the client's "BY VEHICLE" bar of their installation guides
   page, whose look is the theme's own (style.css .installation-filter, .mmy-filter, .select-container,
   #clearfilter). Here it stands alone: no "BY TYPE" column beside it, so its column takes the full
   width; a fourth select (Submodel) shares the row when the products API offers some; Search is their
   yellow action button (button.action), Clear their grey one (#clearfilter) with near-black text; every select 40px. */
.ymm.installation-filter { margin-bottom: 0; text-align: left; }
.ymm .mmy-filter-container { width: 100%; padding-left: 0; }
.ymm .mmy-filter { gap: 1.55%; }
.ymm .mmy-filter .select-container { flex: 1 1 0; width: auto; min-width: 0; }
/* 40px tall, the tap floor (the theme's selects and their chevron block are 38px), and 16px type, the phone floor of a select */
.ymm .mmy-dropdown { height: 40px; min-height: 40px; padding-right: 38px; font-size: 16px; text-overflow: ellipsis; cursor: pointer; }
.ymm .mmy-filter .select-container::after { height: 40px; }
.ymm .mmy-dropdown:disabled { cursor: default; }
.ymm [hidden] { display: none !important; }

.ymm__actions { display: flex; flex-wrap: wrap; gap: 0 10px; }
.ymm .btn {
  display: inline-block; width: auto; margin: 0 0 20px; padding: 10px 30px; border: 0; border-radius: 0;
  box-shadow: none; font: 500 14px/21px "proxima-nova", sans-serif; text-transform: uppercase;
  text-decoration: none; cursor: pointer; transition: none;
}
/* Clear keeps their grey, with their near-black text: white on it is under full contrast */
.ymm .ymm__clear, .ymm .ymm__clear:hover, .ymm .ymm__clear:focus { background: #BEBEBE; color: #272727 !important; text-decoration: none; }
.ymm .ymm__search { background: #FECB17; color: #000; font-weight: 700; }
.ymm .ymm__search:hover, .ymm .ymm__search:focus { background: #272727; color: #FECB17; }

@media screen and (max-width: 767px) {
  .ymm .mmy-filter-container { margin-top: 0; }
  .ymm .mmy-filter .select-container { flex: none; width: 100%; }
}