/* 20260323185035 - v2 */
.gui,
.gui-block-linklist li a {
  color: #a26346;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #a26346;
}

.gui-block-inner strong {
  color: #c7a190;
}

.gui a {
  color: #a26346;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #a26346;
  box-shadow: 0 0 2px #a26346;
}

.gui-select.gui-focus .gui-handle {
  border-color: #a26346;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #a26346;
  background-color: #e6d3c5;
}

.gui-content-title {
  color: #a26346;
}

.gui-form .gui-field .gui-description span {
  color: #a26346;
}

.gui-block-inner {
  background-color: #dccabd;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #a26346;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #602e0d;
  background-color: #a26346;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #602e0d;
  background-color: #e6d3c5;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #814f38;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #b8a89d;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #602e0d;
  background-color: #e6d3c5;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #602e0d;
}

.gui-number .gui-handle a {
  background-color: #e6d3c5;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #602e0d;
}

.gui-progressbar {
  background-color: #25cdda;
}

/* custom */
.product-bottom {
  display: none!important;
}

#productoptions .product-configure select {
  width: 360px;
}
.gui-delivery-time-checkout {
  display:none;
}
.gui-blog-article ul {
  padding-left: 30px;
}
article.gui-blog-article ul li {
  list-style: square !important;
}
.gui-blog-article-content {
  padding: 70px 0 15px 0;
}
{% if product.data_01 %}
  <div class="extra-info">
    {{ product.data_01 }}
  </div>
{% endif %}

@media only screen and (device-width: 768px) {
  #header .phonenumber span {display:none;}
}
.gui-div-cart-block-related {
  display:none !important;
}
#content h2{
  width:100%;
  text-transform:uppercase;
  font-weight:normal;
}
#zoektermen ul li  {
  float:left;
  padding:10px;
}
#zoektermen ul {
  list-style:none;
}
#product .productInfoHolder .productInfo .product-discounts ul li {
  line-height: 22px;
  color: #fff;-size: 13px;
  font-weight: bold;
}
#footer > div.blocks > div.block.first > div > a:nth-child(7) > img {
  display:none;
}
#product .productInfoHolder .productInfo .product-discounts {
  background-color: #ea7f00 ;
  border-radius:8px;
  border:none;
}
.productsList .info .priceHolder .priceOld {
  background: url('https://static.webshopapp.com/shops/032339/files/025484623/stroke.png') no-repeat -3px 50%;
}
.productsGrid .product .info .price span {
  background: url('https://static.webshopapp.com/shops/032339/files/025484623/stroke.png') no-repeat 12px 0;
}

.productsGrid2 .product .info .price span {
  background: url('https://static.webshopapp.com/shops/032339/files/025484623/stroke.png') no-repeat 12px 0;
}
/* Background color - categorien titel voorpagina*/
.categoriesGrid.plusInfo .category h3 {
  background-color: #573e2e;
  border-color: #268A04;
  border-bottom-color: #1F7203;
  color:#fff;
  border-radius:0px 0px 8px 8px;
  text-transform:lowercase;
}
/* Background color - categorien titel voorpagina*/
.gui-checkout-payment > .gui-col2-right > .gui-checkout-steps > .gui-block > .gui-block-content > #gui-form > div.gui-form > div:nth-child(1) {
  display:none !important;
}

/* Product label */
.productpage-images-featured {border-radius:8px;}

#product .images, .productsGrid, .productsGrid2, .product, .productsList .product {position:relative;}
.label {background:no-repeat;position: absolute;left:-6px;top:-6px;width: 126px;height:117px;z-index: 9;}
.label.sale {background-image: url('sale-label.png');
}


.reviewtop {
  margin-top: 25px;
}
.gui a.gui-button-large.gui-button-action:active, .gui a.gui-button-small.gui-button-action:active {
  background:#77a200!important; color:#fff!important;
}

.gui a.gui-button-large.gui-button-action, .gui a.gui-button-small.gui-button-action{
  background:#77a200; color:#fff;
}

.gui a.gui-button-large:active, .gui a.gui-button-small:active{
  background:#999; color:#000; border:none;
}
.categoriesGrid.plusInfo .customcategory {
  width: 356px;
}
/* BONEN / GEMALEN TOGGLE */
.koffie-toggle {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

.koffie-toggle .toggle-button {
  background-color: #eee;
  padding: 10px 20px;
  border-radius: 20px;
  text-decoration: none;
  color: #333;
  font-weight: bold;
  transition: background-color 0.3s ease;
  border: 1px solid #ccc;
}

.koffie-toggle .toggle-button.active,
.koffie-toggle .toggle-button:hover {
  background-color: #77a200;
  color: white;
  border-color: #77a200;
}

/* HERKOMST SELECTOR */
.herkomst-selector {
  text-align: center;
  margin-bottom: 30px;
  font-weight: bold;
}

.herkomst-selector span {
  display: block;
  margin-bottom: 8px;
}

.herkomst-selector a {
  margin: 0 8px;
  text-decoration: none;
  color: #573e2e;
  font-weight: normal;
  transition: color 0.3s ease;
}

.herkomst-selector a:hover {
  color: #77a200;
}

#cookie-bar {
    position: fixed !important;
    bottom: auto !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 90% !important;
    max-width: 450px !important;
    background-color: #ffffff !important; /* Witte achtergrond */
    color: #000000 !important; /* Zwarte tekst */
    border: 2px solid #000; /* Zwarte rand voor opvallen */
    border-radius: 10px;
    padding: 30px !important;
    box-shadow: 0 0 50px rgba(0,0,0,0.5) !important; /* Grote schaduw */
    z-index: 99999 !important;
    text-align: center;
}
#cookie-bar p {
    font-size: 16px !important;
    line-height: 1.5 !important;
    margin-bottom: 20px !important;
    color: #333 !important;
}
#cookie-bar .cb-buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
}