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

.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: #151515;
}

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

.gui a {
  color: #0072d2;
}

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

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

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

.gui-block-title {
  color: #0072d2;
  background-color: #ffffff;
}

.gui-content-title {
  color: #0072d2;
}

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

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

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

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

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

.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: #151515;
  color: #151515;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #151515;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #101010;
}

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

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

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

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

.gui-progressbar {
  background-color: #0072d2;
}

/* custom */
.product-wishlist {
	padding: 7px;
  height: 40px;
  border-radius: 3px;
  border: 1px solid #f3f3f3;
}
#qs-variants {
  position: relative;
}
.qs-dot {
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 50%;
  border: 1px solid #eee;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

/* PREVIOUS THEME CSS BELOW */

/* .fa-shopping-basket:before {
    content: "\f291";
    color: #dd4405;
}
#header .main-header .cart .text {
    margin-left: 10px;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 800;
    color: #dd4405;
}
#accessoires {
    background-color: #0072d2;
    color: #fff;
    overflow-x: hidden;
    padding: 50px 0 70px;
}
.main-menu {
  background-color: #DC4405;
} */

/* productcards size fix */
/* @media only screen and (min-width:1000px) {
.product.b2b .actions .price {align-items: center;display: flex;flex-wrap: wrap;margin-bottom: 5px;min-width: 100%;}
.product .data {min-height:80px;}
.product .actions-wrap {margin-top:10px;}
.product {height:430px;}
.product .actions .direct-buy .btn {width:45px;}
  a.btn.addtocart.view {width:55%;}
}

@media (min-width:1100px) {
  .product {height:450px;}
}

@media (max-width:900px) {
  a.btn.addtocart.view {display:none;}
} */

/* .top-brands .brand, article.text ul.list-brands li {filter: none; opacity: 1;}
a.btn.addtocart {width: 100%;} */




/* --- Styling voor Gerelateerde Producten (v9 - Aangepaste Radius) --- */

/* Container styling */
div.relat.mt-4 {
  border: 1px solid #e0e0e0 !important;
  padding: 25px !important;
  margin-top: 40px !important;
  margin-bottom: 40px !important;
  /* --- NIEUW: Border-radius aangepast --- */
  border-radius: 2px !important; /* Was 8px, nu 2px voor scherpere hoeken */
  background-color: #FDFDFD !important; /* Off-white achtergrond */
  box-sizing: border-box !important;
  box-shadow: none !important; /* Standaard geen schaduw */
  transition: box-shadow 0.15s ease-in-out !important; /* Vloeiende overgang voor hover (kan aangepast/verwijderd) */
}

/* Schaduw alleen bij hover (op apparaten die hover ondersteunen) */
div.relat.mt-4:hover {
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1) !important; /* Schaduw specificatie */
}

/* Titel styling (Thema bepaalt de stijl) */
/* .pp-section-title { ... } */

/* Styling voor individuele productrijen: UITGESCHAKELD */
/* div#pp-related-products .d-flex.py-3 { ... } */
/* div#pp-related-products .d-flex.py-3:last-child { ... } */

/* Styling voor afbeeldingen binnen de rijen (kan blijven) */
div#pp-related-products .d-flex.py-3 img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* --- Responsive Aanpassingen --- */
@media (max-width: 767px) { /* Voor tablets/mobiel */
    div.relat.mt-4 {
         margin-top: 20px !important;
         margin-bottom: 20px !important;
         padding: 15px !important; /* Minder padding in container op mobiel */
    }

    /* Hover-effect uitschakelen op kleinere schermen */
    div.relat.mt-4:hover {
        box-shadow: none !important; /* Forceer GEEN schaduw, zelfs niet bij 'hover'/tap */
    }
}
/* --- Einde Styling Gerelateerde Producten --- */



/* ======================================================================
   S T E R R E N   –   volle, lege en “net‑iets‑minder‑dan‑halve” ster
   ====================================================================== */

/* Volledig gevulde ster */
.icon-star-s.star-fill { color:#ffc107; }

/* Lege ster */
.icon-star-s.star-empty{ color:#FFEDB6; }

/* ── Halve (45 %) ster via overlay ───────────────────────────────────── */

.star-wrapper{
  position:relative;
  display:inline-block;
}

.star-half-overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;                  /* hele glyph gebruiken   */
  color:#ffc107;
  clip-path:inset(0 55% 0 0);  /* knip RECHTS 55 % weg → 45 % blijft zichtbaar */
  pointer-events:none;

  /* fallback voor oude browsers zonder clip‑path:  */
  /* overflow:hidden; width:45%;                   */
}