@import "../../../../../style/CommonStyle.module.less";
@import "../../../../../style/utils.module.less";

.itemContainer {
  .size(@w: 1680px, @h: auto);
  background-color: @BG_COLOR_02;
  border: 1px solid @COLOR_GRAY02;
  margin-top: 40px;
  border-radius: 12px;
  overflow: hidden;
  padding-bottom: 60px;

  &:last-of-type {
    margin-bottom: 80px;
  }

  .cardHeader {
    height: 90px;
    background-color: @COLOR_NAVY;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 60px;

    .orderNumber {
      .font(@fontFamily: @baseFont, @fontSize: 30px);
      font-weight: bold;
      color: @COLOR_WHITE;

      .ordNo {
        font-weight: normal;
      }
    }
  }

  .orderTotal {
    padding: 28px 60px;
    display: flex;
    justify-content: space-between;
    background-color: @COLOR_GRAY02;

    .orderTotalTitle {
      font-weight: bold;
      color: @COLOR_GRAY07;
    }

    .orderTotalPrice {
      font-weight: bold;
      color: @PRIMARY_COLOR_RED;
    }
  }
}
