@import '../../../../main_dependencies';
@import '../../../../-queue/_stylesheets/queue.manifest';

@mixin uib-accordion-overrides {
  uib-accordion {

    a:active,
    a:focus {
      color: $bb-dark-gray;
    }

    .panel-group {
      border-top: border(2, $bb-queue-concierge-panel-border);
      & > .panel {
        border-radius: $bb-queue-concierge-border-radius;
      }
    }

    .panel {
      border: none;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
      & h4.panel-title {
        font: {
          size: $bb-queue-concierge-panel-header;
        }
      }
    }

    .panel-heading {
      padding: {
        top: spacing(16);
        right: spacing(20);
        left: spacing(20);
        bottom: spacing(18);
      }
    }

    .panel-title > a {
      &:hover {
        color: $bb-dark-gray;
      }
      &:focus {
        border-color: #ffffff;
        box-shadow: none;
      }
    }

    .panel-body {
      padding: 0;
    }

    .glyphicon {
      line-height: 1.5;
      float: right;
    }
    .glyphicon-triangle {
      &-bottom,
      &-top {
        font-size: $bb-queue-concierge-panel-icon;
      }
    }
  }
}


bb-pricing-facet {

  @include uib-accordion-overrides;

  .pricing {
    @include column-flex-container;

    ul {
      margin: 0;
    }
  }
}