/*
 * SST Catalog Manager appearance skin for Sedox Performance Vehicle Catalogue 1.0.
 * Rules are scoped exclusively to the original catalogue root.
 * Values are provided as sanitized CSS custom properties by PHP.
 */
#sedox-vdb-plugin.configurator-content {
  background:var(--sstcm-bg) !important;
  color:var(--sstcm-text) !important;
  font-family:var(--sstcm-font) !important;
  font-size:var(--sstcm-font-size) !important;
  padding:var(--sstcm-padding) !important;
  border:1px solid var(--sstcm-border);
  border-radius:var(--sstcm-radius);
  max-width:100%;
  min-width:0;
  line-height:1.5;
}
#sedox-vdb-plugin.configurator-content,
#sedox-vdb-plugin.configurator-content .configurator-dropdowns,
#sedox-vdb-plugin.configurator-content .boxCarData {
  box-sizing:border-box;
}
#sedox-vdb-plugin.configurator-content :is(h1,h2,h3,h4,h5,h6) {
  color:var(--sstcm-heading) !important;
  font-family:var(--sstcm-font) !important;
  line-height:1.23;
}
#sedox-vdb-plugin.configurator-content .configurator-dropdowns-top .sst-catalog-heading,
#sedox-vdb-plugin.configurator-content .text-sedox-red {
  color:var(--sstcm-accent) !important;
}
#sedox-vdb-plugin.configurator-content :is(p,span,li,small,td,th) {
  font-family:var(--sstcm-font);
}
#sedox-vdb-plugin.configurator-content .configurator-dropdowns label {
  color:var(--sstcm-text) !important;
  font-family:var(--sstcm-font) !important;
}
#sedox-vdb-plugin.configurator-content .configurator-dropdowns .box-dropdowns {
  background:var(--sstcm-panel) !important;
  border:1px solid var(--sstcm-border) !important;
  border-radius:var(--sstcm-radius);
  padding:var(--sstcm-padding) !important;
  color:var(--sstcm-text) !important;
  gap:12px 0;
}
#sedox-vdb-plugin.configurator-content .configurator-dropdowns .item {
  background-color:var(--sstcm-tab) !important;
  border:1px solid var(--sstcm-border) !important;
  border-radius:var(--sstcm-radius) var(--sstcm-radius) 0 0;
  filter:none !important;
  opacity:.75;
}
#sedox-vdb-plugin.configurator-content .configurator-dropdowns .item:is(.selected,:hover,:focus-visible,:active) {
  background-color:var(--sstcm-tab_selected) !important;
  border-color:var(--sstcm-accent) !important;
  opacity:1;
}
#sedox-vdb-plugin.configurator-content .configurator-dropdowns select,
#sedox-vdb-plugin.configurator-content .configurator-dropdowns select.custom-select {
  background:var(--sstcm-field) !important;
  color:var(--sstcm-text) !important;
  border:1px solid var(--sstcm-border) !important;
  border-radius:var(--sstcm-radius) !important;
  font-family:var(--sstcm-font) !important;
  font-size:1em !important;
  min-height:44px;
  box-shadow:none !important;
  max-width:100%;
}
#sedox-vdb-plugin.configurator-content .configurator-dropdowns select:disabled {
  opacity:.6 !important;
  -webkit-text-fill-color:var(--sstcm-muted);
}
#sedox-vdb-plugin.configurator-content .configurator-dropdowns select:focus {
  outline:2px solid var(--sstcm-accent) !important;
  outline-offset:2px;
}
#sedox-vdb-plugin.configurator-content .configurator-dropdowns select option,
#sedox-vdb-plugin.configurator-content .configurator-dropdowns select optgroup {
  background:var(--sstcm-field) !important;
  color:var(--sstcm-text) !important;
}
#sedox-vdb-plugin.configurator-content .configurator-dropdowns .btn-show-remaps,
#sedox-vdb-plugin.configurator-content .configurator-dropdowns .btn-copy-link,
#sedox-vdb-plugin.configurator-content #btnShowRemaps {
  background:var(--sstcm-accent) !important;
  color:var(--sstcm-accent_text) !important;
  border:1px solid var(--sstcm-accent) !important;
  border-radius:var(--sstcm-radius) !important;
  font-family:var(--sstcm-font) !important;
  font-size:1em !important;
  font-weight:700;
  min-height:44px;
  cursor:pointer;
}
#sedox-vdb-plugin.configurator-content .configurator-dropdowns .btn-show-remaps:disabled,
#sedox-vdb-plugin.configurator-content #btnShowRemaps:disabled {
  opacity:.48 !important;
  cursor:not-allowed;
}
#sedox-vdb-plugin.configurator-content .configurator-dropdowns button:not(:disabled):hover,
#sedox-vdb-plugin.configurator-content .configurator-dropdowns .btn-copy-link:hover {
  filter:brightness(1.12);
}
#sedox-vdb-plugin.configurator-content .boxCarData {
  background:var(--sstcm-panel) !important;
  color:var(--sstcm-text) !important;
  border:1px solid var(--sstcm-border);
  border-radius:var(--sstcm-radius);
  padding:var(--sstcm-padding) !important;
}
#sedox-vdb-plugin.configurator-content .boxCarData :is(.sedox-widget,.vehicle-panel,.tuning-data) {
  color:var(--sstcm-text) !important;
}
#sedox-vdb-plugin.configurator-content .boxCarData .logo_and_text .logo {
  background:var(--sstcm-field) !important;
  border:1px solid var(--sstcm-border) !important;
  border-radius:var(--sstcm-radius);
}
#sedox-vdb-plugin.configurator-content .boxCarData .logo_and_text .brand,
#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data .available-options ul li .name {
  color:var(--sstcm-muted) !important;
}
#sedox-vdb-plugin.configurator-content .boxCarData .logo_and_text .model {
  color:var(--sstcm-accent) !important;
}
#sedox-vdb-plugin.configurator-content .boxCarData .logo_and_text .engine {
  color:var(--sstcm-heading) !important;
}
#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning,
#sedox-vdb-plugin.configurator-content .boxCarData .tbl-specs {
  color:var(--sstcm-text) !important;
  border-color:var(--sstcm-border) !important;
  font-size:1em !important;
  width:100%;
}
#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning th,
#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning td,
#sedox-vdb-plugin.configurator-content .boxCarData .tbl-specs td {
  border-color:var(--sstcm-border) !important;
}
#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning th:nth-child(odd),
#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning tr th[style*="color"] {
  color:var(--sstcm-accent) !important;
}
#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning th:nth-child(even),
#sedox-vdb-plugin.configurator-content .boxCarData .tbl-specs td:first-child {
  color:var(--sstcm-muted) !important;
}
#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning td:nth-child(even) {
  background:var(--sstcm-table_alt) !important;
  color:var(--sstcm-text) !important;
}
#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning tr td:first-child {
  background:var(--sstcm-field) !important;
  color:var(--sstcm-heading) !important;
}
#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning tr.power td:nth-child(odd):not(:first-child) {
  background:var(--sstcm-accent) !important;
  color:var(--sstcm-accent_text) !important;
}
#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning tr.torque td:nth-child(odd):not(:first-child) {
  background:var(--sstcm-torque) !important;
  color:var(--sstcm-torque_text) !important;
}
#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning tr.power td:nth-child(2n+4) {
  color:var(--sstcm-accent) !important;
}
#sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning tr.torque td:nth-child(2n+4) {
  color:var(--sstcm-torque) !important;
}
#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data .data_et {
  color:var(--sstcm-text) !important;
}
#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data .data_et .value,
#sedox-vdb-plugin.configurator-content .boxCarData .tbl-specs td:nth-child(even) {
  color:var(--sstcm-heading) !important;
}
#sedox-vdb-plugin.configurator-content .boxCarData .option-img,
#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data .available-options ul li .image {
  background:var(--sstcm-field) !important;
  border-color:var(--sstcm-border) !important;
  border-radius:var(--sstcm-radius);
}
#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data.bordered-top,
#sedox-vdb-plugin.configurator-content .border,
#sedox-vdb-plugin.configurator-content .boxCarData .vehicle-panel .tuning-data .data-box--end.border-l {
  border-color:var(--sstcm-border) !important;
}
#sedox-vdb-plugin.configurator-content .dynochart {
  background:var(--sstcm-panel);
  border:1px solid var(--sstcm-border);
  border-radius:var(--sstcm-radius);
  padding:clamp(8px,2vw,18px);
  max-width:100%;
}
#sedox-vdb-plugin.configurator-content .dynochart canvas {
  max-width:100% !important;
}
#sedox-vdb-plugin.configurator-content #sedox-loader-wrapper {
  background:var(--sstcm-bg) !important;
}
#sedox-vdb-plugin.configurator-content .configurator-dropdowns .sedox-loader {
  border-left-color:var(--sstcm-accent) !important;
}
@media(max-width:767px){
  #sedox-vdb-plugin.configurator-content {
    padding:clamp(10px,3vw,var(--sstcm-padding)) !important;
  }
  #sedox-vdb-plugin.configurator-content .configurator-dropdowns .box-dropdowns,
  #sedox-vdb-plugin.configurator-content .boxCarData {
    padding:clamp(10px,3vw,var(--sstcm-padding)) !important;
  }
  #sedox-vdb-plugin.configurator-content .configurator-dropdowns .col-dropdown {
    min-width:0;
    padding:0;
  }
  #sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning th,
  #sedox-vdb-plugin.configurator-content .boxCarData .tbl-tuning td {
    padding:6px 4px !important;
    overflow-wrap:anywhere;
  }
}