/* TODO: Use SCSS */
/* Table */
.dl-product-extras {
  margin: 1rem 0;
}

/* Title */
.dl-product-extras__title {
  display: block;
  margin-bottom: 0.25em;
}

/* Table row */
.dl-product-extras-table tr {
}

/* Table cell */
.dl-product-extras-table td {
  vertical-align: middle !important;
}

.dl-product-extras-table td:first-child {
  padding-left: 0;
  padding-right: 0;
}

.dl-product-extras-table td:last-child {
  padding-right: 0;
}

.dl-product-extras-table td img {
  width: 40px;
  height: auto;
  margin-right: 0.75rem;
}

/* Columns */
.dl-product-extras-table .dl-product-extra__quantity {
  width: 1%;
}

.dl-product-extras-table .dl-product-extra__label label {
  font-size: 1em;
}

/* Price */
.dl-product-extras .price {
  font-size: inherit;
}

.dl-product-extras .custom-display-price {
  font-size: 12px;
  margin: 0;
}

.dl-product-extras .custom-display-price .monthly-price,
.dl-product-extras .custom-display-price .yearly-price {
  display: block;
  white-space: nowrap;
}

.dl-product-extras .custom-display-price .monthly-price {
  display: inline-block;
}

.dl-product-extras .custom-display-price .separator {
  display: inline-block;
  /* display: none; */
}