/* v0.0.102 — One selected accessory per meaningful WooCommerce category.
 * The original catalogue, pagination and prices remain server-rendered. */
.tpa-evv-vehicle .tpa-evv-woo-grid > .tpa-evv-item.is-ev-excluded,
.tpa-evv-vehicle .tpa-evv-woo-grid > .tpa-evv-item[hidden] { display: none !important; }
.tpa-evv-vehicle .tpa-evx-exclusive-hint[hidden] { display: none !important; }
.tpa-evv-vehicle .tpa-evx-exclusive-hint {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;
  gap: 10px; margin: 0 0 16px; padding: 12px 15px;
  border: 1px solid #b9deeb; border-radius: 12px;
  background: #ebf8fc; color: #174966; line-height: 1.5; font-size: 13px;
}
.tpa-evv-vehicle .tpa-evx-exclusive-hint button,
.tpa-evv-vehicle .tpa-evx-change-item {
  appearance: none; cursor: pointer; border: 1px solid #7fcadb; border-radius: 8px;
  background: #fff; color: #007e9d; font: inherit; font-size: 13px;
  font-weight: 700; min-height: 34px; padding: 5px 12px;
  transition: border-color .2s, background .2s;
}
.tpa-evv-vehicle .tpa-evx-exclusive-hint button:hover,
.tpa-evv-vehicle .tpa-evx-change-item:hover { border-color: #009bc0; background: #eefaff; }
.tpa-evv-vehicle .tpa-evx-exclusive-hint button:focus-visible,
.tpa-evv-vehicle .tpa-evx-change-item:focus-visible { outline: 2px solid #007cba; outline-offset: 2px; }
.tpa-evv-vehicle .tpa-evv-selected-row .tpa-evx-change-item {
  grid-column: 2 / -1; grid-row: auto; justify-self: start;
  font-size: 12px; min-height: 30px; padding: 3px 10px;
}
.tpa-evv-vehicle .tpa-evv-selected-row.no-image .tpa-evx-change-item { grid-column: 1 / -1; }
@media (max-width: 560px) {
  .tpa-evv-vehicle .tpa-evx-exclusive-hint { align-items: stretch; }
  .tpa-evv-vehicle .tpa-evx-exclusive-hint button { width: 100%; }
}