/* Vertical layout */
.mpc-vs-container .mpc-vs-select {
  width: 100%;
  margin-bottom: 5px;
  padding: 6px 8px;
  box-sizing: border-box;
}

.mpc-vs-container .mpc-vs-select.disabled {
  opacity: 0.5;
}

.mpc-vs-container .mpc-vs-garage {
  margin-bottom: 8px;
}

.mpc-vs-container .mpc-vs-garage-select {
  width: auto;
  max-width: 100%;
}

.mpc-vs-container .mpc-vs-extra {
  display: none;
}

.mpc-vs-container .mpc-vs-category-select {
  width: 100%;
  margin-bottom: 5px;
  padding: 6px 8px;
  box-sizing: border-box;
}

.mpc-vs-container .mpc-vs-submit {
  margin-top: 5px;
}

.mpc-vs-container .mpc-vs-filter-links {
  margin-left: 10px;
}

.mpc-vs-container .mpc-vs-filter-links a {
  text-decoration: none;
}

/* Horizontal layout */
.mpc-vs-horizontal .block-content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
}

.mpc-vs-horizontal .mpc-vs-level {
  flex: 1 1 30%;
  min-width: 150px;
}

.mpc-vs-horizontal .mpc-vs-level .mpc-vs-select {
  width: 100%;
}

.mpc-vs-horizontal .mpc-vs-title-right {
  float: right;
}

.mpc-vs-horizontal .mpc-vs-clear {
  clear: both;
}

/* Search form within extra */
.mpc-vs-container .mpc-vs-search {
  margin-top: 8px;
}

.mpc-vs-container .mpc-vs-search table {
  width: 100%;
}

.mpc-vs-container .mpc-vs-search .mpc-vs-td-input {
  width: 100%;
}

.mpc-vs-container .mpc-vs-search .mpc-vs-td-input input {
  width: 100%;
  box-sizing: border-box;
}

.mpc-vs-container .mpc-vs-search .mpc-vs-td-button {
  padding-left: 5px;
  white-space: nowrap;
}

.mpc-vs-container .mpc-vs-or-search {
  margin: 8px 0 4px;
  font-style: italic;
}

/* Vehicle fitment tab */
.mpc-vs-vehicle-fitment table {
  width: 100%;
  border-collapse: collapse;
}

.mpc-vs-vehicle-fitment th,
.mpc-vs-vehicle-fitment td {
  padding: 6px 10px 6px 0;
  text-align: left;
}

.mpc-vs-vehicle-fitment th {
  font-weight: bold;
  border-bottom: 1px solid #ddd;
}

/* No vehicles message */
.mpc-vs-no-vehicles {
  padding: 10px 0;
  font-style: italic;
  color: #666;
}