h1.cart-header {
    margin-bottom: 20px;
}

.container .woocommerce {
    width: 100%;
}

.woocommerce-cart .cart-wrap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    align-items: flex-start;
    gap: 40px;
}

.woocommerce-cart .cart-wrap {
    .coupon-10-rabat-paa-alle-varer-til-normalpris a {
        display: none;
    }

    .coupon-15-rabat-paa-alle-varer-til-normalpris a {
        display: none;
    }

    .coupon-20-rabat-paa-alle-varer-til-normalpris a {
        display: none;
    }

    .coupon-30-rabat-paa-alle-varer-til-normalpris a {
        display: none;
    }
}

.woocommerce-notices-wrapper {
    width: 100%;
    grid-column: span 12;
}

.woocommerce-cart .woocommerce-cart-form__contents {
    background: var(--color-white);
    border-radius: var(--border-radius);
    width: 100%;
    grid-column: span 8;
}

.woocommerce-cart .woocommerce-cart-form .item-quantity-group {
    margin: 0;
}

.woocommerce-cart .cart_totals {
    width: 100%;
    grid-column: span 4;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: var(--color-white);
    border-radius: var(--border-radius);
    padding: 20px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.06);
    font-size: var(--font-size-small);
}

.woocommerce-cart .woocommerce-cart-form .coupon {
    display: none;
}

.wc-empty-cart-message {
    padding: 20px;
    background: var(--color-info-light);
    border-radius: var(--border-radius-small);
    border-left: solid 10px var(--color-info);
    border-bottom: solid 1px #d7e6f4;
    border-right: solid 1px #d7e6f4;
    border-top: solid 1px #d7e6f4;
    margin-bottom: 20px;
}

.woocommerce-cart p.return-to-shop {
    margin-top: 20px;
}

table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
    width: 100%;
}

td.product-thumbnail {
    width: 70px;
}

td.product-thumbnail a img {
    object-fit: contain;
    height: auto;
    width: 95%;
    border: solid 1px var(--color-border);
    border-radius: var(--border-radius-xsmall);
    padding: 2px;
}

form.woocommerce-cart-form table.shop_table thead tr th {
    font-size: var(--table-head-size);
    font-weight: var(--table-head-weight);
    text-transform: var(--table-head-transform);
    letter-spacing: var(--table-head-spacing);
    color: var(--color-grey-dark);
    text-align: left;
    border-bottom: solid 1px var(--color-grey);
    padding: 15px 10px;
}

td.product-remove a.remove {
    font-size: 0;
    width: 30px;
    height: 30px;
    display: flex;
    margin: auto;
    background-color: transparent;
    background-image: url(/wp-content/themes/webko-b2b/assets/images/icons/trash.svg);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center;
    opacity: .3;
    transition: .2s ease;
}

td.product-remove a.remove:hover {
    opacity: 1;
}

td.product-name a {
    color: var(--color-text);
    font-weight: var(--font-weight-bold);
    text-decoration: none;
    line-height: 130%;
}

table.shop_table .product-name .stock-status {
    display: none;
}

td.product-subtotal span.woocommerce-Price-amount.amount {
    font-weight: var(--font-weight-bold);
}

td.product-name .product-name-container {
    display: flex;
    flex-direction: column;
    gap: 5px;
}


td.product-name span {
    font-size: var(--font-size-xsmall);

    &.product-sku {
        color: var(--color-text-light);
    }
}

tr.woocommerce-cart-form__cart-item.cart_item td:not(.product-remove) {
    padding: 20px 10px;
}

tr.woocommerce-cart-form__cart-item.cart_item td {
    border-bottom: dashed 1px var(--color-border);
}

form.woocommerce-cart-form table.shop_table thead tr th.product-subtotal,
tr.woocommerce-cart-form__cart-item.cart_item td.product-subtotal {
    text-align: right;
}

.cart_totals h2 {
    border-bottom: solid 1px var(--color-border-colored);
    padding-bottom: 15px;
    margin: 0 !important;
}

.cart_totals a.checkout-button {
    width: 100%;
}

.cart_totals table.shop_table tbody tr th {
    text-align: left;
    font-weight: var(--font-weight);
    max-width: 190px;
}

.cart_totals table.shop_table tbody tr td {
    text-align: right;
}

.cart_totals table.shop_table tbody tr th,
.cart_totals table.shop_table tbody tr td {
    padding: 5px 0px;
}

.cart_totals table.shop_table tbody tr.tax-rate th,
.cart_totals table.shop_table tbody tr.tax-rate td {
    padding-bottom: 15px;
}

.cart_totals table.shop_table tbody tr.order-total th {
    font-weight: bold;
    padding-top: 20px;
    border-top: dashed 1px var(--color-border);
}

.cart_totals table.shop_table tbody tr.order-total td {
    font-size: 16px;
    padding-top: 20px;
    border-top: dashed 1px var(--color-border);
}

.cart_totals table.shop_table tbody tr.order-total td small.includes_tax {
    font-size: 12px;
    display: block;
}

.wc-proceed-to-checkout {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.shipping-label {
    font-size: var(--font-size-small);
    border-radius: var(--border-radius-xsmall);
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: var(--color-text);
    background-color: var(--color-primary-light);
}

.shipping-label:before {
    content: "";
    background-image: url(/wp-content/themes/webko-b2b/assets/images/icons/shipping.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    opacity: .6;
}

small.tax_label {
    display: block;
}

.woocommerce-cart-form .payment-icons {
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.woocommerce-cart-form .payment-icons img {
    height: 25px;
}

.cart-collaterals .cross-sells {
    border-top: solid 1px var(--color-border-colored);
    padding-top: 40px;
    margin-top: 40px;
}

.cart-collaterals .cross-sells h2 {
    margin-bottom: 20px;
}

@media (max-width: 1124px) {
    .woocommerce-cart .item-quantity-group.small {
        width: auto;
        margin: 0;
    }
}

@media (max-width:1119px) {

    .woocommerce-cart .woocommerce-cart-form__contents,
    .woocommerce-cart .cart_totals,
    .woocommerce-cart form.woocommerce-cart-form,
    .woocommerce-cart .cart-collaterals {
        grid-column: span 12;
    }

    .woocommerce-cart form.woocommerce-cart-form {
        margin-bottom: 40px;
    }
}

@media (max-width: 1024px) {
    tr.woocommerce-cart-form__cart-item.cart_item td {
        border-bottom: none;
    }
}

@media (max-width: 1024px) {

    .woocommerce-cart table:not(table.woocommerce-table--order-details.shop_table,
        .woocommerce .woocommerce-product-attributes,
        .cart_totals .shop_table,
        .woocommerce .variations_form table.variations,
        .woocommerce-table--order-details,
        .woocommerce-checkout-review-order-table,
        .woocommerce-grouped-product-list) thead {
        display: none;
    }

    /* Hide the product price and only show the subtotal on mobile */
    .woocommerce-cart-form__contents td.product-price {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .woocommerce-cart-form {
        flex: 0 0 100%;
    }

    .woocommerce-cart .cart-wrap {
        gap: 20px;
    }

    .woocommerce-cart-form__contents tbody {
        display: flex;
        flex-direction: column;
        gap: var(--bde-woo-cart-rows-spacing, 20px);
        padding: var(--bde-woo-base-medium-gaps);
    }

    .woocommerce-cart-form__contents tbody tr td {
        padding: 0;
    }

    .woocommerce-cart tr.woocommerce-cart-form__cart-item.cart_item {
        border-bottom: dashed 1px var(--color-border);
    }

    .woocommerce-cart-form__contents tr.woocommerce-cart-form__cart-item {
        display: grid;
        column-gap: var(--bde-woo-base-medium-gaps);
        grid-template-columns: var(--bde-woo-cart-thumbnail-size, 60px) 1fr 20px;
    }

    .woocommerce-cart-form__contents tbody tr.woocommerce-cart-form__cart-item td {
        padding: 10px 0 !important;
    }

    .woocommerce-cart-form__contents tbody tr.woocommerce-cart-form__cart-item td.product-name {
        padding-left: 15px !important;
    }

    .woocommerce-cart-form__contents td.product-name {
        padding-bottom: 5px;
    }

    .woocommerce-cart-form__contents td.product-thumbnail {
        width: 100%;
        grid-area: span 3;
    }

    .woocommerce-cart-form__contents td.product-thumbnail a {
        width: 100%;
    }

    .woocommerce-cart-form__contents td.product-thumbnail img {
        width: 100%;
        height: auto;
    }

    tr.woocommerce-cart-form__cart-item.cart_item td.product-subtotal {
        grid-column: span 2;
        margin-top: var(--bde-woo-base-standard-gaps);
        padding: 0 0 0 15px !important;
        text-align: left;
    }

    .woocommerce-cart-form__contents td.product-personal-price {
        grid-column: span 2;
        margin-top: 5px;
        padding: 0 0 10px 15px !important;
        text-align: left;
    }

    .woocommerce-cart-form__contents td.product-personal-price .jada-personal-price {
        align-items: flex-start;
    }

    .woocommerce-cart-form__contents tbody tr.woocommerce-cart-form__cart-item td.product-quantity {
        order: 2;
        grid-column: span 2;
        margin-top: var(--bde-woo-base-standard-gaps);
        text-align: left;
        padding-left: 15px !important;
    }

    .woocommerce-cart-form__contents td.product-remove {
        grid-column: 3;
        grid-row: 1;
        padding: 0;
    }

    .actions {
        display: flex;
    }

    .actions .button {
        width: 100%;
    }

    .actions .coupon {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }
}

.woocommerce button[name="update_cart"],
.woocommerce input[name="update_cart"] {
    display: none;
}
.cart_totals .woocommerce-remove-coupon {
    display: none !important;
}
/* Kurv: Tablet/mobile cart layout - subtotal, personal price and quantity stacked */
@media (max-width: 1024px) {
    .woocommerce-cart-form__contents
    tr.woocommerce-cart-form__cart-item
    td.product-quantity {
        grid-column: 2 / 4 !important;
        grid-row: 4;
        margin-top: 28px;
        padding: 0 0 10px 15px !important;
        text-align: left;
        justify-self: start;
        width: auto;
    }

    .woocommerce-cart-form__contents
    tr.woocommerce-cart-form__cart-item
    td.product-personal-price {
        grid-column: 2 / 4;
        grid-row: 3;
        margin-top: 10px;
        padding: 0 0 0 15px !important;
        text-align: left;
    }

    .woocommerce-cart-form__contents
    td.product-personal-price .jada-personal-price {
        align-items: flex-start;
    }

      .woocommerce-cart-form__contents
    tr.woocommerce-cart-form__cart-item
    td.product-quantity {
        grid-column: 2 / 4 !important;
        grid-row: 4;
        margin-top: 10px;
        padding: 0 0 10px 15px !important;
        text-align: left;
        justify-self: start;
        width: auto;
    }
}
@media (max-width: 1024px) {

    /* Overskrift over Subtotal og Din pris efter rabat */
    .woocommerce-cart-form__contents td.product-subtotal::before,
    .woocommerce-cart-form__contents td.product-personal-price::before {
        content: attr(data-title) !important;
        display: block !important;
        width: 100%;
        margin-bottom: 3px;
        font-size: 10px;
        line-height: 1.15;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.4px;
        color: var(--color-grey-dark);
    }

    /* SUBTOTAL */
    .woocommerce-cart-form__contents
    tr.woocommerce-cart-form__cart-item
    td.product-subtotal {
        grid-column: 2 / 4;
        grid-row: 2;
        margin-top: 15px;
        padding: 0 0 0 15px !important;
        text-align: left;
    }

    /* DIN PRIS EFTER RABAT */
    .woocommerce-cart-form__contents
    tr.woocommerce-cart-form__cart-item
    td.product-personal-price {
        grid-column: 2 / 4;
        grid-row: 3;
        margin-top: 10px;
        padding: 0 0 0 15px !important;
        text-align: left;
    }

    .woocommerce-cart-form__contents
    td.product-personal-price .jada-personal-price {
        align-items: flex-start;
    }

    /* ANTAL direkte under den personlige pris */
    .woocommerce-cart-form__contents
    tr.woocommerce-cart-form__cart-item
    td.product-quantity {
        grid-column: 2 / 4 !important;
        grid-row: 4;
        margin-top: 8px;
        padding: 0 0 10px 15px !important;
        text-align: left;
        justify-self: start;
        width: auto;
    }
    
}
.product-personal-price {
    text-align: right;
}
.jada-personal-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.2;
}
.jada-personal-price strong {
    font-weight: 700;
}
.jada-personal-price small {
    font-size: 12px;
    font-weight: 400;
}