/*
Theme Name: AllroundWeb Child
Theme URI: https://www.allroundweb.nl/
Description: Designed by <a href="https://allroundweb.nl/">Allround Web</a>.
Author: Allround Web
Version: 1.0.0
Template: hello-elementor
*/


html {
    scroll-behavior: smooth;
}

:root {
    font-family: "Poppins" "sans-serif" !important;
}

.page-id-53290 * {
    font-family: "Poppins" "sans-serif" !important;
}

/* Verwijder Add to wishlist text, laat alleen hartje zien */
.page-id-53290 .tinvwl_add_to_wishlist-text {
    display: none;
}

.page-id-53290 .tinvwl_add_to_wishlist_button {
    display: block;
    text-align: right;
}

.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-custom img {
    max-width: 30px;
    max-height: 30px;
}

/* stijlen main grid */

/* Geef shoppen knop text decoration */
.buttonHomeGrid {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: #DAB0AE;
    text-underline-offset: 4px;
}


/* Stijlen op voorraad status in productkaart */

body .wp-grid-builder .wpgb-card-1 .wpgb-block-8,
body .wp-grid-builder .wpgb-card-1 .wpgb-block-9 {
    display: inline-block;
    background: transparent;
    color: black;
    padding: .35em 1.5em;
    text-transform: unset;
    position: relative;
}

body .wp-grid-builder .wpgb-card-1 .wpgb-block-8:before,
body .wp-grid-builder .wpgb-card-1 .wpgb-block-9:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 15px;
    height: 15px;
    background: rgb(23, 192, 23);
    border-radius: 25px;
}

body .wp-grid-builder .wpgb-card-1 .wpgb-block-8:before {
    background: red;

}


.wpgb-block-7.product_type_simple span img {
    background: transparent;
    width: 85px !important;
    height: 50px !important;
    /* padding: 15px; */
    border-radius: 15px;
    padding: 5px;
}




.wpgb-block-7.add_to_cart_button.product_type_variable span img,
.wpgb-block-7.add_to_cart_button.ajax_add_to_cart.product_type_simple span img {
    background: green;
    width: 85px;
    height: 50px;
    /* padding: 15px; */
    border-radius: 15px;
    padding: 10px;
    transition: 0.5s all;
}

.wpgb-block-7.add_to_cart_button.product_type_variable span img {
    padding: 5px;
}

.wpgb-block-7.add_to_cart_button.product_type_variable span img:hover,
.wpgb-block-7.add_to_cart_button.ajax_add_to_cart.product_type_simple span img:hover,
.wpgb-block-7.add_to_cart_button.product_type_variable span img:hover {
    transform: scale(1.1);
}



/* Centreer prijs in midden  */
.wpgb-block-4 {
    display: grid !important;
    place-items: center start;
}

/* STEL HOVER IMG IN OP COVER */
.wpgb-card-media-gallery.wpgb-product-image-hover .wpgb-card-media-gallery-item:last-of-type div {
    background-size: cover;
}

/* Footer links on hover */

.footerLinks a span:hover,
.footerLinks a:hover {

    text-decoration: underline !important;
    text-decoration-thickness: 2px;
    text-decoration-color: #DAB0AE !important;
    text-underline-offset: 4px;
}

/* GEEF OUDE PRIJS MEER MARGIN RECHTS */
del.wpgb-block-price {
    margin-right: 10px;
}

/* HOVER STYLE WP GRID */

.wp-grid-builder .wpgb-card-1 .wpgb-block-1:hover,
.wp-grid-builder .wpgb-card-1 .wpgb-block-7:hover {
    color: #DAB0AE !important;
}


/* Bolletje voor op voorraad */

.elementor-widget-container .stock.in-stock:before {
    display: inline-block;
    content: '';
    width: 15px;
    height: 15px;
    background-color: green;
    border-radius: 25px;
    margin-right: 7px;
    margin-bottom: -2px;
}


/* Verander Add to Cart  */

.elementor-add-to-cart.elementor-product-simple .e-loop-add-to-cart-form-container a:after {
    content: url('https://dev.allroundweb.nl/haarmarkt/wp-content/uploads/2024/10/cart-shopping-svgrepo-com.svg');
    display: inline-block;
    visibility: visible;
    height: 20px !important;
    width: 20px !important;

}

.facetwp-checkbox {
    display: flex;
    justify-content: space-between;
}

/* Verander Facetwp Toon meer knopje */
.facetwp-toggle {
    color: #DAB0AE !important;
    display: block;
    margin-top: 10px;
    font-weight: 500;
}

/* Variabel product knopje  */
.aw-variable-product .variabel-product-button {
    width: 60px;
    height: 50px;
    border-radius: 5px;
    display: grid;
    place-items: center;

}

.aw-variable-product .variabel-product-button svg {
    height: 50px;
    width: 60px;
}

/*  */
/* Stijlin voor images productkaartje */
/*  */

.aw-archive-images .aw-archive-hover-image a img,
.aw-archive-images .aw-archive-image a img {
    width: 100%;
    min-width: 100%;
    height: 125px;
    object-fit: contain;
    object-position: center;
    position: relative;
    margin-bottom: 10px;
}

/* .aw-archive-image {
    background: red !important;
    width:100% !important;
} */

/* @media screen and (max-width: 768px){
    .aw-archive-images .aw-archive-hover-image img,
.aw-archive-images .aw-archive-image img {
    height: 115px;
    width: 115px !important;
    object-fit: contain;
    object-position: center;
    position: relative;
    margin: auto;
    display: inline-block;
    margin-top: -30px;
    margin-bottom: 10px;
}
} */






.aw-archive-images .aw-archive-hover-image {
    display: none;
    position: relative;
}

.aw-archive-images .aw-archive-image {
    display: block;
    position: relative;
}

.aw-archive-images:not(.aw-no-hover):hover .aw-archive-image {
    display: none;
}

.aw-archive-images:hover .aw-archive-hover-image {
    display: block;
}


/* Sub category slider */
.aw-subcategory-slider {
    width: 100%;
    margin-bottom: -12px;
}

.aw-subcategory-slider__inner {
    display: flex;
    overflow-x: visible;
}

.aw-subcategory-slider__inner .slick-next {
    right: -8px;

    z-index: 9;
}

.aw-subcategory-slider__inner .slick-prev {
    left: -8px;
    z-index: 9;


}

.slick-track a {
    margin-left: 7px !important;
}

.aw-subcategory-slider__inner .slick-prev:before,
.aw-subcategory-slider__inner .slick-next:before {
    color: #000000;
}

body div .slick-prev.slick-disabled:before {
    display: none;
}

body div .aw-subcategory-slider__item {
    margin-left: 8px;
    margin-right: 8px;

    /* padding: 15px 10px;  */
    /* background: #f5f5f5;  */
    border-radius: 5px;
    border: 2px solid #DAB0AE;
    font-size: 14px;
    line-height: 1em;
    text-align: center;
    min-height: 58px;
    align-content: center;
    cursor: pointer;
    text-decoration: none;
    color: #3a3a3a;
}

.slick-list {
    margin-left: -7px !important;
    margin-right: -7px !important;
}

.slick-track a {
    margin-left: 6px !important;
}

body div .aw-subcategory-slider__item:hover {
    text-decoration: underline;
    color: #3a3a3a;
}

body div .aw-subcategory-slider__item,
body div .aw-subcategory-slider__item h3 {
    font-size: 14px;
    line-height: 1em;
}

.aw-subcategory-slider__link {
    color: inherit;
    text-decoration: none;
}

.aw-subcategory-slider__title {
    font-size: 16px;
    line-height: 1em;
    padding: 0;
    margin: 0;
}

.aw-subcategory-slider .slick-list {
    padding: 8px 0;
}

/* Maak titel kleiner */
.aw-product-title {
    font-size: 20px;
}

.aw-product-title-kort {
    display: -webkit-box;
    /* Use flexbox layout */
    -webkit-box-orient: vertical;
    /* Define the orientation */
    -webkit-line-clamp: 2;
    line-clamp: 2;
    /* Limit to 2 lines */
    overflow: hidden;
    /* Hide the overflow */
    text-overflow: ellipsis;
    /* Add ellipsis for overflow */
    text-align: center;

}

@media screen and (min-width: 768px) {
    .aw-product-title-long {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .aw-product-title-kort {
        display: none;
    }
}


/* Verberg Wish List Tekst op Archive Page */

span.tinvwl_add_to_wishlist-text {
    display: none !important;
}

.tinvwl_add_to_wishlist_button .icon-add-on-wishlist {
    height: 30px;
}

.aw-discount-percentage {
    background: #DAB0AE;
    width: 55px;
    height: 55px;
    display: grid;
    place-items: center;
    border-radius: 50px;
    font-size: 18px;
    font-family: 'Poppins';
}

/* Toon geen aantallen in de facetten */

/* Hide counts in all Checkboxes facets */
[data-type="checkboxes"] .facetwp-counter {
    display: none;
}

.facetwp-facet.facetwp-facet-merken.facetwp-type-checkboxes {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: #DAB0AE #d3d3d33d;
}

/* FACET SORTERING BOLLETJE */
.noUi-handle.noUi-handle-lower,
.noUi-handle.noUi-handle-upper {
    border-radius: 50px;

}



/* STIJLEN VOOR MODAL */
/* The Modal (background) */
.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 10;
    /* Sit on top */
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    /* Full width */
    /* height: 100%; */
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.1);
    /* Black w/ opacity */

}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    /* Could be more or less, depending on screen size */
    height: 100vh;


}

/* The Close Button */
.close {
    color: #fffbfb;
    float: right;
    font-size: 50px;
    /* font-weight: regular; */
}

.modal-body-title {
    text-align: center;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* Modal Header */
.modal-header {
    padding: 25px 15px 25px 15px;
    background-color: #DAB0AE;
    color: white;
    height: 116px;
}

.modal-header img {
    width: 70%;
    max-width: 250px;

}

/* Modal Body */
.modal-body {
    padding: 2px 16px;
}

/* Modal Body mobile */
.modal-body .facetwp-facet.facetwp-facet-merken_modal {
    max-height: 40vh;
    overflow: overlay;
    /* box-shadow: 5px 5px 10px #DAB0AE; */
}


/* Modal Footer */
.modal-footer {
    padding: 2px 16px;
    color: white;
}

/* Modal Content */
.modal-content {
    position: fixed;
    background-color: #fefefe;
    margin: auto;
    margin-left: 0;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    animation-name: animatetop;
    animation-duration: 0.5s
}

/* Add Animation */
@keyframes animatetop {
    from {
        left: -600px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

/* Pas Slider FacetWP aan geeft kleur van roze */
.facetwp-slider .noUi-connect {
    background: #DAB0AE;
}

.facetwp-slider-reset[type=button] {
    margin-top: 1rem;
    color: #DAB0AE;
    border: 1px solid #DAB0AE;
    padding: 0.5rem 1.5rem;
    transition: all .3s
}

.facetwp-slider-reset[type=button]:hover {
    color: white;
    background: #DAB0AE;
    border: 1px solid #DAB0AE;
}

/* ProductKaart geef title altijd 48px hoogte */
.productCardPrijs {
    /* height: 48px !important; */
}

.productCardPrijs h2 {
    color: #222222;
    font-size: 16px;
    text-align: left;
}

/* Centreer prijs in het midden */
.woocommerce .elementor-53745 .elementor-element.elementor-element-3d81bfc .price {
    text-align: center;
}


/*  */
/* Styling winkelwagen Cart */
/*  */

body .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-mini-cart .elementor-menu-cart__container {
    background: none;
    bottom: auto;
    height: auto;
    min-width: 330px;
    overflow: visible;
    position: absolute;
    right: auto;
    top: 100%;
    transform: scale(1);
    transition: background-color .4s, transform 0s;

}

@media screen and (min-width: 768px) {
    body .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-mini-cart .elementor-menu-cart__container {
        width: 330px;
    }
}


.elementor-menu-cart__main {
    min-height: 599px;
}

/* Stijliog kaartje per product */
/* Maximale hoogte outer kaartje voor producten */
.woocommerce-mini-cart.cart_list.product_list_widget {
    height: 50vh;
    max-height: 50vh;
    overflow-y: auto;
    scrollbar-color: #DAB0AE #d3d3d33d;
}

@media screen and (max-width: 768px) {
    .woocommerce-mini-cart.cart_list.product_list_widget {
        height: 45vh;
        max-height: 50vh;
        overflow-y: auto;
        scrollbar-color: #DAB0AE #d3d3d33d;
    }
}

.woocommerce-mini-cart .woocommerce-Price-currencySymbol {
    margin-right: 5px;
}


/* Rand kaartje + border */
.woocommerce-mini-cart-item.mini_cart_item {
    border: 1px solid#eaeaea;
    border-radius: 5px;
    padding: 5px;
    margin: 20px;
}

body .elementor-menu-cart__container.elementor-lightbox img {
    height: 150px;
    width: 150px;
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
    margin-bottom: 0;
    object-fit: contain;
}

/* Styling grid */
.woocommerce-mini-cart-item {
    display: grid;
    grid-template-columns: 150px 1fr;
    /* 200px for thumbnail, remaining space for content */

    gap: 20px;
    align-items: center;
}

.mini-cart-thumbnail img {
    width: 100%;
    height: auto;
    /* Ensures the image fits within 200px */
}

.mini-cart-content {
    display: grid;
    height: 100%;

}

.mini-cart-content .quantity,
.mini-cart-content a.remove {
    margin-top: 5px;
}

/* Optional styling for remove button, quantity, etc. */
.remove_from_cart_button {
    color: red;
    font-size: 1.2em;
    cursor: pointer;
}

/* Styling title in product card */

.productShoppingCartName {
    font-family: 'Poppins';
    font-size: 20px;
    color: #444444;
    font-weight: 500;
}

.cartItemPrice {
    font-size: 25px;
    font-weight: bold;
    color: #4e4e4e;
}

body .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-mini-cart .elementor-menu-cart__container .stockCount:before {
    height: 10px;
    width: 10px;
}

.inputFromCart {
    margin-right: 20px;
    width: 46px !important;
    margin-right: 20px;
    padding: 5px 5px 5px 5px !important;
}

.cartItemPrice {
    margin-right: auto;
}


/* Verander breedte op woocommerce Cart */
.woocommerce-cart .product-quantity input {
    width: 75px !important
}

/*  */
/* Maak button in winkelwagen Responsive voor mobile*/
/*  */


/* In winkelwagenknop padding voor kleinere schermen zodat hartje niet overflowt.*/
@media screen and (max-width: 767px) {
    #inWinkelwagenKnop button {
        padding: 15px 15px;
        font-size: 20px
    }

}

@media screen and (min-width: 768px) and (max-width: 1024px) {

    /* Variabel product */
    .woocommerce-variation-add-to-cart button.single_add_to_cart_button,
    /* Single product */
    .elementor-widget-woocommerce-product-add-to-cart .single_add_to_cart_button {
        padding: 15px 10px !important;
        font-size: 20px !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1240px) {

    /* Variabel product */
    .woocommerce-variation-add-to-cart button.single_add_to_cart_button,
    /* Single product */
    .elementor-widget-woocommerce-product-add-to-cart .single_add_to_cart_button {
        padding: 15px 45px !important;
        font-size: 20px !important;
    }
}



.buttonWinkelmandPopup {

    display: flex;
    flex-direction: row;
    align-items: center;
}

/* GRATIS SHIPPING PROGRESS */
#aw-shipping-tracker-free-shipping {
    font-size: 18;
    font-family: "Poppins" !important;
    letter-spacing: 0.75px;
    font-weight: 700;
    text-align: center;
}

@media screen and (max-width: 768px) {
    #aw-shipping-tracker-free-shipping {
        font-size: 12;
    }
}

#shipping-progress-bar-wrapper {
    padding: 10px 25px;
    font-family: 'Poppins';
}

#aw-shipping-progress-bar-container {
    border: 1px solid #DAB0AE;
}

#aw-shipping-progress-bar-container {
    width: 100%;
    background-color: #ffffff;

    border-radius: 5px;
    margin-bottom: 10px;
}

#aw-shipping-progress-bar {
    height: 10px;
    background-color: #DAB0AE;
    border-radius: 5px;
}

#aw-resterend-bedrag-voor-gratis-verzending {
    font-family: "Poppins" !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    #aw-resterend-bedrag-voor-gratis-verzending {
        font-size: 14px;
    }
}

/* Stijl prijs in shopping cart */
/* WC / ELEMENTOR MINI CART */

.widget_shopping_cart_content .mijnWinkelwagen {
    background: #DAB0AE;
    font-size: 20px;
    font-weight: 500;
    color: white;
    text-transform: capitalize;
    padding: 5px 25px;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    margin-bottom: 50px;
}

.elementor-menu-cart__close-button {
    margin: 0px !important;

}

.woocommerce-mini-cart__total.total {
    /* margin-top: 25px; */
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}


/* SHOPPING CART MOBILE */

@media screen and (max-width: 768px) {

    .productShoppingCartName {
        font-size: 16px;
    }

    .woocommerce-mini-cart__total.total {
        margin-bottom: 0px;
        margin-top: 0px;
        height: 30px;
    }
}

.woocommerce-mini-cart__buttons buttons * {
    display: block;
}

.woocommerce-mini-cart__total.total .winkelwagenTekst {
    font-size: 25px;
}





.woocommerce-mini-cart__total.total .prijsdeelKlein {
    font-weight: 500;
    margin-left: 825px;
}

.woocommerce-mini-cart__total.total .prijsdeelKlein sup {
    top: -.25em;
    margin-left: -8px;
}

.woocommerce-mini-cart__buttons.buttons {
    text-align: center;
    margin: 25px 0;
}

@media screen and (max-width: 768px) {
    .woocommerce-mini-cart__buttons.buttons {
        text-align: center;
        margin: 5px 0;
    }
}

.woocommerce-mini-cart__buttons.buttons .button {
    padding: 15px 25px;
    font-size: 18px;
    margin: 5px;
    color: white;
    background: #07ba07;
    font-weight: 400;
    border-radius: 5px;
}

.woocommerce-mini-cart__buttons.buttons a:hover {
    /* background-color: #DAB0AE !important;
    color: white !important; */
    transform: scale(1.05);
    background: #07ba07;
}

.miniCartFooterdiv {
    height: 20px;
    background: #DAB0AE;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}

/* LEGE WINKELWAGENSTYLING */

.woocommerce-mini-cart__empty-message {
    height: 500px;
    max-height: 70vh;
    display: grid;
    place-items: center;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}


.woocommerce a.remove {
    height: unset;
    width: unset;
}

body .elementor-menu-cart__container.elementor-lightbox a img.deleteImg {
    border: 0px;
    height: 35px !important;
    width: 35px !important;
}

/* Driehoekje bij shopping cart */

#elementor-menu-cart__toggle_button {
    position: relative;
    /* Ensure positioning for ::after */
}

#elementor-menu-cart__toggle_button[aria-expanded="true"]::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #DAB0AE;
    z-index: 34567
}

/* elementor-element elementor-element-cb801c4 toggle-icon--custom elementor-menu-cart--cart-type-mini-cart elementor-menu-cart--items-indicator-bubble elementor-menu-cart--show-remove-button-yes elementor-widget elementor-widget-woocommerce-menu-cart


  elementor-element elementor-element-cb801c4 toggle-icon--custom elementor-menu-cart--cart-type-mini-cart elementor-menu-cart--items-indicator-bubble elementor-menu-cart--show-remove-button-yes elementor-widget elementor-widget-woocommerce-menu-cart elementor-menu-cart--shown */


/* MEDIA QUERIES WINKELWAGEN  */

/* Aanpassing positie desktop */

@media screen and (min-width:768px) {
    body .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-mini-cart .elementor-menu-cart__container {
        width: 500px;
        transform: translateX(-93%);
        /* margin-left: calc(-1000px + 30vw); */
    }
}

@media screen and (min-width:2250px) {
    body .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-mini-cart .elementor-menu-cart__container {
        width: 500px;
        transform: translateX(-5%);
        /* margin-left: calc(-1000px + 39vw); */
    }
}

@media screen and (max-width: 768px) {

    .elementor-menu-cart__container.elementor-lightbox {
        position: fixed !important;
        left: 5% !important;
        right: 5% !important;
        top: 188px !important;
    }

    .widget_shopping_cart_content {
        height: 60vh !important;
    }

    .widget_shopping_cart_content .mijnWinkelwagen {
        margin-bottom: 0px;
    }

    .woocommerce-mini-cart__total.total .winkelwagenTekst {
        font-size: 20px;
        display: block;
    }

    @media screen and (max-width: 768px) {
        .woocommerce-mini-cart__total.total .winkelwagenTekst {
            font-size: 16px !important;
            display: inline;
        }
    }

    .woocommerce-mini-cart__total.total .prijsdeelGroot {
        font-size: 20px;
    }

    .woocommerce-mini-cart__total.total .woocommerce-price-amountamount {
        font-size: 20px;
    }

    .woocommerce-mini-cart__buttons.buttons a {
        padding: 10px 5px !important;
        font-size: 14px !important;
        width: 45% !important;
        display: inline-block !important;
        text-align: center;

    }
}

@media screen and (max-width: 500px) {
    /* body .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-mini-cart .elementor-menu-cart__container {
        width: 80vw !important;
        margin-left: -55vw !important;
    } */

    .woocommerce-mini-cart-item {
        display: block !important;
        padding: 15px !important;
    }

    body .elementor-menu-cart__container.elementor-lightbox img {
        height: 85px !important;
        width: 85px !important;
        display: block;
        margin: auto;
        margin-bottom: 15px;


    }
}

*/ .woocommerce-cart-form .product-remove .remove {
    transition: none !important;
}

.woocommerce-cart-form .cart_item.woocommerce-cart-item--removed {
    background-color: transparent !important;
    transition: none !important;
}

.woocommerce a.remove:hover {

    background: transparent !important;
    transform: scale(1.25);
}

/*  */
/* SINGLE PAGE */
/*  */




/* Maak gallerij altijd max 1 foto hoog */
body.single-product ol.flex-control-nav.flex-control-thumbs {
    max-height: 169px;
    width: 95%;
    margin: auto !important;
}

body.single-product ol.flex-control-nav.flex-control-thumbs li {
    margin: 5px !important;
    border: 1px solid black;
    border-radius: 15px;
}

body.single-product ol.flex-control-nav.flex-control-thumbs img {
    border-radius: 15px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    width: calc(20% - 10px);
}

/* Stijling prijs */
.prijsGrid {
    display: flex;
    gap: 25px;

}

.kortingPrijs,
.normalePrijs,
.variatiePrijsLaag,
.variatiePrijsHoog {
    font-size: 40px;
    font-weight: 600;
}


.single-product .prijsCenten {
    margin-left: -10px;
}

/*  */
/* HomepagePrijs Loop grid*/
/*  */

body.home .kortingPrijs,
body.home .normalePrijs {
    font-size: 18px;
    height: 26px !important;
}

body.home .inclBTW {
    font-size: 12px;
}

body.home .variatiePrijsHoog,
body.home .variatiePrijsLaag {
    font-size: 18px;
}

body.home .prijsGrid {
    justify-content: flex-start;
    padding-left: 25px;
    gap: 5px;
    align-items: flex-end;
    height: 60px;
}

/* 
@media screen and (max-width: 768px) {

    body.home .kortingPrijs,
    body.home .normalePrijs {
        font-size: 40px;
        height: 50px !important;
    }


    body.home .variatiePrijsHoog,
    body.home .variatiePrijsLaag {
        font-size: 40px;
        height: 50px !important;
    }

    body.home .prijsGrid {
        gap: 15px;
        justify-content: center;
    }
} */

body.home .prijsGrid span {
    margin-top: auto;
    /* margin-bottom: auto; */
}

body.home .prijsCenten {
    font-size: 16px;
    margin-left: -3px;
}

body.home .kortingPercentage {
    /* margin-top: 0px; */
    display: none;
}

body.home .kortingsPercentageSpanEen {
    background: #e51e6a;
    padding: 5px 10px;
}


.normalePrijs {
    color: #777;
    position: relative;
    /* text-decoration: line-through; */
}

.kortingPercentage {
    display: grid;
    place-items: start;
    margin-top: -10px;
}


.kortingsPercentageSpanEen {
    background: #e51e6a;
    padding: 5px 15px;
    align-self: start;
    color: white;
    font-weight: 600;
    border-radius: 5px;
    font-size: 15px;
}

.kortingPercentage .inclBTW {
    font-size: 15px;
    color: rgb(77, 77, 77) !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: -15px;
}

.prijsCenten {
    margin-left: 0px;
}

/* Stijling winkelwagenbutton */

.winkelwagenButton .quantity {
    margin-right: 0px !important;
    border-right: 0 !important;
    /* width: 75px !important */
}

.woocommerce div.product form.cart div.quantity {
    margin-right: 0px;
}

/* Single input quantity */
.winkelwagenButton .quantity input {
    width: 75px !important;
}

/* product variation input quantity */
.woocommerce-variation-add-to-cart input.input-text.qty.text {
    width: 75px;
}

body.single-product .single_add_to_cart_button {
    margin-left: 0px !important;
}


/* Verwijder tiny-wishlist */

/* div.tinv-wishlist {
    display: none;
} */

body.single-product .single_add_to_cart_button::before {
    content: '';
    display: inline-block;
    width: 30px;
    /* Adjust to the size of your image */
    height: 30px;
    /* Adjust to the size of your image */
    background-image: url('https://dev.allroundweb.nl/haarmarkt/wp-content/uploads/2024/11/shopping_cart_35dp_FFFFFF_FILL0_wght400_GRAD0_opsz40.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
    /* Space between the image and the text */
    vertical-align: middle;
    /* Align the image with the text */
}

/* Stijling Prijzen Archive Page */
body.archive .prijsGrid,
body.search-results .prijsGrid,
#blogPageLoopGrid .prijsGrid {
    gap: 5px;
    justify-content: left;
    padding-left: 15px;
    height: 50px;
    align-items: center;
}

@media screen and (min-width: 1025px) and (max-width: 1199px) {
    #blogPageLoopGrid .prijsGrid .kortingPercentage {
        display: none;
    }
}

/* Kaartjes Stijling voor archive, search results, blog grids */
body.archive .normalePrijs,
body.search-results .normalePrijs,
#blogPageLoopGrid .normalePrijs,

body.archive .kortingPrijs,
body.search-results .kortingPrijs,
#blogPageLoopGrid .kortingPrijs,

body.archive .variatiePrijsLaag,
body.search-results .variatiePrijsLaag,
#blogPageLoopGrid .variatiePrijsLaag,

body.archive .variatiePrijsHoog,
body.search-results .variatiePrijsHoog,
#blogPageLoopGrid .variatiePrijsHoog {
    font-size: 20px;
    font-weight: 600;
    height: 20px;
}

#blogPageLoopGrid .kortingPercentage {
    display: none;
}

@media screen and (max-width: 1400px) {

    #blogPageLoopGrid .kortingPercentage .inclBTW,
    #blogPageLoopGrid .kortingsPercentageSpanEen {
        font-size: 12px;
    }
}

body.archive .normalePrijs {
    position: relative;
}

.line-through {
    position: absolute;
    top: 50%;
    /* Position at the vertical center */
    left: 0;
    width: 100%;
    /* Full width of the container */
    height: 2px;
    /* Thickness of the line */
    background-color: black;
    /* Color of the line */
    transform: translateY(-50%) rotate(-17deg);
    transform-origin: center;
}

body.search-results .kortingPercentage,
body.archive .kortingPercentage {
    display: none;
}

/* Single page prijsinstellingen voor simple en variable product  */
body.single-product:not .prijsGrid {
    font-size: 35px;
    font-weight: semi-bold;
}


/* Stijlen voor variable product */
/* Stijling input keuze knop */
body.single-product table.variations tr {
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    display: flex;
    align-items: center;
}


/* Geef alles in dropdown witte achtergrond */
/* Aangepast omdat er conflict was met checkout. De stijlen werden daar ook toegepast. Oude code:  */

/* Geef alles in dropdown witte achtergrond */
/* body .single-product table.variations *,
table tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(odd)>th,
body .single-product table.variations th,
body.single-product table.variations tr {
    background-color: white !important;
    padding: 5px 10px;
} */


body.single-product table.variations *,
body.single-product table tbody>tr:nth-child(odd)>td,
body.single-product table tbody>tr:nth-child(odd)>th,
body.single-product table.variations th,
body.single-product table.variations tr {
    background-color: white !important;
    padding: 5px 10px;
}

/* Geef prijs wat meer margin bottom */
body:has(.elementor-product-variable) .prijsGrid {
    /* margin-bottom:25px; */
    margin-top: 40px;
}

body:has(.elementor-product-variable) .prijsGrid .normalePrijs,
body.single-product .prijsGrid .normalePrijs {
    font-size: 50px;
    color: #b5b5b5;
}


body.single-product .prijsGrid .line-through {
    background-color: #b5b5b5;
    height: 4px;
}


body:has(.elementor-product-variable) .prijsGrid .kortingPrijs,
body.single-product .prijsGrid .kortingPrijs {
    font-size: 50px;
    color: #545454;
}

/* Verwijder aw-prijs op variabele prijs pagina */
body:has(.elementor-product-variable) #aw-productPrijs {
    display: none;
}

body:not(.elementor-product-variable):not(.archive) .normalePrijs {
    height: 60px;
}

@media screen and (max-width: 768px) {
    .aw-vergelijkbareProductenLoopItem .normalePrijs {
        height: 25px !important;
    }

    .aw-vergelijkbareProductenLoopItem .prijsCenten {
        margin-left: 0 !important;
    }

    .aw-vergelijkbareProductenLoopItem .prijsGrid {
        gap: 5px;
        width: 84px;
    }

    .aw-vergelijkbareProductenLoopItem .variabel-product-button,
    .aw-vergelijkbareProductenLoopItem .aw-single-add-to-cart-btn,
    .aw-vergelijkbareProductenLoopItem .aw-single-uitverkocht-btn {
        width: 45px !important;
        height: 50px;
    }

    .aw-variable-product .variabel-product-button svg,
    .aw-variable-product .aw-single-uitverkocht-btn svg,
    .aw-variable-product aw-single-add-to-cart-btn svg {
        width: 50px;

    }
}



body.search-results .normalePrijs {
    height: 20px !important;
}

/*  */
/* Styling Div kies een optie. */
/*  */

.aw-variations-flex {
    display: flex;
    align-items: center;
    gap: 30px;
}

.aw-label-variations {
    width: 25% !important;
}

.aw-value {
    width: 75% !important;
}

/* PRODUCT SELECT TABLET ONDER ELKAAR  */
@media screen and (max-width: 1024px) {
    .aw-variations-flex {
        flex-direction: column;
        gap: 15px;
    }

    .aw-label-variations {
        width: 100% !important;
    }

    .aw-value {
        width: 100% !important;
    }
}


/*  */
/* Styling aw-vergelijkbareProductenLoop productkaartjes */
/*  */

body.tinvwl-theme-style .kortingPercentage,
#aw-vergelijkbareProductenLoop .kortingPercentage {
    display: none;
}

body.tinvwl-theme-style .tinvwl-table-manage-list .prijsGrid {
    justify-content: center;
}

/* Grootte cijfers vergelijkbare producten  */

body.tinvwl-theme-style .tinvwl-table-manage-list .prijsGrid .normalePrijs,
body.tinvwl-theme-style .tinvwl-table-manage-list .prijsGrid .kortingPrijs,
body.tinvwl-theme-style .tinvwl-table-manage-list .prijsGrid .variatiePrijsLaag,
body.tinvwl-theme-style .tinvwl-table-manage-list .prijsGrid .variatiePrijsHoog,
#aw-vergelijkbareProductenLoop .prijsGrid .normalePrijs,
#aw-vergelijkbareProductenLoop .prijsGrid .kortingPrijs,
#aw-vergelijkbareProductenLoop .variatiePrijsLaag,
#aw-vergelijkbareProductenLoop .variatiePrijsHoog {
    font-size: 18px;
    height: 25px;
    font-weight: 500;
}

#aw-vergelijkbareProductenLoop .prijsGrid {
    margin-top: 0px;
}

#aw-vergelijkbareProductenLoop .prijsGrid span {
    margin-top: auto;
    margin-bottom: auto;
    font-size: 18px;
}

#aw-vergelijkbareProductenLoop .prijsGrid .prijsCenten {
    margin-left: -5px;
}


.single-page .aw-single-add-to-cart-btn {
    margin: 5px;
}


/*  */
/* Vergelijkbare Producten font voor devices tussen 1024px en 1107px  */
/*  */
@media screen and (min-width: 1024px) and (max-width: 1107px) {
    #aw-vergelijkbareProductenLoop .prijsGrid {
        gap: 15px;
    }

    #aw-vergelijkbareProductenLoop .prijsGrid .normalePrijs,
    #aw-vergelijkbareProductenLoop .prijsGrid .kortingPrijs,
    #aw-vergelijkbareProductenLoop .prijsGrid .variatiePrijsHoog,
    #aw-vergelijkbareProductenLoop .prijsGrid .variatiePrijsLaag {
        height: 30px;
        font-size: 30px;
    }

    #aw-vergelijkbareProductenLoop .prijsGrid .prijsCenten {
        font-size: 18px;
        margin-left: -5px;
    }
}


/*  */
/* Vergelijkbare Producten tot 768px */
/*  */
/* 
@media screen and (max-width: 768px) {
    #aw-vergelijkbareProductenLoop .prijsGrid {
        gap: 15px;
    }

    #aw-vergelijkbareProductenLoop .prijsGrid .normalePrijs,
    #aw-vergelijkbareProductenLoop .prijsGrid .kortingPrijs,
    #aw-vergelijkbareProductenLoop .prijsGrid .variatiePrijsHoog,
    #aw-vergelijkbareProductenLoop .prijsGrid .variatiePrijsLaag {
        height: 25px;
        font-size: 18px;
    }

    #aw-vergelijkbareProductenLoop .prijsGrid .prijsCenten {
        font-size: 18px;
        margin-left: -5px;
    }
} */


/* SLICK SLIDER SLIDES */

.aw-thumbnail-slider-parent {
    position: relative;
    cursor: pointer;
}

.aw-slider-btn-right.slick-arrow {
    position: absolute;
}

.aw-slider-btn-right.slick-arrow {
    position: absolute;
    right: -60px;
    top: 15px;
    z-index: 1;
}

.aw-slider-btn-left.slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 1;
    left: -30px;
    transform: translateY(-30%);
}

.aw-slider-btn-right.slick-arrow {
    position: absolute;
    right: -30px;
    top: 50%;
    z-index: 1;
    transform: translateY(-30%);
}


div.aw-slider-btn-left.slick-arrow img {
    height: 50px !important;
}

div.aw-slider-btn-right.slick-arrow img {
    height: 50px !important;
}



.slick-track .woocommerce-product-gallery__image img {
    max-height: 110px !important;
    object-fit: contain;
}

span.onsale {
    display: none;
}

/* Stijling Slick Slider images links aligned  */

.aw-thumbnail-slider-parent .slick-track {
    margin-left: 0;
}

.aw-thumbnail-slider-parent .aw-slider-btn-left img,
.aw-thumbnail-slider-parent .aw-slider-btn-right img {
    width: auto;
    height: 110px !important;
}



/* Maak Slider buttons iets kleiner op groter scherm */
@media screen and (max-width: 1400px) {

    .aw-thumbnail-slider-parent .aw-slider-btn-left img,
    .aw-thumbnail-slider-parent .aw-slider-btn-right img {
        width: auto;
        height: 80px !important;
    }

}

.aw-thumbnail-slider-parent .aw-slider-btn-left img {
    transform: rotate(180deg);

}

/* Styling slick slider buttons */
.elementor.product .woocommerce-product-gallery__trigger+.woocommerce-product-gallery__wrapper {
    overflow: visible !important;
}


.aw-thumbnail-slider-parent [type=button],
.aw-thumbnail-slider-parent [type=submit],
.aw-thumbnail-slider-parent button {
    display: inline-block;
    color: transparent;
    background-color: transparent;
    border: none;

}


.pswp__img {
    object-fit: contain;
}


/* Nothing found voor gerelateerde productenbericht 0 padding */
.e-loop-nothing-found-message {
    padding: 0px !important;
}

/* Verberg clear knopje in variatie tool picker */
a.reset_variations {
    display: none !important;
}

.pa_kies-een-optie {
    font-weight: 500;
}

form.variations_form .variations {
    border: 1px solid grey !important;
    padding: 25px !important;
    border-radius: 10px !important;
}

#pa_kies-een-optie {
    appearance: none;
    /* Hides the default arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('https://dev.allroundweb.nl/haarmarkt/wp-content/uploads/2024/11/keyboard_arrow_down_40dp_000000_FILL0_wght400_GRAD0_opsz40.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
    /* Adjust positioning */
    background-size: 40px 40px;
    padding-right: 30px;
    /* Ensure space for the arrow */
}

/* Maximale hoogte product images in woocommerce */

.woocommerce div.product div.images img {
    max-height: 500px;
    object-fit: contain;
}

.woocommerce div.product div.images img {
    max-height: 250px;
    object-fit: contain;
}

/* max height mobiel */
@media screen and (max-width: 768px) {
    .woocommerce div.product div.images img {
        max-height: 150px;
    }
}

@media screen and (min-width: 1024px) {
    .woocommerce div.product div.images img {
        height: 500px;
        object-fit: contain;
    }
}

/* Styling en plaatsing bestelknop bij maar 1 product in stock */
body.aw-one-product-in-stock form.winkelwagenButton .single_add_to_cart_button {
    border-radius: 10px !important;
}

/* awLoopCarrousel stijling van letters Mobile */
#awLoopCarrousel .prijsGrid .normalePrijs,
#awLoopCarrousel .prijsGrid .kortingPrijs,
#awLoopCarrousel .prijsGrid .variatiePrijsLaag,
#awLoopCarrousel .prijsGrid .variatiePrijsHoog {
    font-size: 16px;
}

#awLoopCarrousel .prijsGrid {
    margin-top: 40px;
}

#awLoopCarrousel .prijsGrid .kortingPercentage {
    display: none;
}


/* STYLING VOOR ADVIES EN INSPIRATIE GRID  */

/* #adviesEnInspiratieLoop  */

/* .element-93adc10 .elementor-loop-container {
    width: 1250px;
 } */

#adviesEnInspiratieLoop .elementor-loop-container {
    grid-auto-rows: 250px;
}

#adviesEnInspiratieLoop .adviesEnInpsiratieTitel {
    background: rgba(0, 0, 0, 0.358);
    padding: 10px;

}

#adviesEnInspiratieLoop .elementor-loop-container.elementor-grid .e-loop-item:nth-of-type(1) {
    grid-column: 1 / 13;
}

#adviesEnInspiratieLoop .elementor-loop-container.elementor-grid .e-loop-item:nth-of-type(2) {
    grid-column: 1 / 9;
}

#adviesEnInspiratieLoop .elementor-loop-container.elementor-grid .e-loop-item:nth-of-type(3) {
    grid-column: 9 / 13;
}

#adviesEnInspiratieLoop .elementor-loop-container.elementor-grid .e-loop-item:nth-of-type(3) .adviesEnInpsiratieTitel {
    margin-left: auto;
}

#adviesEnInspiratieLoop .elementor-loop-container.elementor-grid .e-loop-item:nth-of-type(4) {
    grid-column: 1 / 4;
}

#adviesEnInspiratieLoop .elementor-loop-container.elementor-grid .e-loop-item:nth-of-type(5) {
    grid-column: 4 / 10;
}

#adviesEnInspiratieLoop .elementor-loop-container.elementor-grid .e-loop-item:nth-of-type(6) {
    grid-column: 10 / 13;
}

#adviesEnInspiratieLoop .elementor-loop-container.elementor-grid .e-loop-item:nth-of-type(6) .adviesEnInpsiratieTitel {
    margin-left: auto;
}

#adviesEnInspiratieLoop .elementor-loop-container.elementor-grid .e-loop-item:nth-of-type(7) {
    grid-column: 1 / 13;
}

#adviesEnInspiratieLoop .elementor-loop-container.elementor-grid .e-loop-item:nth-of-type(7) .adviesEnInpsiratieTitel {
    margin-left: auto;
}


/* GRID MOBILE */

@media screen and (max-width: 768px) {

    #adviesEnInspiratieLoop .elementor-loop-container.elementor-grid .e-loop-item:nth-of-type(1) {
        grid-column: 1 / 13;
    }

    #adviesEnInspiratieLoop .elementor-loop-container.elementor-grid .e-loop-item:nth-of-type(2) {
        grid-column: 1 / 7;
    }

    #adviesEnInspiratieLoop .elementor-loop-container.elementor-grid .e-loop-item:nth-of-type(3) {
        grid-column: 7 / 13;
    }

    #adviesEnInspiratieLoop .elementor-loop-container.elementor-grid .e-loop-item:nth-of-type(3) .adviesEnInpsiratieTitel {
        margin-left: auto;
        text-align: left;
    }

    #adviesEnInspiratieLoop .elementor-loop-container.elementor-grid .e-loop-item:nth-of-type(4) {
        grid-column: 1 / 13;
    }

    #adviesEnInspiratieLoop .elementor-loop-container.elementor-grid .e-loop-item:nth-of-type(5) {
        grid-column: 1 / 7;
    }

    #adviesEnInspiratieLoop .elementor-loop-container.elementor-grid .e-loop-item:nth-of-type(6) {
        grid-column: 7 / 13;
    }

    #adviesEnInspiratieLoop .elementor-loop-container.elementor-grid .e-loop-item:nth-of-type(7) {
        grid-column: 1 / 13;
    }

    #adviesEnInspiratieLoop .elementor-loop-container.elementor-grid .e-loop-item:nth-of-type(7) .adviesEnInpsiratieTitel {
        margin-left: auto;
    }
}

/* STIJLEN BLOG PAGE */
body.single.single-post #singleBlogText img {
    border-radius: 10px;
    padding: 5px;
}

/* blogPageGridTitel */
/* blogPageLoopGrid */

/* Toon altijd de select op desktop en mobiel */

.modal-body .fs-label,
.aw_fselect .fs-label {
    display: none;
}

.modal-body .fs-label-wrap,
.aw_select .fs-label-wrap {
    display: none !important;
}

.modal-body div.fs-dropdown,
.aw_fselect div.fs-dropdown {
    display: block;
}

.modal-body .fs-options,
.aw_fselect .fs-options {
    overflow-x: hidden !important;
    max-height: 300px !important;
    scrollbar-color: #DAB0AE #d3d3d33d;
}

.modal-body .fs-dropdown,
.aw_fselect .fs-dropdown {
    border: 0px !important;
}

/* Stijlen mobiel */
@media screen and (max-width: 768px) {
    .modal-body .facetwp-facet.facetwp-facet-prijs.facetwp-type-slider {
        margin-bottom: 20px;
    }

    .modal-body h4 {
        margin-bottom: 1rem !important;
    }

    .modal-body .fs-options,
    .aw_fselect .fs-options {
        overflow-x: hidden !important;
        max-height: 400px !important;
        scrollbar-color: #DAB0AE #d3d3d33d;
    }

    .modal-body .fs-wrap.multiple {
        width: 100%;
    }
}

/* Breedte van de kolom */
.aw_fselect .fs-wrap {
    width: 250px !important;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
    .aw_fselect .fs-wrap {
        width: 220px !important;
    }
}

@media screen and (max-width: 768px) {
    .aw_fselect .fs-wrap {
        width: 100% !important;
    }
}

/* Styling fselect binnen modal */

.aw_fselect .modal-content .fs-wrap {
    width: 100% !important;
}

.fs-arrow {
    display: none;
}

.facetwp-type-fselect .fs-option .fs-option-label {
    text-wrap: wrap !important;
    font-size: 14px;
    margin-bottom: 3px;
}


/* Hide facet counts */

.merken-categories {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.category-group {
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f5f5f5;
    border-radius: 8px;
}

.category-group h3 {
    font-size: 1.5em;
    margin-bottom: 10px;
}

.category-items {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

@media screen and (min-width:1240px) {
    .category-items {
        gap: 16px;
    }
}

.category-item {
    display: flex;
    align-items: center;
    gap: 15px;
    /* Spacing between thumbnail and text */
    text-decoration: none;
    color: inherit;
    background-color: white;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    /* Optional: Add a subtle shadow */
    transition: transform 0.2s, box-shadow 0.2s;
}

.category-item:hover {
    transform: translateY(-2px);
    /* Slight lift on hover */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* .category-item {
    display: flex;
    justify-content: center;

} */

.category-item img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    /* Ensure the image fills the thumbnail without distortion */
    border-radius: 5px;
}

.category-item span {
    font-size: 1em;
    display: block;
    font-weight: bold;
    /* Emphasize the brand name */
}



@media (max-width: 768px) {
    .category-item {
        width: calc(100%);
        /* 4 cards per row, subtract gap */
    }
}

/* Media Query for screens between 768px and 1040px */
@media (min-width: 768px) and (max-width: 1040px) {
    .category-item {
        width: calc(50% - 8px);
        /* 4 cards per row, subtract gap */
    }
}


/* Media Query for screens between 1040px and 1240px */
@media (min-width: 1040px) and (max-width: 1240px) {
    .category-item {
        width: calc(33.3% - 10px);
        /* 4 cards per row, subtract gap */
    }
}

/* Media Query for screens 1240px and above */
@media (min-width: 1240px) {
    .category-item {
        width: calc(25% - 12px);
        /* 5 cards per row, subtract gap */
    }
}

.letter-nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    /* max-width: 900px; */
    font-size: 35px;
    flex-wrap: wrap;
    gap: 15px;
}

.letter-nav a {
    color: black;
}

.letter-nav a:not(.empty):hover {
    color: black;
    transform: scale(1.25);
}

.letter-nav a.empty {
    color: rgba(0, 0, 0, 0.15);
}

.merkenTitleBar {
    color: black;
    margin-bottom: 15px;
}


@media screen and (min-width: 1040px) {
    .merkenTitleBar {
        display: flex;
        gap: 15px;

    }

    .merkenTitleBar h1 {
        font-size: 35px;
    }
}

/* TINY WIishlist heart op single page. */
@media screen and (min-width: 1024px) {
    body.single-product .tinv-wraper.tinv-wishlist {
        margin-left: 20px;
    }
}

@media screen and (max-width: 768px) {
    body.single-product .tinv-wraper.tinv-wishlist {
        margin-left: 10px;
    }
}


/* Upsell products mobile */
.awUpsellProductTitle {
    font-size: 16px;
    color: #969696;
}

#commentform p.stars+p.stars {
    display: none !important;
}

/* AANPASSING BORDER THICKNESS REVIEW BESCHRIJVING */
#commentform #comment,
#commentform #submit,
#commentform #author,
#commentform #email,
.aw-single-product-review {
    border-width: 1px !important;
}

/* Rand om de sick slider images */

.slick-track .woocommerce-product-gallery__image img {
    border: 1px solid grey !important;
    border-radius: 5px;
}


.slick-slide {
    margin: 0 5px;
    /* 5px gap on both sides */
}

.slick-list {
    margin: 0 -5px;
    /* Offset the margin to prevent slider overflow */
}

.woocommerce-form-login__submit,
.woocommerce-form-register__submit {
    background-color: #DAB0AE !important;
}

.woocommerce-breadcrumb {
    max-width: 100%;
    overflow-wrap: break-word;

}

body div .awcf-receive-a-coupon {
    font-weight: 600;
    border: 2px dotted #ffffff;
}

/* TinyWishList */

.tinvwl-table-manage-list button {
    background-color: #DAB0AE;
    ;
    color: white;
    border: none;
    font-weight: 500;
    border: 2px solid #DAB0AE;
    border-radius: 5px;
}

.tinvwl-table-manage-list button:hover {
    color: #DAB0AE;
    background: white;
    border: none;
    font-weight: 500;
    border: 2px solid #DAB0AE;
}

.ftinvwl.ftinvwl-times {
    color: white;
}

.aw-product-title {
    display: block;
}

.woocommerce form.checkout input[readonly] {
    color: #484848 !important;
    background-color: #e6e6e6 !important;
}

@media screen and (min-width: 768px) {
    .ProductenGridArchive {
        min-height: 900px;
    }
}

.tinv-header h2 {
    color: #DAB0AE;
    margin-top: 25px
}

/* Filters */

.facetPrijsFilter h3{
    color: #DAB0AE;
}

.facetCategorieFilter h3 {
    color: #DAB0AE;
}

/* Naviation menu */

.aw-mainMenuNavigation {
display:flex;
gap: 5px;
}

.aw-mainMenuNavigation {
    list-style-type: none;
}


.aw-hoofdItem .aw-subItems {
    opacity: none;
    visibility:hidden;
}


.aw-cat {
    /* background: red; */
}

.aw-mainMenuNavigation {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative; /* Ensure the submenu positions are relative to this container */

    /* background: rgb(215, 230, 215) !important; */
}

.aw-hoofdItem {
    /* position: relative; */
    /* height:40px; */
    /* line-height:40px; */
    padding: 10px 15px;
}

.aw-hoofdItem a {
    color: #464646 !important;
}

.aw-subItems {
    margin: auto;
    position: absolute;
    top: 100%;
    left: 0%;
    /* transform: translateX(-50%); */
    width: 1250px;
    background-color: #f9f9f9;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px;
    padding-top:0;
    z-index: 15;
    /* flex-wrap: wrap; */
    /* gap: 15px; */
    list-style: none;
    /* display: flex; */
    opacity: 0; /* Start hidden */
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease, scale 0.2s ease; /* Smooth transition */
    columns: 4; /* Define 4 equal-width columns */
    column-gap: 5px; /* Spacing between columns */
    transform: scale(0); /* Initially scaled down */
}

.aw-hoofdItem.merken{
    position:relative;
}

.aw-hoofdItem.merken::after {
    content: '';
    position: absolute;
    top: 12px;
    right: 0; /* Position it on the right side */
    height: 20px; /* Make it extend the full height of the parent */
    width: 1px;
    background-color: #000; /* Set the color of the line */
}

/* Prevent list items from breaking between columns */
.aw-subItems div{
        break-inside: avoid;
        /* background: red !important; */
}

.aw-hoofdItem:hover .aw-subItems {
    opacity: 1; 
    visibility: visible; /* Make it accessible */
    transform: scale(1); /* Grow to its original size */
}

li.aw-cat-name {
    font-size: 20px;
    font-weight: bold;
    padding-top: 15px;
    margin-bottom:5px;
}

ul.aw-cats {
    padding-left: 0;
}

li.aw-cat {
    font-size: 1rem;
    list-style: none;;
}

.aw-cat a {
    color:rgb(0, 0, 0) !important;
}

/* Jet Menu mobile styles */

.jet-mobile-menu__body {
    margin-top: 50px;
}