.block-finder__form-control--button:disabled {
background-color: grey;
color: #fff;
}
.home-search-panel .block-finder__form-control--button,
.home-matricule-form .block-finder__form-control--button {
width: auto;
min-width: 0;
padding-left: 32px;
padding-right: 32px;
}
.home-search-header {
width: 100%;
margin: 0 auto 0.5rem;
text-align: center;
}
.block-finder__body > .block-finder__title {
width: 100%;
max-width: 100%;
}
@media (min-width: 1000px) {
.block-finder__body > .block-finder__title {
font-size: 36px;
line-height: 44px;
}
}
.home-search-header .home-search-switch {
display: inline-flex;
width: 320px;
max-width: 100%;
margin-bottom: 0.5rem;
}
.home-search-header .home-search-switch__btn {
flex: 1 1 0;
min-width: 0;
height: 44px;
min-height: 44px;
padding: 0 12px;
font-size: 15px;
font-weight: 500;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
@media (max-width: 767.98px) {
.home-search-header .home-search-switch__btn {
height: 40px;
min-height: 40px;
}
}
.home-search-switch {
display: flex;
width: 100%;
border-radius: 3px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.35);
background: rgba(0, 0, 0, 0.2);
}
.home-search-panels {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
width: 100%;
max-width: 100%;
}
.home-search-panel {
grid-area: 1 / 1;
width: 100%;
display: flex;
flex-direction: column;
align-items: stretch;
}
.home-search-panel.is-hidden {
visibility: hidden;
pointer-events: none;
}
.home-matricule-forms {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
width: 100%;
}
.home-matricule-form {
grid-area: 1 / 1;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.home-search-panel .block-finder__form {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
justify-content: center;
}
@media (min-width: 1200px) {
.home-search-panel .block-finder__form {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
width: 100%;
max-width: 100%;
margin: 0;
}
.home-search-panel .block-finder__form-control {
width: 100%;
flex: none;
flex-basis: auto;
flex-grow: 0;
margin: 0;
}
.home-search-panel .block-finder__form .block-finder__form-control--button {
grid-column: 1 / -1;
justify-self: center;
margin-top: 4px;
width: auto;
}
}
@media (min-width: 1000px) and (max-width: 1199.98px) {
.home-search-panel .block-finder__form {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
width: 100%;
max-width: 100%;
margin: 0;
}
.home-search-panel .block-finder__form-control {
width: 100%;
flex: none;
flex-basis: auto;
flex-grow: 0;
margin: 0;
}
.home-search-panel .block-finder__form-control--button {
grid-column: 1 / -1;
justify-self: center;
margin-top: 4px;
width: auto;
}
}
@media (min-width: 768px) and (max-width: 999.98px) {
.home-search-panel .block-finder__form {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
width: 100%;
max-width: 100%;
margin: 0;
}
.home-search-panel .block-finder__form-control {
width: 100%;
flex: none;
flex-basis: auto;
flex-grow: 0;
margin: 0;
}
.home-search-panel .block-finder__form .block-finder__form-control--button {
grid-column: 1 / -1;
justify-self: center;
margin-top: 4px;
width: auto;
}
}
@media (max-width: 767.98px) {
.home-search-panel .block-finder__form {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
width: 100%;
max-width: 100%;
margin: 0;
}
.home-search-panel .block-finder__form-control {
width: 100%;
flex: none;
flex-basis: auto;
flex-grow: 0;
margin: 0;
}
.home-search-panel .block-finder__form-control--button {
width: auto;
justify-self: center;
margin-top: 0;
}
}
#recherche-immatricule.home-search-panel {
align-items: center;
}
.home-search-switch--sm {
width: 160px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.home-matricule-form .block-finder__form-control--button {
margin-left: auto;
margin-right: auto;
width: auto;
}
.home-matricule-form.is-hidden {
visibility: hidden;
pointer-events: none;
}
.home-search-switch--sm .home-search-switch__btn {
min-width: 72px;
padding: 8px 20px;
font-size: 14px;
}
.home-search-switch__btn {
border: none;
background: transparent;
color: rgba(255, 255, 255, 0.85);
flex: 1 1 0;
padding: 10px 16px;
font-size: 15px;
font-weight: 500;
cursor: pointer;
transition: background 0.15s, color 0.15s;
white-space: nowrap;
}
.home-search-switch__btn + .home-search-switch__btn {
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.home-search-switch__btn--active {
background: #1a79ff;
color: #fff;
}
.home-search-switch__btn:not(.home-search-switch__btn--active):hover {
background: rgba(255, 255, 255, 0.1);
color: #fff;
}
.home-search-switch__btn:focus:not(:focus-visible) {
outline: none;
box-shadow: none;
}
.home-search-switch__btn:focus-visible {
outline: 2px solid rgba(255, 255, 255, 0.85);
outline-offset: 2px;
}
.home-search-switch__btn:active {
outline: none;
box-shadow: none;
}
/* Chrome, Safari, Edge, Opera */
input.immatriculation::-webkit-outer-spin-button,
input.immatriculation::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input.immatriculation[type=number] {
-moz-appearance: textfield;
}
input.immatriculation-rs::-webkit-outer-spin-button,
input.immatriculation-rs::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input.immatriculation-rs[type=number] {
-moz-appearance: textfield;
}
/* Champ autocomplete : même rendu que .block-finder__form-control--select select */
.home-vehicle-autocomplete-wrap {
position: relative;
z-index: 3;
overflow: visible;
min-width: 0;
flex-basis: 0;
flex-grow: 1;
}
.home-vehicle-autocomplete-wrap .ui-autocomplete {
width: 100%;
box-sizing: border-box;
}
.home-vehicle-autocomplete-wrap .block-finder__form-control--search {
width: 100%;
height: 44px;
min-height: 44px;
box-sizing: border-box;
border: none;
border-radius: 2px;
background-color: #fff;
background-image: none;
color: #262626;
padding: 0 16px;
text-align: left;
cursor: text;
font: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-transition: opacity .25s ease-in-out, color .25s ease-in-out;
transition: opacity .25s ease-in-out, color .25s ease-in-out;
}
.home-vehicle-autocomplete-wrap .block-finder__form-control--search::placeholder {
color: #999;
opacity: 1;
}
.home-vehicle-autocomplete-wrap .block-finder__form-control--search:focus {
outline: none;
}
.home-vehicle-autocomplete-wrap .block-finder__form-control--search:disabled {
opacity: .65;
color: #999;
cursor: not-allowed;
}
.home-vehicle-autocomplete-wrap.has-selection .block-finder__form-control--search {
padding-right: 44px;
cursor: default;
}
.home-vehicle-autocomplete-wrap.has-selection .block-finder__form-control--search[readonly] {
opacity: 1;
color: #262626;
}
.home-vehicle-search-clear {
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
width: 28px;
height: 28px;
margin: 0;
padding: 0;
border: none;
border-radius: 2px;
background: transparent;
color: #4d4d4d;
font-size: 22px;
line-height: 26px;
cursor: pointer;
text-align: center;
}
.home-vehicle-search-clear:hover,
.home-vehicle-search-clear:focus {
background: #f0f0f0;
color: #262626;
outline: none;
}
.home-vehicle-search-clear[hidden] {
display: none !important;
}
.periode-annee-debut {
color: #1a4d7c;
font-weight: inherit;
}
.home-ac-highlight {
background-color: #b8e4ff;
color: #262626;
font-weight: 600;
padding: 0 1px;
border-radius: 2px;
}
/* Liste déroulante : scrollbar native (curseur visible sous Windows/Chrome) */
.ui-autocomplete.home-vehicle-autocomplete-menu,
.ui-autocomplete.home-vehicle-autocomplete-menu.ui-front {
z-index: 10050 !important;
max-height: 320px;
box-sizing: border-box;
overflow-y: auto;
overflow-x: hidden;
scrollbar-gutter: stable;
scrollbar-width: auto;
scrollbar-color: #767676 #ebebeb;
padding: 0;
margin: 0;
border: none;
border-radius: 2px;
background: #fff;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
font: inherit;
list-style: none;
-webkit-overflow-scrolling: touch;
}
.ui-autocomplete.home-vehicle-autocomplete-menu .ui-menu-item {
margin: 0;
padding: 0;
border: none;
}
.ui-autocomplete.home-vehicle-autocomplete-menu .ui-menu-item-wrapper {
display: block;
padding: 10px 12px 10px 16px;
color: #262626;
border: none;
line-height: 1.35;
cursor: pointer;
box-sizing: border-box;
}
.ui-autocomplete.home-vehicle-autocomplete-menu .ui-state-active,
.ui-autocomplete.home-vehicle-autocomplete-menu .ui-state-focus,
.ui-autocomplete.home-vehicle-autocomplete-menu .ui-menu-item-wrapper.ui-state-active {
margin: 0;
border: none;
background: #f0f0f0;
color: #262626;
}
.home-vehicle-search-block.home-vehicle-ui {
width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
background: none;
border: none;
box-shadow: none;
--home-ui-field-bg: #262728;
--home-ui-field-bg-hover: #323436;
--home-ui-field-border: #3a3c3e;
--home-ui-icon-bg: #1e1f20;
--home-ui-switch-bg: #262728;
--home-ui-switch-border: #404244;
--home-ui-text: #fff;
--home-ui-text-muted: #a8adb4;
--home-ui-text-dim: #8a9099;
--home-ui-icon: #b8bcc2;
}
.home-vehicle-search-block.home-vehicle-ui .home-search-header {
margin-bottom: 0.5rem;
}
.home-vehicle-search-block.home-vehicle-ui .home-search-switch {
border-color: var(--home-ui-switch-border);
background: var(--home-ui-switch-bg);
}
.home-vehicle-search-block.home-vehicle-ui .home-search-switch__btn {
color: #d8dce0;
}
.home-vehicle-search-block.home-vehicle-ui .home-search-switch__btn + .home-search-switch__btn {
border-left-color: var(--home-ui-switch-border);
}
.home-vehicle-search-block.home-vehicle-ui .home-search-switch__btn:not(.home-search-switch__btn--active):hover {
background: var(--home-ui-field-bg-hover);
color: #fff;
}
.home-vehicle-search-block.home-vehicle-ui .block-finder__form-control--select select,
.home-vehicle-search-block.home-vehicle-ui .home-vehicle-autocomplete-wrap .block-finder__form-control--search {
background-color: var(--home-ui-field-bg);
color: var(--home-ui-text);
border: 1px solid var(--home-ui-field-border);
border-radius: 2px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 10'%3E%3Cpath fill='%23b0b0b0' d='M4.503,4 L0.497,4 C0.094,4 -0.142,3.492 0.089,3.122 L2.095,0.233 C2.293,-0.084 2.712,-0.084 2.911,0.233 L4.911,3.122 C5.142,3.492 4.906,4 4.503,4 ZM0.497,6 L4.503,6 C4.906,6 5.142,6.504 4.911,6.871 L2.905,9.737 C2.707,10.052 2.288,10.052 2.089,9.737 L0.089,6.871 C-0.142,6.504 0.094,6 0.497,6 Z'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 5px 10px;
background-position: right 12px center;
}
/* Accueil : Select2 motorisation = thème sombre (pas le gris #ebebeb du picker) */
.home-vehicle-search-block.home-vehicle-ui:not(.home-vehicle-search-block--picker) .block-finder__form-control--select .select2-container {
width: 100% !important;
display: block;
height: 44px;
}
.home-vehicle-search-block.home-vehicle-ui:not(.home-vehicle-search-block--picker) .block-finder__form-control--select .select2-selection--single {
background-color: var(--home-ui-field-bg) !important;
border: 1px solid var(--home-ui-field-border);
box-sizing: border-box;
display: flex;
align-items: center;
width: 100%;
height: 44px;
min-height: 44px;
border-radius: 2px;
}
.home-vehicle-search-block.home-vehicle-ui:not(.home-vehicle-search-block--picker) .block-finder__form-control--select .select2-selection--single .select2-selection__rendered {
font: inherit;
line-height: normal;
width: 100%;
padding: 0 16px;
box-sizing: border-box;
color: var(--home-ui-text);
}
.home-vehicle-search-block.home-vehicle-ui:not(.home-vehicle-search-block--picker) .block-finder__form-control--select .select2-container--disabled .select2-selection--single {
background-color: var(--home-ui-field-bg) !important;
opacity: 1;
}
.home-vehicle-search-block.home-vehicle-ui:not(.home-vehicle-search-block--picker) .block-finder__form-control--select .select2-container--disabled .select2-selection--single .select2-selection__rendered {
color: var(--home-ui-text-dim);
opacity: 1;
}

/* Picker uniquement : fond #ebebeb, texte comme champ recherche clair */
.home-vehicle-search-block--picker .block-finder__form-control--select .select2-container,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .block-finder__form-control--select .select2-container {
width: 100% !important;
display: block;
height: 40px;
}
.home-vehicle-search-block--picker .block-finder__form-control--select .select2-selection--single,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .block-finder__form-control--select .select2-selection--single {
background-color: #ebebeb !important;
border: none;
box-sizing: border-box;
display: flex;
align-items: center;
width: 100%;
height: 40px;
min-height: 40px;
border-radius: var(--home-ui-field-radius, 2px);
font-size: 14px;
}
.home-vehicle-search-block--picker .block-finder__form-control--select .select2-selection--single .select2-selection__rendered,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .block-finder__form-control--select .select2-selection--single .select2-selection__rendered {
font: inherit;
line-height: normal;
width: 100%;
padding: 0 14px;
box-sizing: border-box;
font-size: 14px;
color: #262626;
}
.home-vehicle-search-block--picker .block-finder__form-control--select .select2-container--disabled .select2-selection--single,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .block-finder__form-control--select .select2-container--disabled .select2-selection--single {
background-color: #ebebeb !important;
opacity: 1;
}
.home-vehicle-search-block--picker .block-finder__form-control--select .select2-container--disabled .select2-selection--single .select2-selection__rendered,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .block-finder__form-control--select .select2-container--disabled .select2-selection--single .select2-selection__rendered {
color: #888;
opacity: 1;
}
.home-vehicle-search-block.home-vehicle-ui .home-vehicle-autocomplete-wrap .block-finder__form-control--search {
background-image: none;
}
.home-vehicle-search-block.home-vehicle-ui .block-finder__form-control--select select:disabled,
.home-vehicle-search-block.home-vehicle-ui .home-vehicle-autocomplete-wrap .block-finder__form-control--search:disabled {
opacity: 1;
color: var(--home-ui-text-dim);
}
.home-vehicle-search-block.home-vehicle-ui .home-vehicle-autocomplete-wrap .block-finder__form-control--search::placeholder {
color: var(--home-ui-text-dim);
}
.home-vehicle-search-block.home-vehicle-ui .home-vehicle-autocomplete-wrap.has-selection .block-finder__form-control--search,
.home-vehicle-search-block.home-vehicle-ui .home-vehicle-autocomplete-wrap.has-selection .block-finder__form-control--search[readonly] {
color: var(--home-ui-text);
opacity: 1;
}
.home-vehicle-search-block.home-vehicle-ui .home-vehicle-search-clear {
color: var(--home-ui-icon);
}
.home-vehicle-search-block.home-vehicle-ui .home-vehicle-search-clear:hover,
.home-vehicle-search-block.home-vehicle-ui .home-vehicle-search-clear:focus {
background: var(--home-ui-field-bg-hover);
color: #fff;
}
.home-vehicle-search-block.home-vehicle-ui .text-warning {
color: #ffc107 !important;
}
.home-vehicle-search-block.is-hidden {
display: none;
}

.voiturep-vehicle-selected-wrap .home-vehicle-search-block {
  margin-top: 0.5rem;
}

/* Picker desktop + modal : style maquette (onglets carrés, champs gris, actions à droite) */

/* Modal : laisser la place au bouton fermer (évite chevauchement avec les onglets) */
.vehicle-picker-modal .modal-content {
  position: relative;
}

.vehicle-picker-modal .vehicle-picker-modal__close {
  z-index: 10;
}

.vehicle-picker-modal .vehicle-picker-modal__panel {
  padding-top: 50px;
}

.vehicle-picker-modal__panel[data-panel="form"] {
  padding: 50px 28px 28px;
}

.vehicle-picker-modal__panel[data-panel="form"].vehicle-picker-modal__panel--active {
  display: block;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker.home-vehicle-ui,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker.home-vehicle-ui {
  width: 100%;
  margin: 0;
  padding: 0;
  --home-ui-field-radius: 2px;
  --home-ui-field-bg: #ebebeb;
  --home-ui-field-bg-hover: #e2e2e2;
  --home-ui-field-border: transparent;
  --home-ui-switch-bg: transparent;
  --home-ui-switch-border: transparent;
  --home-ui-text: #262626;
  --home-ui-text-muted: #6c757d;
  --home-ui-text-dim: #888;
  --home-ui-icon: #6c757d;
}

.vehicle-picker-modal__panel[data-panel="form"] .vehicle-picker-modal__title.card-title {
  display: none;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-search-header,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-search-header {
  margin-bottom: 10px;
  width: 100%;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-search-header .home-search-switch,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-search-header .home-search-switch {
  display: flex;
  width: 100%;
  max-width: 100%;
  border: none;
  background: transparent;
  border-radius: var(--home-ui-field-radius, 2px);
  overflow: hidden;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-search-switch,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-search-switch {
  border: none;
  background: transparent;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-search-header .home-search-switch__btn,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-search-header .home-search-switch__btn {
  flex: 1 1 0;
  height: 40px;
  min-height: 40px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 0;
  color: #fff;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-search-switch__btn + .home-search-switch__btn,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-search-switch__btn + .home-search-switch__btn {
  border-left: none;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-search-switch__btn--active,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-search-switch__btn--active {
  background: #1e7bff;
  color: #fff;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-search-switch__btn:not(.home-search-switch__btn--active),
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-search-switch__btn:not(.home-search-switch__btn--active) {
  background: #282828;
  color: #fff;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-search-switch__btn:not(.home-search-switch__btn--active):hover,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-search-switch__btn:not(.home-search-switch__btn--active):hover {
  background: #333;
  color: #fff;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-search-switch--sm,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-search-switch--sm {
  width: auto;
  max-width: 100%;
  border: none;
  background: var(--home-ui-field-bg);
  border-radius: var(--home-ui-field-radius, 2px);
  overflow: hidden;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-search-switch--sm .home-search-switch__btn,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-search-switch--sm .home-search-switch__btn {
  min-width: 48px;
  padding: 0 12px;
  font-size: 12px;
  height: 32px;
  min-height: 32px;
  border-radius: 0;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-search-panel .block-finder__form,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-search-panel .block-finder__form {
  display: flex !important;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  margin: 0;
  grid-template-columns: unset;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-search-panel .block-finder__form-control,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-search-panel .block-finder__form-control {
  width: 100%;
  margin: 0;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-vehicle-picker-footer,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-vehicle-picker-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 12px;
  width: 100%;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-vehicle-picker-footer__back,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-vehicle-picker-footer__back {
  border: none;
  background: transparent;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  padding: 0;
  cursor: pointer;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-vehicle-picker-footer__back:hover,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-vehicle-picker-footer__back:hover {
  color: #555;
  text-decoration: underline;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-vehicle-picker-footer > .btn.btn-sm.btn-primary,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-vehicle-picker-footer > .btn.btn-sm.btn-primary {
  margin: 0;
  flex: 0 0 auto;
  box-sizing: border-box;
  height: 30px;
  min-height: 30px;
  padding: calc(13px / 2) 12px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  border-radius: 2px;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-vehicle-picker-footer > .btn.btn-sm.btn-primary[hidden],
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-vehicle-picker-footer > .btn.btn-sm.btn-primary[hidden] {
  display: none !important;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .block-finder__form-control--select select,
.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-vehicle-autocomplete-wrap .block-finder__form-control--search,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .block-finder__form-control--select select,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-vehicle-autocomplete-wrap .block-finder__form-control--search {
  background-color: var(--home-ui-field-bg);
  color: #262626;
  border: none;
  border-radius: var(--home-ui-field-radius, 2px);
  height: 40px;
  min-height: 40px;
  font-size: 14px;
  padding: 0 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 10'%3E%3Cpath fill='%23555555' d='M4.503,4 L0.497,4 C0.094,4 -0.142,3.492 0.089,3.122 L2.095,0.233 C2.293,-0.084 2.712,-0.084 2.911,0.233 L4.911,3.122 C5.142,3.492 4.906,4 4.503,4 ZM0.497,6 L4.503,6 C4.906,6 5.142,6.504 4.911,6.871 L2.905,9.737 C2.707,10.052 2.288,10.052 2.089,9.737 L0.089,6.871 C-0.142,6.504 0.094,6 0.497,6 Z'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 5px 10px;
  background-position: right 14px center;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-vehicle-autocomplete-wrap .block-finder__form-control--search,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-vehicle-autocomplete-wrap .block-finder__form-control--search {
  background-image: none;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .block-finder__form-control--select select:disabled,
.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-vehicle-autocomplete-wrap .block-finder__form-control--search:disabled,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .block-finder__form-control--select select:disabled,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-vehicle-autocomplete-wrap .block-finder__form-control--search:disabled {
  color: #888;
  background-color: var(--home-ui-field-bg);
  opacity: 0.85;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-vehicle-autocomplete-wrap .block-finder__form-control--search::placeholder,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-vehicle-autocomplete-wrap .block-finder__form-control--search::placeholder {
  color: #888;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-vehicle-autocomplete-wrap.has-selection .block-finder__form-control--search,
.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-vehicle-autocomplete-wrap.has-selection .block-finder__form-control--search[readonly],
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-vehicle-autocomplete-wrap.has-selection .block-finder__form-control--search,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-vehicle-autocomplete-wrap.has-selection .block-finder__form-control--search[readonly] {
  color: #262626;
  background-color: var(--home-ui-field-bg);
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-vehicle-search-clear,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-vehicle-search-clear {
  color: #888;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-vehicle-search-clear:hover,
.vehicle-picker__panel--form .home-vehicle-search-block--picker .home-vehicle-search-clear:focus,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-vehicle-search-clear:hover,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .home-vehicle-search-clear:focus {
  background: #e0e0e0;
  color: #262626;
}

.vehicle-picker__panel--form .home-vehicle-search-block--picker .text-warning,
.vehicle-picker-modal__panel[data-panel="form"] .home-vehicle-search-block--picker .text-warning {
  color: #e67e22 !important;
}

/* ≤479px : conserver le même rendu modal qu’au-dessus de 479px (annule style.css) */
@media (max-width: 479px) {
  .vehicle-picker-modal .vehicle-picker-modal__panel[data-panel="list"] {
    padding: 50px 32px 36px;
  }

  .vehicle-picker-modal .vehicle-picker-modal__panel[data-panel="form"] {
    padding: 50px 28px 28px;
  }

  .vehicle-picker-modal .vehicle-picker-modal__actions {
    margin-top: 0;
  }
}