@import '../../core';

.bfo-flight-table {
  width: 100%;
  padding: 1rem;
  color: white;
  table {
    border-spacing: 0;
    width: 100%;
    border: none;
    th {
      color: var(--bfo-color-brand-gray-light);
    }
    tr {
      border-top: 1px solid white;
      border-bottom: 1px solid white;
      td:last-of-type {
        color: var(--bfo-color-brand-accent);
      }
      td:first-of-type {
        font-size: calc(1.5 * #{var(--bfo-font-size-base)});
      }
      td:nth-child(3),
      td:nth-child(4) {
        font-weight: var(--bfo-font-weight-bold);
      }
    }
    th,
    td {
      text-align: left;
      margin: 0;
      padding: var(--bfo-spacing-base-l);
      font-size: var(--bfo-font-size-base);
      border-bottom: 1px solid var(--bfo-color-brand-gray-light);
      span {
        white-space: nowrap;
      }
      svg {
        width: var(--bfo-spacing-base-m);
        fill: var(--bfo-color-brand-accent);
        margin-left: var(--bfo-spacing-base-s);
      }
      &:first-of-type {
        padding-left: 0;
      }
      &:last-of-type {
        padding-right: 0;
      }
    }
  }
}