/*
Theme Name: Shoptimizer Child Theme
Theme URI: 
Description: Child theme of Shoptimizer
Author: CommerceGurus
Author URI: 
Template: shoptimizer
Version: 1.2.2
License:         	GNU General Public License v2 or later
License URI:     	http://www.gnu.org/licenses/gpl-2.0.html


*/

ul.products li.product {
    position: relative;
    overflow: hidden;
}

ul.products li.product img {
    transition: opacity 0.4s ease-in-out;
}

/* Second image */
ul.products li.product .hover-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}

/* Show second image on hover */
ul.products li.product:hover .hover-image {
    opacity: 1;
}

ul.products li.product:hover img.wp-post-image {
    opacity: 0;
}

.woocommerce-form-coupon-toggle {
    background-color: #9ea48a; /* same green */
    padding: 12px 25px;
    border-radius: 6px;
    margin-bottom: 20px;
    border-left: 0.4180469716em solid rgba(0,0,0,0.15);

}
.logoclass{display: none !important;}
.logoclass{position: relative; top:8px;}
.is_stuck .logoclass{display: inline-block !important;}
/* Remove default Woo notice styles */
.woocommerce-form-coupon-toggle .woocommerce-info {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

/* Coupon link style */
.woocommerce-form-coupon-toggle .woocommerce-info a {
    color: #fff;
    font-weight: 600;
    text-decoration: underline;
}

/* Remove info icon */
.woocommerce-form-coupon-toggle .woocommerce-info::before {
    display: none;
}



.flower-bg {
   z-index: 2;
}

footer.site-footer a:not(.button):hover, footer.copyright a:hover{color:#000 !important;}

.wpf_item .wpf_item_name{font-weight: 500 !important; font-family: 'Playfair Display';}
.wpf_color_icons li label {
    width: 50px;
    height: 30px;
    display: inline-block;
    border-radius: 8px;
    color: transparent;        
    position: relative;
    margin-bottom: 10px;
}


.wpf_color_icons li.wpf_pa_kleur_63 label::after {
    content: "O Wit";
    color: #000;
    font-weight: 500;
    position: absolute;
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
    width:44px;
}

.wpf_color_icons li.wpf_pa_kleur_65 label::after {
    content: "Roze";
    color: #000;
    font-weight: 500;
    position: absolute;
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
}

.wpf_color_icons li.wpf_pa_kleur_77 label::after {
    content: "Geel";
    color: #000;
    font-weight: 500;
    position: absolute;
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
}

.wpf_color_icons li.wpf_pa_kleur_84 label::after {
    content: "Oranje";
    color: #000;
    font-weight: 500;
    position: absolute;
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
}
.wpf_color_icons li label {
    color: transparent !important;   
    font-size: 0 !important;         
}
.wpf_color_icons li label::after {
    position: absolute;
    left: 60px;                   
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px !important;
    color: #000;
    font-weight: 500;
}

.single-product .site-content .col-full{background-color: #f5f4f2 !important;}
.below-content .widget svg {
    width: 70px;
    height: 70px;
}
.below-content .widget .textwidget p {
    margin-bottom: 0;
    padding-left: 88px;
    margin-top: 40px;
}

.cgkit-fsn-amount, .woocommerce-message{
    background: #9BA289 !important;
}
.woocommerce-info{background-color: #9BA289 !important;}
span.optional{display: none !important;}
.wlr-product-message {
  position: relative; /* Add this so tooltip positions correctly */
}

/* "i" icon */
.wlr-product-message > span {
  cursor: pointer;
  font-weight: bold;
  color: #202621;
  border: 1px solid #202621;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  font-size: 12px;
  line-height: 1;
  margin-left: 5px;
  transition: all 0.2s ease;
}

.wlr-product-message > span:hover {
  background: #202621;
  color: #fff;
}

/* Tooltip styling */
.kolibri-tooltip {
  display: none;
  position: absolute;
  top: 30px; /* adjust vertical position */
  left: 210px;
  background: #333;
  color: #fff;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 12px;
  width: 235px;
  z-index: 9999;
  line-height: 1.4;
}

.kolibri-tooltip::after {
  content: '';
  position: absolute;
  top: -6px;
  left: 15px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #333 transparent;
}

.elementor-widget-image-carousel .swiper-slide{padding: 10px;}
.footer-social-icons {
  display: flex;
  gap: 18px; /* space between icons */
 
  align-items: center;
  margin-top: 33px;
}

.footer-social-icons a img {
  width: 32px;
  height: 32px;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.footer-social-icons a:hover img {
  transform: scale(1.1);
  opacity: 0.8;
}
.shoptimizer-mini-cart-wrap{z-index:99999 !important;}
.sub-menu li:first-child:not(.col-6){margin: 0 0 0px 0;}
.wpf_color_icons li label{border: 1px solid #ccd0dc !important;}
.shoptimizer-mini-cart-wrap .widget_shopping_cart .product_list_widget{overflow-y: visible !important; overflow-x: visible !important;}
.admin-bar .shoptimizer-mini-cart-wrap .widget_shopping_cart .product_list_widget{height: auto !important;}
#wpc_filters_widget-3{border-bottom:none !important;}
.wpc-edit-filter-set{display: none;}
.free-gift-options h4 {
    font-size: 20px;
    color: #111;
    font-weight: 600;
    margin: 0 0 10px;
}
.free-gift-options ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.add-free-gift{padding:10px 15px 10px 15px;}
.free-gift-options ul li {
    margin: 0 !important;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.free-gift-options ul li:last-child{
    border-bottom: none;
}
.free-gift-options ul li strong {
    font-size: 16px;
    color: #202621;
    font-weight: 500;
}

.commercekit-sticky-atc-intersector{
    display: flex;
    flex-wrap: wrap;
}
.product form.cart .quantity{
    order: 1;
}
.product form.cart button.single_add_to_cart_button.button.alt {
    order: 2;
    display: block;
    border-radius: 0;
    
}
.product form.cart a.button.alt.mix_and_match {
    text-align: center;
    order: 3;
    display: block;
    width: 100%;
    margin: 10px 0 0;
    border-radius: 0;
    font-weight: 300;
	font-size: 18px;
}
.row_inner {
                margin: 0 auto;
                width: min(1160px, 100%);
            }
            @media (max-width: 1260px) {
                .row_inner {
                    max-width: 94%;
                }
            }
            @media (max-width: 760px) {
                .row_inner {
                    max-width: 90%;
                }
                .kolibri-tooltip {
    /* display: none; */
    position: absolute;
    top: 30px;
    left: 177px;
    background: #333;
    color: #fff;
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 13px;
    width: 185px;
    z-index: 9999;
    line-height: 1.4;
}
            }

            
            .specificaties-wrp {
                padding: 10px 0;
            }
            .specificaties-wrp .row {
                display: flex;
                align-items: flex-start;
                margin: 0 -15px;
                flex-wrap: wrap;
            }
            .specificaties-wrp .row .col-md-6 {
                padding: 0 15px;
                width: 50%;
            }
            .specificaties-wrp .specificaties-image img {
                max-width: 100%;
            }
            .specificaties-wrp .specificaties-info h2 {
                font-size: 25px;
                color: #303030;
                font-weight: 500;
                margin: 0 0 20px;
                text-transform: capitalize;
            }
            .specificaties-wrp .specificaties-info ul {
                border-collapse: collapse;
                margin: 0 0 20px;
                border-bottom: 1px solid #f5f5f5;
                width: 100%;
            }
            .specificaties-wrp .specificaties-info ul li:nth-child(odd) {
                background-color: #f5f5f5;
            }
            .specificaties-wrp .specificaties-info ul li{
                display: flex;
                align-items: center;
            }
            .specificaties-wrp .specificaties-info ul li b {
                font-size: 16px;
                line-height: 24px;
                font-weight: bolder;
                color: #303030;
                text-align: left;
                padding: 20px 20px;
                width: 40%;
                display: block;
            }
            .specificaties-wrp .specificaties-info ul li span {
                font-size: 16px;
                line-height: 24px;
                font-weight: 400;
                color: #303030;
                text-align: left;
                padding: 20px 20px;
                width: 60%;
                display: block;
            }
            .specificaties-wrp .specificaties-info a.show-btn {
                font-size: 14px;
                color: #303030;
                font-weight: 500;
                display: flex;
                align-items: center;
                gap: 5px;
                text-decoration: unset;
            }
            .specificaties-wrp .specificaties-info a.show-btn img {
                width: 12px;
            }
            .accordion-content {
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.5s ease;
            }
            .specificaties-wrp .specificaties-info .accordion-content ul{
                padding: 20px 0 0;
            }
            .accordion-icon img.rotated {
                transform: rotate(180deg);
                transition: transform 0.3s;
            }

            @media (max-width: 1260px) {
                .specificaties-wrp .specificaties-info h2{font-size: 24px;}
                .specificaties-wrp .specificaties-info ul li b{font-size: 15px;padding: 16px;}
                .specificaties-wrp .specificaties-info ul li span{font-size: 15px;padding: 16px;}
                .specificaties-wrp .row_inner {max-width: 100%;}
            }
            @media (min-width: 993px) {
    .main-navigation ul.menu li.full-width > .sub-menu-wrapper li {
        margin-bottom: 15px;
        
        letter-spacing: 0.50px;
        font-size: 14px;
    }
				.main-navigation ul.menu ul li.bold-link a span, .main-navigation ul.nav-menu ul li.bold-link a span{
					font-weight: 700;
				}
}

            @media (max-width: 760px) {
                .specificaties-wrp {padding: 40px 0;}
                .specificaties-wrp .row{margin: 0;}
                .specificaties-wrp .row .col-md-6{width: 100%;}
                .specificaties-wrp .specificaties-info h2{font-size: 24px;}
                .specificaties-wrp .specificaties-info ul li b{font-size: 15px;padding: 16px;}
                .specificaties-wrp .specificaties-info ul li span{font-size: 15px;padding: 16px;}
                .specificaties-info {padding: 0 0 30px;}
                .specificaties-wrp .row_inner {max-width: 100%;}
                .specificaties-wrp .row .col-md-6 {width: 100%;padding: 0;}
            }
@media (min-width: 993px) {
    .menu-primary-menu-container > ul > li > a {
        padding-right: 2em;
        padding-left: 1em;
        transition: 0.2s;
    }
}
.elementor-7105 .elementor-element.elementor-element-aace10a .elementor-button {
	margin-top: 20px !important;
}
.swiper.elementor-loop-container.elementor-grid {
  padding: 10px;
}
.swiper.elementor-grid .swiper-wrapper .swiper-slide {
  background: #fff;
  padding: 10px;
}
.swiper.elementor-grid .swiper-wrapper .swiper-slide:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.swiper.elementor-grid
  .swiper-wrapper
  .swiper-slide:hover
  .elementor-widget-image
  img {
  transform: scale(0.98);
}
.swiper.elementor-grid
  .swiper-wrapper
  .swiper-slide
  .e-loop-add-to-cart-form-container {
  opacity: 0;
  visibility: hidden;
}
.swiper.elementor-grid
  .swiper-wrapper
  .swiper-slide:hover
  .e-loop-add-to-cart-form-container {
  opacity: 1;
  visibility: visible;
}
ul.products li.product:not(.product-category):before{background-color: transparent !important;}
/* .main-navigation ul.menu ul li a > span, .main-navigation ul.nav-menu ul li a > span {font-family: Playfair Display !important; font-weight: 400 !important;} */
.main-navigation ul.menu ul li.caps > a, .main-navigation ul.nav-menu ul li.caps > a {font-family: Playfair Display !important; font-weight: 400 !important; font-size:14px; margin-bottom: 15px !important;}
.main-navigation ul.menu ul li > a, .main-navigation ul.nav-menu ul li > a, .main-navigation ul.menu ul li.nolink {font-size:14px !important;margin-bottom: 10px !important; letter-spacing: 0.50px !important;}

.banner-desc {
    font-size: 13px !important;
}
.elementor-element-fd81968 .e-con-inner .elementor-element-7d3f307 {
    justify-content: center;
}

.elementor-91343 .elementor-element.elementor-element-381b8b3 img {
    width: 100% !important;
}

.elementor-element-fd81968 .elementor-element.elementor-element-381b8b3 {
    transform: rotateY(200deg);
    left: unset !important;
    right: 0;
    text-align: justify;
    top: -182px;
    max-width: 560px !important;
}

@media (max-width:1399px) {
    .elementor-element-fd81968 .elementor-element.elementor-element-381b8b3 {
        max-width: 500px !important;
    }
}

@media (max-width:1199px) {
    .elementor-element-fd81968 .elementor-element.elementor-element-381b8b3 {
        max-width: 390px !important;
    }
}

@media (max-width:767px) {
    .elementor-element-fd81968 .elementor-element.elementor-element-381b8b3 {
        top: -122px;
        max-width: 350px !important;
    }
}

@media (max-width:575px) {
    .elementor-element-fd81968 .elementor-element.elementor-element-381b8b3 {
        top: -100px;
        max-width: 270px !important;
    }
}
@media (max-width: 992px) {
    .below-content {
        display: none;
    }
}
		.mobile-extra .widget_text .textwidget {
            display: none;
            overflow: hidden;
        }

        .mobile-extra .widget_text.active .textwidget {
            display: block;
        }

        .mobile-extra .widget-title {
            cursor: pointer;
            user-select: none;
            display: block;
            position: relative;
        }

        .mobile-extra .widget-title::before {
            content: "";
            position: absolute;
            mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9L12 16L5 9' stroke='%234A5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            width: 20px;
            height: 20px;
            right: 4px;
            top: 0;
            background-color: #202621;
            -webkit-mask-position: center;
            mask-position: center;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: contain;
            mask-size: contain;
            transition: transform 0.4s;
        }

        .mobile-extra .widget_text.active .widget-title::before {
            transform: rotate(180deg);
            transition: transform 0.4s;
        }