@import "variables";
@import "mixins";

section.pricelist {
  .pricelist-header,
  .pricelist-footer {
    margin: $space-sm 0;
  }
  .pricelist {
    border: 1px solid $gray200;
    border-radius: 16px;
    .pricelist-legend,
    .pricelist-item {
      display: grid;
      grid-template-columns: 60% 20% 20%;
    }
    .pricelist-legend {
      > span {
        color: $col-prm;
        font-weight: $fw-bold;
        padding: 1.6rem;
        border: none;
        @include bp("md") {
          padding: 1rem 0.5rem;
          font-size: 80%;
        }
      }
    }
    .pricelist-item {
      > span {
        margin: 10px 0;
        padding: 0.8rem 1.6rem;
        border-right: 1px solid $gray200;
        &:last-child {
          border-right: none;
        }
        @include bp("md") {
          padding: 0.5rem;
          font-size: 60%;
        }
      }
      &:nth-child(even) {
        background-color: $gray100;
      }
    }
  }
  .pricelist-footer {
    p {
      font-size: $fs-small;
      white-space: break-spaces;
    }
  }
}
