@import '@angular/material';

// Header mixin
// Use theme to manage colors on header
@mixin mic-phone-number-override($theme) {
  $primary: map-get($theme, primary);
  $primaryBackgroundColor: map-get($primary, 50);
  $is-dark: map-get($theme, is-dark);

  @if $is-dark {
    $primaryBackgroundColor: map-get($mic-grey, 600);
  }

  .phone-number {
    .select-country.mat-focused .mat-mdc-text-field-wrapper {
      background-color: $primaryBackgroundColor !important;
    }

    .number-form.mat-focused .mat-mdc-text-field-wrapper {
      background-color: $primaryBackgroundColor !important;
    }
  }
}
