.elementor-150 .elementor-element.elementor-element-eae3d78{--display:flex;}.elementor-150 .elementor-element.elementor-element-275c1cd{--spacer-size:50px;}.elementor-150 .elementor-element.elementor-element-7c9a36df{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-150 .elementor-element.elementor-element-8f46fd1{text-align:center;}.elementor-150 .elementor-element.elementor-element-8f46fd1 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-150 .elementor-element.elementor-element-616e178{--display:flex;}.elementor-150 .elementor-element.elementor-element-b677b0a{--spacer-size:50px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-150 .elementor-element.elementor-element-7c9a36df{--content-width:1150px;}}/* Start custom CSS for heading, class: .elementor-element-8f46fd1 *//* Scroll‑container */
.professional-cart-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* soepel scrollen op iOS */
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;            /* ruimte voor de scrollbar */
}

/* Optioneel: stijl de scrollbar (WebKit) */
.professional-cart-scroll::-webkit-scrollbar {
  height: 8px;
}
.professional-cart-scroll::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.05);
}
.professional-cart-scroll::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.2);
  border-radius: 4px;
}

/* Zorg dat de tabel altijd min‑breedte heeft zodat scrollen mogelijk is */
.professional-cart-table {
  width: 100%;
  min-width: 800px;  /* pas aan naar wens */
  border-collapse: collapse;
}

/* De “Doorgaan naar afrekenen” knop */
.proceed-checkout-button {
  display: block;
  width: 100%;
  padding: 0.75rem;
  font-size: 1rem;
  text-align: center;
  background: #9e8066;
  color: #fff !important;     /* wit en belangrijker dan andere rules */
  text-decoration: none;
  border: none;
  cursor: pointer;
  margin-top: 1rem;
}
.proceed-checkout-button:hover {
  background: #846b56;
}

/* Mobile tweaks */
@media (max-width: 768px) {
  .professional-cart-table {
    min-width: 600px;
  }
  .professional-cart-table th,
  .professional-cart-table td {
    padding: 0.5rem;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ae96fa5 *//* ==============================
   Professionele Cart Stylesheet
   ============================== */
.professional-cart-wrapper {
  margin: 20px 0;
  padding: 15px;
  border: 1px solid #e1e1e1;
  background: #fff;
}

.professional-cart-form {
  width: 100%;
}

.professional-cart-scroll {
  overflow-x: auto;
  margin-bottom: 20px;
}

.professional-cart-table {
  width: 100%;
  border-collapse: collapse;
}

.professional-cart-table th,
.professional-cart-table td {
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #eee;
}

.professional-cart-table thead {
  background: #f9f9f9;
}

/* Kopcel “Naam” echt zwart maken */
.professional-cart-table th:nth-child(2) {
  color: #000 !important;
}

/* Producttitel in donkerbruin */
.professional-cart-table .pc-name,
.professional-cart-table .pc-name a {
  color: #846b56 !important;
}

.pc-thumb img {
  max-width: 80px;
  height: auto;
  display: block;
}

.pc-qty input.qty {
  width: 60px;
}

.professional-cart-buttons {
  text-align: right;
  margin-bottom: 20px;
}

.proceed-checkout-button {
  display: inline-block;
  padding: 10px 20px;
  text-decoration: none;
}

.professional-cart-totals p {
  margin: 5px 0;
  text-align: right;
}

.pct-grand-total {
  font-size: 1.1em;
}

.professional-cart-empty {
  font-style: italic;
}


/* ==============================
   Mobile: stapel elke cel onder elkaar
   ============================== */
@media (max-width: 767px) {

  /* Verberg de header en zet alles in blokken */
  .professional-cart-table,
  .professional-cart-table thead,
  .professional-cart-table tbody {
    display: block;
  }
  .professional-cart-table thead {
    display: none;
  }

  /* Maak van elke rij een kaartje */
  .professional-cart-item {
    display: block;
    margin-bottom: 1rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0.5rem;
    background: #fff;
  }

  /* Elke cel full-width met label erboven */
  .professional-cart-item td {
    display: block;
    width: 100%;
    padding: 0.5rem 0;
    border: none;
    position: relative;
    white-space: normal;
  }
  .professional-cart-item td::before {
    content: attr(data-label);
    display: block;
    font-weight: bold;
    margin-bottom: 0.25rem;
    color: #000 !important; /* labels zwart */
  }

  /* Thumbnail 300px breed, maar nooit groter dan container */
  .pc-thumb {
    padding: 0;
    text-align: center;
  }
  .pc-thumb img {
    width: 300px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    display: inline-block;
    margin: 0 auto 1rem;
  }

  /* Compacte hoeveelheid-input */
  .pc-qty input.qty {
    width: 100%;
    max-width: 80px;
  }

  /* Buttons en totals links uitlijnen */
  .professional-cart-buttons,
  .professional-cart-totals {
    text-align: left;
  }
  .professional-cart-buttons {
    margin-top: 0.5rem;
  }
  .professional-cart-totals p {
    margin: 0.25rem 0;
  }
}/* End custom CSS */