.elementor-29 .elementor-element.elementor-element-8ea7257{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-9b482d7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#D9D9D9;}.elementor-29 .elementor-element.elementor-element-317dde1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-a0a4e8c{--update-cart-automatically-display:none;--sections-padding:0px 0px 0px 0px;--links-normal-color:#000000;--links-hover-color:var( --e-global-color-bb4935a );}.elementor-29 .elementor-element.elementor-element-a0a4e8c > .elementor-widget-container{padding:0px 10px 0px 010px;}.elementor-29 .elementor-element.elementor-element-a0a4e8c .e-cart-section{border-width:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-a0a4e8c #shipping_method li label{font-weight:500;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-9b482d7 */.checkout-progress-bar {
  position: relative;
  margin: 20px auto;
  width: 100%;
  max-width: 1000px; /* Verhoog de max-width naar een grotere waarde voor meer breedte */
  text-align: center;
}

.checkout-progress-bar .progress-line {
  height: 1px;
  background:#ccc ;
  position: absolute;
  top: 13px;
  left: 0;
  right: 0;
  z-index: 1;
}

.checkout-progress-bar .progress-steps {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}

.checkout-progress-bar .step {
  background: #F8F6F3;
  padding: 0px 30px; /* Vergroot de padding voor brederere stappen */
  font-size: 16px;
  color: #999;
  position: relative;
  top: -px;
}

.checkout-progress-bar .step.active {
  font-weight: bold;
  color: black !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-cart, class: .elementor-element-a0a4e8c *//* Algemene stijlen */
body {
    background-color: #F8F6F3 !important; /* Achtergrondkleur van de pagina */
}

.elementor-widget-woocommerce-cart .e-cart-section {
    background-color: #F8F6F3 !important;
}

/* Cart Layout */
.e-cart__column-end {
    width: 100% !important;
    background: white !important;
    padding: 30px !important;
    border-radius: 0px !important;
}

/* Winkelwagen tabel */
.shop_table {
    width: 100% !important;
    border-collapse: collapse !important;
}

.shop_table th,
.elementor-widget-woocommerce-cart .woocommerce .cart th,
.elementor-widget-woocommerce-cart .woocommerce .cart_totals h2 {
    text-align: left !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 10px !important;
    margin-top: 0 !important;
}


.elementor-widget-woocommerce-cart .woocommerce table.cart img {
    display: block;
    height: auto;
    width: 155px;
}

/* Productafbeeldingen */
.product-thumbnail img,
.elementor-widget-woocommerce-cart .woocommerce table.cart img {
    display: block !important;
    max-width: 155px !important;
    height: auto !important;
}

/* Productnaam stijl */
.product-name {
    font-size: 19px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

/* Prijs & Subtotaal */
.product-price,
.product-subtotal {
    font-size: 16px !important;
    font-weight: bold !important;
}

/* Prijs met korting */
.product-price del {
    color: #F8F6F3 !important;
    font-size: 14px !important;
}

.product-price ins {
    color: #F8F6F3 !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

/* Coupon sectie */
.form-row.coupon-col {
    display: flex !important;
    width: 100% !important;
    gap: 30px !important;
    align-items: center !important;
    margin-bottom: 50px !important;
}

/* Coupon input */
#coupon_code {
    flex-grow: 1 !important;
    padding: 12px !important;
    border: 0px solid black !important;
    border-radius: 0px !important;
    font-size: 14px !important;
    height: 45px !important;
    box-sizing: border-box !important;
}

/* Apply Coupon knop */
.e-apply-coupon {
    padding: 12px 20px !important;
    border: 1px solid black !important;
    background: #F8F6F3 !important;
    color: black !important;
    font-size: 13px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    border-radius: 0px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    height: 45px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

.e-apply-coupon:hover {
    background: black !important;
    color: white !important;
}
/* Extra spacing voor de winkelwagen tabel */
.elementor-widget-woocommerce-cart .woocommerce table.cart {
    margin-top: 50px !important;
 !important;
}

.elementor-widget-woocommerce-cart .woocommerce .cart-collaterals .cart_totals {
    float: none;
    width: 100%;
    background-color: white;
}


.elementor-widget-woocommerce-cart .woocommerce .wc-proceed-to-checkout .checkout-button {
    background-color:#f59e0b !important ;
    color:white ;
    border-radius: 0;
    padding-top: 20px;
    padding-bottom: 20px;
   
}


.elementor-widget-woocommerce-cart .woocommerce .wc-proceed-to-checkout .checkout-button:hover {
    background-color:black !important ;
    color:white ;
   
}





.elementor-widget-woocommerce-cart .woocommerce .remove {
    background: transparent;
    color: var(--order-summary-remove-icon-normal-color,rgb(226, 226, 226))!important;
    width: auto;
}


/* Stijl voor de verwijderknop */
.woocommerce a.remove {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 26px !important; /* Groter voor betere uitlijning */
    height: 26px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-align: center !important;
    color: white !important;
    background-color:  !important;
    border: 1px solid rgb(226, 226, 226) !important;
    border-radius: 50% !important; /* Zorgt ervoor dat het echt een cirkel is */
    transition: all 0.3s ease-in-out !important;
    position: relative !important;
    margin-right: 10px;
}

/* Zorgt ervoor dat het kruisje mooi gecentreerd blijft */
.woocommerce a.remove::before {
    content: "×" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important; /* Perfecte centrering */
    font-size: 14px !important;
    font-weight: bold !important;
    
}

/* Hover effect */
.woocommerce a.remove:hover {
    background-color: black !important;
    color: white !important;
}









@media (max-width: 768px) {
    /* Zorg dat de cart container een relative positie krijgt */
    .woocommerce-cart .cart_item {
        position: relative !important; 
        padding-top: 90px !important; /* Ruimte maken voor de afbeelding */
    }

    /* Afbeelding rechtsboven positioneren */
    .woocommerce-cart .product-thumbnail {
        position: absolute !important;
        top: 10px !important;
        right: 10px !important;
        width: 145px !important;
        height: auto !important;
        display: block !important; /* Zorg dat de afbeelding niet verdwijnt */
    }
    
.elementor-widget-woocommerce-cart .woocommerce table.cart img {
    width: 120px;
}

    /* Productnaam netjes houden */
    .woocommerce-cart .product-name {
        padding-top: 10px !important; /* Voorkomt overlap met afbeelding */
    }
}

@media (max-width: 768px) {
    .wc-proceed-to-checkout {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        background: white !important; /* Achtergrond om overlap te voorkomen */
        padding: 15px !important;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1) !important; /* Schaduw voor betere zichtbaarheid */
        z-index: 9999 !important;
        text-align: center !important;
    }

    .wc-proceed-to-checkout .checkout-button {
        width: 100% !important; /* Knop breed maken maar niet tegen de randen */
        max-width: 400px !important;
        padding: 15px !important;
        font-size: 16px !important;
        font-weight: bold !important;
        text-transform: uppercase !important;
        border-radius: 0px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-317dde1 */.e-sticky-right-column {
    position: sticky !important;
    top: 150px !important; /* Afstand vanaf de bovenkant */
    align-self: flex-start !important;
}/* End custom CSS */
/* Start custom CSS *//* Verberg de footer alleen op de cart-pagina */
body.woocommerce-cart .elementor-location-footer {
    display: none !important;
}


.elementor-menu-cart__container {
    display: none !important;
}/* End custom CSS */