/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 05 2026 | 17:37:06 */
/* Bedragen in de winkelmand altijd op één regel */
body.woocommerce-cart .bde-cart table.cart .amount {
  white-space: nowrap;
}

/* Desktop: compacte vaste kolommen;
   de productnaam krijgt de resterende ruimte */
@media (min-width: 1024px) {
  body.woocommerce-cart .bde-cart table.cart {
    table-layout: fixed;
    width: 100%;
  }

  body.woocommerce-cart .bde-cart table.cart
  :is(th, td):is(
    .product-remove,
    .product-thumbnail,
    .product-name,
    .product-price,
    .product-quantity,
    .product-subtotal
  ) {
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
  }

  body.woocommerce-cart .bde-cart table.cart .product-remove {
    width: 36px;
  }

  body.woocommerce-cart .bde-cart table.cart .product-thumbnail {
    width: 84px;
  }

  body.woocommerce-cart .bde-cart table.cart .product-name {
    width: auto;
    word-break: normal;
    overflow-wrap: normal;
  }

  body.woocommerce-cart .bde-cart table.cart .product-price {
    width: 100px;
  }

  body.woocommerce-cart .bde-cart table.cart .product-quantity {
    width: 90px;
    text-align: center;
  }

  body.woocommerce-cart .bde-cart table.cart .product-subtotal {
    width: 110px;
    text-align: right;
  }

  body.woocommerce-cart .bde-cart table.cart .quantity {
    margin-inline: auto;
  }

  /* Kleur en andere variaties onder de productnaam */
  body.woocommerce-cart .bde-cart table.cart dl.variation {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    margin-top: 8px;
  }

  body.woocommerce-cart .bde-cart table.cart dl.variation
  :is(dt, dd, p) {
    margin: 0;
    padding: 0;
    float: none;
    word-break: normal;
    overflow-wrap: normal;
  }
}

@media (max-width: 767px) {
  body.woocommerce-cart .bde-cart table.cart tbody tr.cart_item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
    padding: 20px;
  }

  body.woocommerce-cart .bde-cart table.cart tbody tr.cart_item > td {
    display: block;
    position: static;
    width: 100%;
    max-width: none;
    padding: 8px 0;
    text-align: left;
    float: none;
    grid-area: auto;
  }

  body.woocommerce-cart .bde-cart table.cart
  tbody tr.cart_item > td::before {
    display: none;
  }

  body.woocommerce-cart .bde-cart table.cart
  tbody tr.cart_item > td.product-remove {
    position: absolute;
    top: 12px;
    right: 12px;
    width: auto;
    padding: 0;
  }

  body.woocommerce-cart .bde-cart table.cart
  td.product-thumbnail img {
    width: 90px;
    height: 90px;
    object-fit: contain;
  }

  body.woocommerce-cart .bde-cart table.cart td.product-name,
  body.woocommerce-cart .bde-cart table.cart td.product-name * {
    word-break: normal;
    overflow-wrap: normal;
  }

  body.woocommerce-cart .bde-cart table.cart dl.variation {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    margin: 8px 0 0;
  }

  body.woocommerce-cart .bde-cart table.cart dl.variation
  :is(dt, dd, p) {
    width: auto;
    margin: 0;
    padding: 0;
    float: none;
  }

  body.woocommerce-cart .bde-cart table.cart .quantity {
    margin: 0;
  }

  body.woocommerce-cart .bde-cart table.cart td.actions .coupon {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }

  body.woocommerce-cart .bde-cart table.cart td.actions .coupon
  :is(input.input-text, button.button) {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin: 0;
    float: none;
  }
}

@media (max-width: 767px) {
  body.woocommerce-cart .bde-cart table.cart,
  body.woocommerce-cart .bde-cart table.cart > tbody,
  body.woocommerce-cart .bde-cart table.cart > tbody > tr {
    display: block;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
  }

  body.woocommerce-cart .bde-cart table.cart tbody tr.cart_item {
    display: flex;
    padding: 16px;
  }

  body.woocommerce-cart .bde-cart table.cart tbody tr.cart_item > td:not(.product-remove),
  body.woocommerce-cart .bde-cart table.cart tbody td.actions {
    display: block;
    width: 100% !important;
    max-width: none;
    min-width: 0;
    box-sizing: border-box;
  }

  body.woocommerce-cart .bde-cart table.cart td.product-name > a {
    display: block;
    width: 100%;
    max-width: none;
  }

  body.woocommerce-cart .bde-cart table.cart tbody td.actions {
    padding: 16px;
  }

  body.woocommerce-cart .bde-cart table.cart td.actions .coupon,
  body.woocommerce-cart .bde-cart table.cart td.actions .coupon input.input-text,
  body.woocommerce-cart .bde-cart table.cart td.actions .coupon button.button {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
  }
}

@media (max-width: 767px) {
  body.woocommerce-cart .bde-cart table.cart
  tbody tr.cart_item > td:not(.product-remove) {
    text-align: center;
  }

  body.woocommerce-cart .bde-cart table.cart
  td.product-thumbnail a {
    justify-content: center;
  }

  body.woocommerce-cart .bde-cart table.cart
  td.product-thumbnail img {
    margin-inline: auto;
  }

  body.woocommerce-cart .bde-cart table.cart dl.variation {
    justify-content: center;
  }

  body.woocommerce-cart .bde-cart table.cart .quantity {
    margin-inline: auto;
  }

  body.woocommerce-cart .bde-cart table.cart
  td.actions .coupon input.input-text {
    text-align: center;
  }
}

@media (max-width: 767px) {
  body.woocommerce-cart .bde-cart table.cart
  tbody tr.cart_item > td.product-remove {
    position: static;
    order: -1;
    align-self: flex-end;
    width: auto;
    padding: 0 0 12px;
    text-align: right;
  }

  body.woocommerce-cart .bde-cart table.cart
  td.product-remove a.remove {
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0;
    transform: none;
  }
}