/* No Products in cart */
.cm-cart-no-products {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}

.no-products-info,
.no-delegates-info,
.after-cart-info,
.t-c-info {
  display: flex;
  align-items: center;
  gap: 20px;
}

.t-c-info {
  margin: 1rem 0;
}

@media screen and (max-width: 992px) {
  .no-products-info,
  .no-delegates-info,
  .after-cart-info,
  .t-c-info {
    flex-direction: column;
  }
}

.after-cart-info {
  margin: 10px 0;
}

.no-delegates-info {
  background-color: transparent;
}

.no-products-info,
.no-delegates-info {
  margin-bottom: 3rem;
}

.no-products-info p,
.no-delegates-info p {
  max-width: 768px;
  font-family: var(--bold-font);
}

.no-products-info h3,
.no-delegates-info h3 {
  max-width: 992px;
}

.paint-splash {
  display: block;
  height: 131px;
  width: 120px;
  flex-basis: 133px;
  flex-shrink: 0;
  background-image: url("../../images/icons/paint-spalsh.svg");
  background-repeat: no-repeat;
}

/* Cart */
.cm-cart-template .table-container {
  width: 100%;
  overflow-y: auto;
}

.cm-cart-template .cart-container {
  overflow-y: auto;
}

.cm-cart-template .cart-container table {
  outline: 5px solid var(--white);
  outline-offset: 0;
}

.cm-cart-template .cart-container th {
  background-color: var(--dark-purple);
  color: white;
}

.cm-cart-template .cart-container .cartcontent th {
  text-align: center;
}

.cm-cart-template .cart-container .cartcontent th:first-child {
  width: 70%;
}

.cm-cart-template .cart-container .cartcontent td.cm-cart-total-price-cell {
  text-align: center;
  vertical-align: middle;
}

.cm-cart-template .cm-cart-line-product-info {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  min-height: 50px;
}

.cm-cart-template .cm-cart-remove-button-icon {
  display: block;
  background-image: url(../../images/icons/close-thin.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 16px;
  align-self: flex-start;
  cursor: pointer;
}

.cm-cart-template .cart-container td {
  background-color: var(--light-neutral);
}

.cm-cart-template .cipd_cart_delegate_info table,
.cm-cart-template .cipd_cart_delegate_info table td {
  outline: none;
}

.cm-cart-template .cipd_cart_delegate_info .member-discount-color {
  font-family: var(--bold-font);
  color: var(--text-green);
}

.cm-cart-template .cipd_cart_delegate_info .member-discount-tick::after {
  margin-left: 20px;
  content: url("../../images/icons/green-tick.svg");
}

.cm-cart-template .cipd_cart_delegate_info .delegate-price-remove {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.cm-cart-template .cipd_cart_delegate_info .row {
  flex-wrap: nowrap;
}

.cm-cart-template .cart-container .cipd_cart_delegate_info .col-sm {
  padding: 0;
  min-width: 250px;
}

.cm-cart-template .cipd_cart_delegate_info .row .col-sm:first-child {
  flex-basis: 75%;
}

.cm-cart-template .cipd_cart_delegate_info .row .col-sm:last-child {
  flex-basis: 25%;
}

.cart-container .cipd_cart_delegate_info .col-sm p {
  margin-bottom: 10px;
}

.cipd_cart_delegate_info .row .col-sm:first-child p:first-child {
  color: var(--dark-purple);
  font-family: var(--bold-font);
  font-weight: normal !important;
}

.cart-container .cipd_cart_delegate_info .col-sm p:last-child {
  margin-bottom: 0;
}

.cm-cart-template .cart-container .cm-cart-delegate {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cm-cart-template .cart-container .cm-cart-delegate button {
  margin-bottom: 0;
}

.cm-cart-template table.cart-summary-table {
  width: 100%;
}

.cm-cart-template .cartcontent,
.cm-cart-template .cart-summary-table {
  width: 100%;
  min-width: 850px;
}

.cm-cart-template .cartcontent th,
.cm-cart-template .cartcontent td {
  outline: 5px solid var(--white);
  padding: 10px;
  text-align: left;
  vertical-align: top;
  min-width: 150px;
}

.cm-cart-template .cartcontent td tr td {
  padding: 0;
}

.cm-cart-template .cartcontent #product_select_button {
  margin-top: 10px;
  margin-bottom: 10px;
}

.cm-cart-template .cart-summary-table th,
.cm-cart-template .cart-summary-table td {
  padding: 0 10px;
}

.cm-cart-template .cart-summary-table tbody tr:first-child td {
  padding-top: 10px;
}

.cm-cart-template .cart-summary-table tbody tr:last-child td {
  padding-bottom: 10px;
}

.cm-cart-template .cartcontent .cm-align-center input {
  margin-left: auto;
}

.cm-cart-template .cart-summary-table .text-green {
  font-family: var(--bold-font);
}

.cm-cart-template .cart-summary-table .cm-cart-table-cell-totals-label {
  text-align: right;
  width: 85%;
}

.cm-cart-template .cartinfo p {
  margin: 10px 0;
}

/* Cart On Mobile (Draft / Janky) */
@media screen and (max-width: 992px) {
  .cm-cart-template .cart-container table {
    display: block;
    min-width: auto;
  }

  .cm-cart-template .cart-container table thead,
  .cm-cart-template .cart-container table tbody {
    display: block;
    width: 100%;
  }

  .cm-cart-template .cart-container table,
  .cm-cart-template .cartcontent th,
  .cm-cart-template .cartcontent td {
    outline: none;
  }

  .cm-cart-template .cart-container .cm-cart-table-row-head {
    display: flex;
    flex-direction: column;
  }

  .cm-cart-template .cart-container .cartcontent th:first-child {
    width: 100%;
  }

  .cm-cart-template .cart-container .cartcontent th:last-child {
    display: none;
  }

  .cm-cart-template .cart-container .cartcontent tbody tr,
  .cm-cart-template .cipd_cart_delegate_info .row {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
  }

  .cm-cart-template .cipd_cart_delegate_info .row {
    gap: 10px;
  }

  .cm-cart-template .cm-cart-line-product-info {
    justify-content: center;
  }

  .cm-cart-template .cm-cart-remove-button-icon {
    align-self: center;
  }

  .cm-cart-template .cipd_cart_delegate_info .row .col-sm:first-child {
    flex-basis: auto;
  }

  .cm-cart-template .cart-container .cm-cart-delegate {
    justify-content: flex-start;
  }

  .cm-cart-template .cart-container .cipd_cart_delegate_info .col-sm {
    display: block;
    flex-basis: auto;
  }

  .cm-cart-template .cart-container .cart-summary-table tr {
    width: 100%;
    display: flex;
  }

  .cm-cart-template .cart-summary-table .cm-cart-table-cell-totals-label {
    width: 100%;
  }

  .cm-cart-template .cart-summary-table .cm-cart-table-cell-totals-value {
    min-width: 70px;
  }
}

/* Voucher Container */
.cm-cart-template .voucher-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  margin: 10px 0;
  padding: 10px;
  background-color: var(--light-neutral);
}

.cm-cart-template .voucher-container p:nth-child(2) {
  display: flex;
  gap: 1rem;
  height: 100%;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 992px) {
  .cm-cart-template .voucher-container {
    flex-direction: column;
    align-items: flex-start;
  }
}

.cm-cart-template .voucher-container h2,
.cm-cart-template .voucher-container p {
  font-family: var(--bold-font);
  margin-bottom: 0;
}

.cm-cart-template .voucher-container .cm-voucher-code-input {
  width: 100%;
  max-width: 300px;
}

.cm-cart-template .voucher-container .orderbutton.formbutton {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Buttons Info */
.cart-buttons-message-not-logged-in,
.cart-buttons-message-delegates-required {
  margin: 10px 0;
  display: flex;
  justify-content: flex-end;
}

@media screen and (max-width: 640px) {
  .cart-buttons-message-not-logged-in,
  .cart-buttons-message-delegates-required {
    justify-content: center;
  }
}

.cart-buttons-message-not-logged-in p,
.cart-buttons-message-delegates-required p {
  margin: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  min-width: 318px;
  height: 48px;
  background-image: url(../../images/icons/blue-paint-bg.svg);
  background-repeat: no-repeat;
  background-size: cover;

  font-family: var(--bold-font);
}

/* Buttons */
.cm-cart-template .buttons {
  margin: 10px 0;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  gap: 0;
}

.cm-cart-template .buttons input,
.cm-cart-template .buttons button {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .cm-cart-template .buttons {
    flex-direction: row;
    align-items: auto;
    justify-content: flex-end;
  }

  .cm-cart-template .buttons input,
  .cm-cart-template .buttons button {
    width: fit-content;
  }

  /* owl selector for Safari to fix the fle gap issue  */
  .cm-cart-template .buttons > * + * {
    margin-left: 20px;
  }
}

/* Admin stuff */

.product-details-order-button-container > p {
  font-family: var(--bold-font);
}

.product-details-order-button-container input[type="number"] {
  display: inline-block;
  width: fit-content;
}

.product-details-order-button-container .orderbutton.formbutton {
  margin-top: 20px;
}