//
// Overrides
// ----------------------------

.main-container {
  min-height: 500px;
}

// Button overrides.
.btn {
  text-transform: uppercase;
}

// No gutters
.no-gutters {
  @extend .g-0;
}

// Number badge
.number-badge {
  @include number-badge;
}

.number-badge--light {
  --number-badge-color: var(--beo-black);
  --number-badge-bg: var(--beo-light);
}

// Date badge
.date-badge {
  @include date-badge;
}

.date-badge-small {
  --date-badge-font-size: 0.875rem;
  --date-badge-day-font-size: 1rem;
  --date-badge-padding: 0.75rem 1rem;

  @include date-badge;
}

// Dropdown overrides.

// Accordion overrides.
$nested-accordion-bg: $light;
$accordion-button-fs: $font-size-md;

.accordion {
  .fieldset-legend.accordion-button {
    font-size: $accordion-button-fs;

    a {
      font-weight: bold;
    }
  }

  .accordion {
    background-color: $nested-accordion-bg;

    @extend .mb-4;

    .fieldset-legend.accordion-button {
      font-size: 1rem;
    }
  }
}

// Toast overrides.
.toast-body a {
  font-weight: bold;
}

// Alert overrides.
.alert a {
  color: inherit;
  font-weight: bold;
}

// Table overrides.
.table {
  .links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;

    a {
      vertical-align: middle;
    }
  }
}

td > .form-item:only-child {
  @extend .mb-0;
}

// Contextual links overrides.
.contextual-links a {
  color: initial !important;
  text-transform: initial !important;
  font-weight: normal !important;
}

// Card divider overrides.
.credit-card-form__divider {
  margin: 2.4rem 0.5rem 0;
}

// Hide sidebar if nothing is there.
.region-sidebar-first:empty {
  display: none;
}

// Custom narrow containers using Bootstrap mixins
// ----------------------------

// Extra narrow container (600px max-width)
.container-narrow {
  @include make-container;

  max-width: $container-narrow-width;
}

// Very narrow container (500px max-width)
.container-very-narrow {
  @include make-container;

  max-width: $container-very-narrow-width;
}

// Utility classes
// ----------------------------

// Make child links inherit current color
.links-inherit-color {
  a {
    color: currentcolor;
  }
}
