/* AGE-SCS cart assets. Generated from the reviewed V1.0 storefront baseline. */
.age-cart-thumbnail {
  width: 72px;
  height: 72px;
  object-fit: contain;
}

.woocommerce .quantity .qty {
  width: 72px;
  min-height: 46px;
  border: 1px solid var(--age-line);
  border-radius: 4px;
}

.woocommerce table.shop_table {
  border: 1px solid var(--age-line);
  border-collapse: collapse;
  border-radius: var(--age-radius);
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  padding: 14px;
  border-color: var(--age-line);
}

.woocommerce-cart .cart-collaterals {
  display: grid;
  justify-content: end;
  margin-top: 28px;
}

.woocommerce-cart .cart_totals {
  width: min(100%, 520px);
}

@media (max-width: 720px) {
  .woocommerce table.shop_table_responsive {
    display: block;
    width: 100%;
    table-layout: fixed;
  }

  .woocommerce table.shop_table_responsive thead {
    display: none;
  }

  .woocommerce table.shop_table_responsive tbody,
  .woocommerce table.shop_table_responsive tr,
  .woocommerce table.shop_table_responsive td {
    display: block;
    width: 100%;
  }

  .woocommerce table.shop_table_responsive tr.cart_item {
    position: relative;
    padding: 14px;
    border-bottom: 1px solid var(--age-line);
  }

  .woocommerce table.shop_table_responsive tr.cart_item td {
    box-sizing: border-box;
    padding: 12px 10px;
    text-align: right;
  }

  .woocommerce table.shop_table_responsive tr.cart_item td::before {
    float: left;
    margin-right: 16px;
    font-weight: 700;
    content: attr(data-title);
  }

  .woocommerce table.shop_table_responsive td.product-remove,
  .woocommerce table.shop_table_responsive td.product-thumbnail,
  .woocommerce table.shop_table_responsive td.product-name {
    text-align: left;
  }

  .woocommerce table.shop_table_responsive td.product-remove::before,
  .woocommerce table.shop_table_responsive td.product-thumbnail::before,
  .woocommerce table.shop_table_responsive td.product-name::before {
    content: none;
  }

  .woocommerce table.shop_table_responsive td.product-name,
  .woocommerce table.shop_table_responsive td.product-name a {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .woocommerce table.shop_table_responsive td.actions {
    box-sizing: border-box;
    padding: 16px;
  }

  .woocommerce table.shop_table_responsive td.actions .coupon {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
  }

  .woocommerce table.shop_table_responsive td.actions .coupon input,
  .woocommerce table.shop_table_responsive td.actions .coupon button,
  .woocommerce table.shop_table_responsive td.actions > button {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
  }

  .woocommerce table.shop_table_responsive td.actions > button {
    margin-top: 10px;
  }
}