/* The vehicle picker (partials/ymm.html): the client's EasySearch app styles for its main widget, as the app
   inlined them (its fitment table and garage rules left out, nothing here draws them), with the shop's colour
   settings at the end. The theme's custom.css dresses it further (the home's grey band, 50px fields, the red
   Shop Now). Below that, what our markup adds: a form for the holder, buttons for the app's links. */
.easysearch-hidden{display:none!important}
.easysearch-block-container{padding-top:var(--es-block-pt);padding-bottom:var(--es-block-pb)}
.easysearch-btn{font-weight:600}
.easysearch-vertical-mode .easysearch-btn,.easysearch-vertical-mode .easysearch-holder{width:100%}
.easysearch-widget *,.easysearch-widget ::after,.easysearch-widget ::before{box-sizing:border-box}
.easysearch-widget{font-size:14px;line-height:1.42}
.easysearch-widget a,.easysearch-widget button{-webkit-transition:.25s;transition:.25s}
.easysearch-main-holder{max-width:100%;margin:0 auto}
.easysearch-container{padding:20px}
.easysearch-dark-mode .easysearch-select-holder select{background-color:#2e2e2e;border-color:#8a8a8a;color:#fff}
.easysearch-dark-mode .easysearch-select-holder::before{border-color:#fafafa}
.easysearch-vertical-mode .easysearch-logo-holder{order:-1;max-width:120px;margin-left:0;margin-right:0;margin-bottom:16px}
.easysearch-vertical-mode .easysearch-select-holder{flex:1 1 100%}
.easysearch-vertical-mode .easysearch-actions-holder{flex-wrap:wrap;width:100%;margin-top:8px}
.easysearch-vertical-mode .easysearch-btn-holder{flex:1 1 auto;white-space:nowrap}
.easysearch-main-holder{display:flex;align-items:flex-end;flex-wrap:wrap;width:100%}
.easysearch-holder{display:flex;align-items:flex-end;flex-grow:1;flex-shrink:0;gap:8px;flex-wrap:wrap;max-width:calc(100vw - 40px);width:100%;margin:0 auto}
.easysearch-header-holder{max-width:calc(100vw - 40px);width:100%;margin:0 auto 16px;font-size:16px;font-weight:600}
.easysearch-logo-holder{overflow:hidden;flex-shrink:0;max-width:110px;max-height:54px;margin-right:12px;margin-bottom:8px}
.easysearch-header-holder:empty,.easysearch-logo-holder:empty{display:none}
.easysearch-select-holder{position:relative;flex:1 0 0;min-width:150px;max-width:100%}
.easysearch-select-holder select{width:100%;height:40px;padding:8px 32px 8px 12px;margin:0;background-color:#fff;background-image:none!important;border:1px solid #8a8a8a;border-radius:6px;-moz-appearance:none;-webkit-appearance:none;appearance:none}
.easysearch-select-holder::before{content:'';position:absolute;bottom:17px;right:15px;width:8px;height:8px;border-right:2px solid;border-bottom:2px solid;border-color:#4a4a4a;border-radius:0;transform:rotate(45deg);pointer-events:none}
.easysearch-actions-holder{display:flex;align-items:flex-end;gap:8px}
.easysearch-btn{display:inline-block;position:relative;min-height:40px;height:auto;padding:8px 16px;background-color:#1a1a1a;border:none;border-radius:6px;color:#fff;line-height:24px;text-decoration:none;text-transform:none;text-align:center;vertical-align:top;cursor:pointer}
.easysearch-btn:hover{opacity:.8}
.easysearch-select-holder select:disabled{opacity:.7;cursor:default}
.easysearch-btn-search[disabled]{opacity:.7;cursor:not-allowed}
.easysearch-loading .easysearch-btn-holder,.easysearch-loading .easysearch-select-holder{opacity:.6}
.easysearch-widget{background:#121212ff}
.easysearch-header-holder{color:#ffffffff}
.easysearch-main-widget .easysearch-btn-holder .easysearch-btn-search{background:#840104ff;color:#ffffff}
.easysearch-btn-holder .easysearch-btn-clean{background:#e6e6e6ff;color:#303030}

/* ours: the holder is a form and the app's links are buttons, so they take the page's type as the links did */
form.easysearch-main-holder{margin:0 auto}
.easysearch-widget button.easysearch-btn{margin:0;font-family:inherit;letter-spacing:inherit;-webkit-appearance:none;appearance:none}
.easysearch-select-holder[hidden]{display:none}
/* Clear filters (with a vehicle) stands as tall as the theme makes Shop Now, so the two sit level */
.easysearch-main-widget .easysearch-btn-holder .easysearch-btn-clean{height:50px;display:flex;align-items:center;justify-content:center}