/* Altea Rent – car list search box + filters (filters.js) */
/* style.css forces .car_result to display:grid !important, so hidden rows need a stronger rule */
.vrc-search-results-block > .car_result[hidden] { display: none !important; }

.ar-carfilter {
  display: flex; flex-direction: column; gap: 14px;
  background: #fff; border-radius: 16px; box-shadow: var(--ar-shadow-sm);
  padding: 18px; margin: 0 0 18px; font-family: var(--ar-body);
}
.ar-carfilter__top { display: grid; grid-template-columns: minmax(0, 1fr) repeat(3, auto); gap: 12px; align-items: end; }
.ar-carfilter__search { position: relative; display: block; margin: 0; }
.ar-carfilter__search svg { position: absolute; left: 14px; top: 50%; width: 18px; height: 18px; transform: translateY(-50%); color: var(--ar-muted); pointer-events: none; }
.ar-carfilter .ar-carfilter__search input {
  width: 100%; min-height: 48px; margin: 0;
  padding: 10px 14px 10px 42px !important;
  background: var(--ar-stone) !important; border: 1px solid transparent !important; border-radius: var(--ar-radius) !important;
  font: 500 15px var(--ar-body) !important; color: var(--ar-ink) !important; box-shadow: none !important;
}
.ar-carfilter .ar-carfilter__search input:focus { background: #fff !important; border-color: var(--ar-orange) !important; box-shadow: 0 0 0 4px var(--ar-orange-soft) !important; outline: 0; }
.ar-carfilter__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ar-carfilter__select { display: flex; flex-direction: column; gap: 4px; margin: 0; }
.ar-carfilter__select > span { font: 600 11px var(--ar-body); letter-spacing: .06em; text-transform: uppercase; color: var(--ar-muted); }
.ar-carfilter .ar-carfilter__select select {
  min-height: 48px; min-width: 150px; margin: 0;
  padding: 10px 38px 10px 14px !important;
  background-color: var(--ar-stone) !important; border: 1px solid transparent !important; border-radius: var(--ar-radius) !important;
  font: 600 14px var(--ar-body) !important; color: var(--ar-ink) !important;
  -webkit-appearance: none; appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23121418' stroke-width='2'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 14px center !important;
}
.ar-carfilter .ar-carfilter__select select:focus { border-color: var(--ar-orange) !important; box-shadow: 0 0 0 4px var(--ar-orange-soft) !important; outline: 0; }
.ar-carfilter__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.ar-carfilter .ar-carfilter__chip {
  display: inline-flex; align-items: center; min-height: 0;
  padding: 8px 15px !important; margin: 0;
  background: #fff !important; color: #3A3D44 !important;
  border: 0 !important; border-radius: 999px !important; box-shadow: inset 0 0 0 1px var(--ar-line) !important;
  font: 600 14px var(--ar-body) !important; text-transform: none !important; letter-spacing: 0 !important;
  cursor: pointer; transition: background .15s, color .15s;
}
.ar-carfilter .ar-carfilter__chip:hover { box-shadow: inset 0 0 0 1px var(--ar-ink) !important; }
.ar-carfilter .ar-carfilter__chip[aria-pressed="true"] { background: var(--ar-ink) !important; color: #fff !important; box-shadow: none !important; }
.ar-carfilter .ar-carfilter__chip:focus-visible { outline: 3px solid var(--ar-orange-soft); outline-offset: 2px; }
.ar-carfilter__foot { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 12px; border-top: 1px solid var(--ar-line); }
.ar-carfilter__count { font: 600 14px var(--ar-body); color: var(--ar-muted); }
.ar-carfilter .ar-carfilter__reset {
  background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; min-height: 0;
  font: 600 14px var(--ar-body) !important; color: var(--ar-orange) !important; text-decoration: underline; cursor: pointer;
}
.ar-carfilter__reset[hidden], .ar-carfilter__empty[hidden] { display: none !important; }
.ar-carfilter__empty {
  display: flex; flex-direction: column; gap: 4px; align-items: center; text-align: center;
  background: #fff; border-radius: 16px; box-shadow: var(--ar-shadow-sm); padding: 40px 20px; color: var(--ar-muted);
}
.ar-carfilter__empty b { color: var(--ar-ink); font-size: 17px; }
@media (max-width: 900px) {
  .ar-carfilter__top { grid-template-columns: 1fr 1fr; }
  .ar-carfilter__search { grid-column: 1 / -1; }
  .ar-carfilter .ar-carfilter__select select { min-width: 0; width: 100%; }
}
@media (max-width: 560px) {
  .ar-carfilter__top { grid-template-columns: 1fr; }
  .ar-carfilter__chips { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
  .ar-carfilter .ar-carfilter__chip { white-space: nowrap; }
}