// Bar Chart
//==================================================//

.chart-container {
  .bar,
  .arc {
    cursor: pointer;
    -webkit-tap-highlight-color: $transparent;
  }

  .arc {
    stroke: $chart-arc-stroke;
  }

  .bar {
    cursor: pointer;
    stroke: transparent;
    stroke-width: 1px;
  }

  &.bar-chart {
    .series-group {
      outline: none; // removing the focus style when clicking specific bar
    }

    svg .series-group g text.audible {
      opacity: 0;
    }
  }
}

.bar-chart {
  .chart-legend {
    margin-top: 0;

    .chart-legend-color {
      margin-bottom: 0;
    }
  }
}

// RTL Styles
html[dir='rtl'] {
  .chart-container {
    &.bar-chart {
      svg {
        transform: scale(-1, 1);

        text {
          transform: scale(-1, 1);
        }
      }
    }
  }
}