.elementor-kit-61{--e-global-color-primary:#2F43FF;--e-global-color-secondary:#000000;--e-global-color-text:#000000;--e-global-color-accent:#000B71;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Poppins", Sans-serif;}.elementor-kit-61 e-page-transition{background-color:#FFBC7D;}.elementor-kit-61 a{color:var( --e-global-color-primary );}.elementor-kit-61 h4{font-size:1rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.section-label {
            display: flex;
            align-items: center;
            text-align: center;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .section-label::before,
        .section-label::after {
            content: '';
            flex: 1;
            border-bottom: 1px solid #2F43FF;
        }

        .section-label:not(:empty)::before {
            margin-right: .25em;
        }

        .section-label:not(:empty)::after {
            margin-left: .25em;
        }
/* progressbar aantal reviews behaald door onze klanten */
.progress-container {
    width: 100%;
    background-color: #000000;
    overflow: hidden;
    position: relative;
    height: 40px;
}
.progress-bar {
    width: 0%; /* Startbreedte bij 0% */
    height: 100%;
    background-color: #2F43FF;
    text-align: center;
    line-height: 40px; /* Zorgt ervoor dat de tekst gecentreerd is */
    color: white;
    font-weight: bold;
    transition: width 0.1s ease-in-out; /* Animatie van de breedte */
}
.progress-text {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    padding-left: 10px;
    box-sizing: border-box;
}
.progress-text i {
    margin-right: 5px;
}
.reviews-text {
    margin-left: 10px; /* Extra ruimte tussen het getal en de tekst */
}

#pp-btn-trk-1 {
  background-color: #2F43FF !important;
  border-color: #2F43FF !important;
}

/* Mediaquery voor mobiele apparaten */
@media (max-width: 768px) {
    .progress-text {
        font-size: 0.8rem; /* Verklein de tekstgrootte op mobiele apparaten */
    }
            .google-places-input {
    font-size: 16px !important;  }
}

.product-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #2F43FF;
    color: white;
    font-size: 1rem;
    font-weight: bold;
    padding: 10px 15px;
    border-radius: 5px;
    z-index: 10;
    text-transform: uppercase;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}
@media (max-width: 768px) {
    .product-badge {
        font-size: 0.8rem; /* Verklein de tekstgrootte op mobiele apparaten */
        padding: 5px 10px;
    }
}

/* Hoofdcontainer */
.main-product-image-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 500px;
    overflow: hidden;
    border-radius: 5px;
    user-select: none; /* Voorkomt tekstselectie bij slepen */
}

.cursor-navigation {
    position: absolute;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    display: none;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    transition: none;
    z-index: 10;
}

.cursor-navigation::before {
    content: '\2039'; /* Unicode voor linker pijl */
    font-size: 20px;
    color: white;
}

.cursor-navigation.right::before {
    content: '\203A'; /* Unicode voor rechter pijl */
}
@media (pointer: coarse) { /* Targets touchscreens */
    .cursor-navigation {
        display: none !important;
    }
}

/* Slider-wrapper */
.slider-wrapper {
    width: 100%;
    overflow: hidden;
}

/* Beweegbare slider */
.image-slider {
    display: flex;
    transition: transform 0.4s ease-out;
    will-change: transform;
}

/* Individuele slides */
.slide {
    min-width: 100%;
    transition: transform 0.4s ease-out;
}

/* Hoofdafbeelding instellingen */
.slide img {
    width: 100%;
    height: auto;
    display: block;
    user-select: none;
    image-rendering: auto; /* Voorkomt schokkerige weergave */
}

/* Zorg ervoor dat GIF’s niet opnieuw laden */
.slide img[src*=".gif"] {
    will-change: opacity, transform;
    opacity: 1;
    transition: opacity 0.3s ease-out;
}

/* Thumbnail-container met smooth scrolling */
.thumbnail-container {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    max-width: 100%;
    padding: 10px 0;
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    justify-content: flex-start;
}

/* Thumbnail-styling */
.thumbnail-image img {
    max-width: 80px;
    height: auto;
    border-radius: 5px;
    cursor: pointer;
    transition: transform 0.2s ease, border 0.2s ease;
    border: 2px solid transparent;
}

.thumbnail-image img:hover {
    border: 2px solid #2F43FF;
}

.thumbnail-image.active img {
    border: 2px solid #2F43FF;
}

/* Scrollbalk verbeteren voor Webkit-browsers */
.thumbnail-container::-webkit-scrollbar {
    height: 5px;
}

.thumbnail-container::-webkit-scrollbar-track {
    background: transparent;
}

.thumbnail-container::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 5px;
}

/* Zorg ervoor dat de weergave correct blijft op mobiel */
@media (max-width: 768px) {
    .main-product-image-container {
        max-width: 100%;
    }
    .slide img {
        max-width: 100%;
        height: auto;
    }
}
.slicewp-button-primary {
  background-color: #2F43FF;
  color: #ffffff;
  border: none;
  padding: 12px 24px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px; /* Optional: rounded corners */
  transition: background-color 0.3s ease;
  font-weight: 700;
}

.slicewp-button-primary:hover {
  background-color: #0019FF;
  color: #ffffff;
}



/* Hide WooCommerce success message (cart added) */
body.single-product .woocommerce-message {
    display: none !important;
}

/* Hide stock message (simple + variable) */
body.single-product .stock {
    display: none !important;
}

/* Hide variable availability (only variable) */
body.single-product .woocommerce-variation-availability {
    display: none !important;
}

/* Hide variable description (only variable) */
body.single-product .woocommerce-variation-description {
    display: none !important;
}

.product .variations {
  display: none !important;
}

@media (max-width: 766px) {
  #scroll-features {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 16px;
    flex-wrap: nowrap;
    scroll-snap-type: x mandatory;
  }

  #scroll-features > .elementor-element {
    flex: 0 0 auto;
    width: 70vw; /* standaard breedte voor kaarten */
    scroll-snap-align: start;
  }

  #scroll-features::-webkit-scrollbar {
    display: none;
  }
}

.fkcart-summary-line-item.fk-tax-rate {
  display: none !important;
}/* End custom CSS */