@import '../../../../styles/global';

paper-radio-group {
  text-align left;
  paper-radio-button{
    padding 0;
    --paper-radio-button-size: 20px;
    --paper-radio-button-checked-color: brand-primary;
    --paper-radio-button-checked-ink-color: brand-primary;
    --paper-radio-button-unchecked-color: brand-secondary;
    --paper-radio-button-unchecked-ink-color: brand-secondary;
    --paper-radio-button-label-spacing: 27px;
  }
}

.menu-container {
  padding: 0 12px;
  h1 {
    font-weight 100;
  }
}

.menu-group {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #9B9B9B;
  width: 75%;
}

.menu-item-checkout {
  display flex;
  align-items baseline;
  .menu-item-container {
    width: 75%;
    margin-right 20px;
  }
}

.menu-item {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;

  .menu-item-description {
    color: #9A9A9A;
    font-size: 14px;
    margin-bottom: 5px;
  }
}

.label {
  font-size: 12px;
  color: rgba(0,0,0,0.56);
  display: inline;
  position: relative;
}

.price {
  margin: 0;
}

h6 {
  text-align left;
  margin-left 6px;
}

.dark-text {
  color: #000;
}

.checkout-menu-container, .cart-menu-container {
  min-width: 65%;
  margin: 0 auto;
  position relative
}

.cart-menu-container {
  display none;
  .cart-item {
    display flex;
    justify-content space-between;
    align-items center;
    h4 {
      width 300px;
      text-align left;
      margin-left 30px;
    }
    .vertical-center {
      min-width: 100px;
    }
  }
  .cart-total {
    margin-top 30px;
    display flex;
    justify-content flex-end;
    .title {
      text-align right;
      margin-right: 30px;
    }
    .cart-price {
      text-align right;
    }
    .adjust-height {
      margin-top: 15px;
    }
  }
}

.cart-icon {
  position: absolute;
  left: 80%;
  top: 15px;
  span {
    position absolute;
    top 10px
    left: 40%;
  }
}

.payment-total {
    display flex;
    justify-content: space-between;
    // padding-right: 150px;
    .adjust-height {
      margin-top: 19px;
    }
  }

.disabled {
  .card-detail, .checkout-menu-container {
    display none;
  }
  .cart-menu-container {
    display block;
  }
}

.force-show-detail {
  .card-detail {
    display block
  }
}

.adjust-padding-margin {
  margin-top 0;
  padding-top 0;
}