@import '@angular/material/theming';

@mixin mic-vehicle-override($theme) {
  $primary: map-get($theme, primary);
  $accent: map-get($theme, accent);

  .tire {
    background-color: mat-color($primary);

    &.selected {
      background-color: mat-color($accent) !important;
    }
  }

  .axle-dist {
    .axle-line {
      background-color: mat-color($primary);
      &.selected {
        background-color: mat-color($accent) !important;
      }
    }
    .drive {
      &.selected {
        background-color: mat-color($accent);
      }
      background-color: mat-color($primary);
    }

    .lift-top {
      &.selected {
        border-bottom: 15px solid mat-color($accent);
      }
      border-bottom: 15px solid mat-color($primary);
    }

    .lift-bottom {
      &.selected {
        border-top: 15px solid mat-color($accent);
      }
      border-top: 15px solid mat-color($primary);
    }
  }

  .tire-informations {
    background-color: mat-color($primary);
  }

  .tire-container {
    color: mat-color($primary);
  }
}