/*
Theme Name: Martfury Child
Theme URI: http://drfuri.com/unero
Author: DrFuri
Author URI: http://drfuri.com
Description: Martfury Child Theme.
Version: 1.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: martfury
Domain Path: /lang/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Template: martfury
*/
/* Shop by department menu */	
.header-department-bot .mr-extra-department .products-cats-menu {
    background-color: #FBB03B;

}


/* HEADER.............................................................................................................................................. */
@media (max-width: 991px) {
.site-header .product-extra-search .search-field {
    border-radius: 21px 0px 0px 21px;
}
.site-header .mobile-menu .search-submit {
    border-radius: 0px 21px 21px 0px;
}
}




/* START Cart page.............................................................................................................................................. */	

/*Back to shop button */
.woocommerce-cart .woocommerce table.cart td.actions, .woocommerce-cart .woocommerce table.checkout td.actions {
    display: none;
}
/*Coupon Fields */
.woocommerce-cart .woocommerce .coupon {
    display: none;
}

#post-7 > div > div > div.woocommerce-notices-wrapper .woocommerce-message {
    display: none;
}


@media (min-width: 768px) {
    .extra-checkout-button,
	.extra-subtotal {
        display: none;
    }

}
@media (max-width: 991px) {
	.extra-checkout-button {
		width: 100%;

	}


.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt {
    width: 100%;
    border-radius: 12px;
}


.extra-subtotal {
margin-top: 24px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
    text-align: right;
    border-bottom: 1px solid;
    font-weight: 600;
    font-size: 18px;
    color: green;
}
}

.mobile-version.woocommerce-cart .woocommerce-cart-form .cart-title {
   display:none;
}


/* .............................................................................................................................................. */	
.site-header .product-extra-search .psearch-content {
    display: flex;
    width: 100%;
}



.site-content {
    padding-top: 0px;
} 





.woocommerce ul.products li.product .mf-product-thumbnail .footer-button {
    display: none;
}

.woocommerce div.product .product_meta {
    display: none;
}




 .secure-container {
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 10px;
    height: 60px;
  }

  .secure-icon {
    color: #008000; /* Groene kleur voor het pictogram, je kunt deze aanpassen zoals gewenst */
    font-size: 21px; /* Pas de grootte van het pictogram aan zoals nodig */
    margin-right: 12px; /* Voeg wat ruimte toe tussen het pictogram en de tekst */
  }

 .secure-text {
    font-size: 18px; /* Grootte van de tekst */
    font-weight: 500;
  }

@media (min-width: 1024px) {
    .container_pay_options {
        display: flex;
        padding: 0px 180px 0px 180px;
    }
}


.container_pay_options {
    display: flex;
    padding: 0px;
}




.pay_options_field {
    height: 130px;
    background-color: rgba(248, 253, 245, 0.8);
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 40px;
    margin-bottom: 40px;
    border-radius: 2%;
}
@media (max-width: 767px){
.sidebar_pay_options {
    display:none;
}
.pay_options_field {
    height: 135px;
    width: 100%;
    padding:0;
    margin-top: 30px;
    margin-bottom: 0px;
	}
}
    .c-bZNrxE {
        display: flex; /* Zorgt dat alle kind-elementen (icons) naast elkaar staan */
        justify-content: space-around; /* Verdeelt de ruimte gelijkmatig rond de items */
        align-items: center; /* Centreert items verticaal */
    }
    .c-dwaUpl {
        flex: 1; /* Geeft elk icon element een gelijke hoeveelheid ruimte */
        text-align: center; /* Centreert de SVG binnen zijn container */
    }
    svg {
        width: 50px; /* Stelt een specifieke grootte in voor de SVGs */
        height: auto;
    }





.social-media-links {
    margin-top: 10px;
    color: #333; /* Voorbeeldkleur */
    font-size: 14px; /* Voorbeeld lettergrootte */
}







.site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}


	
.woocommerce ul.products li.product h2 a, .woocommerce ul.products li.product .woo-loop-product__title a {
    color: black;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

	
/* First Product grids text on home page*/	
	.elementor-3401 .elementor-element.elementor-element-360e3b0 .mf-products-grid .cat-header,
    .elementor-3401 .elementor-element.elementor-element-11917a0 .mf-products-grid .cat-header,
    .elementor-3401 .elementor-element.elementor-element-174c85e .mf-products-grid .cat-header,
    .elementor-3401 .elementor-element.elementor-element-3497ba5 .mf-products-grid .cat-header {
	border:none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-bottom: 6px;
}
/* First Product grids view all text on home page*/	
.elementor-page .mf-products-grid .cat-header .extra-links li a {
    color: #344D1E;
    margin-right: 20px;
    font-weight: 500;
}
	
/* Single Product Page*/		
.woocommerce div.product.mf-has-buy-now form.cart .single_add_to_cart_button,
.woocommerce div.product.mf-has-buy-now .cart .actions-button .buy_now_button {
    border-radius: 8px;
	
}
	
.mf-recently-products.footer-recently-viewed {
    padding-top: 10px;
    padding-bottom: 20px;
}

.mobile-version .mf-recently-products .recently-header {
    margin-bottom: 3px;
}
	
	
	
	
/*************************************************************************************************************************************************************************************************************** Product Page Section **************************************************************/

.store-page .dokan-store-rating {
    display: none;
}

.store-page .site-header .mobile-menu-row {
    display: none;

}

.store-page .site-header .header-main {
    padding-bottom: 6px;
    padding-top: 6px;
}
.store-page .woo-loop-product__title a {
    color: black;  
}

.store-page .site-header {
    background-color: var(--mf-background-light-color);
    position: ;
    margin-top: ;
    z-index: 1;
}	

.site-header .product-extra-search .products-search {
    width: 100%;
    padding: 0;
    margin: 0;
}


.site-header .main-menu {
     display:none ;
}

.store-page .site-header .header-row {
    align-items: center;
    display: flex;
    position: relative;
    padding-right: 0px;
    margin-top: 9px;
    margin-bottom: 6px;
}


.store-page .site-header .header-extras {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.store-page .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout1 .profile-info-summery-wrapper .profile-info-summery .profile-info-head .profile-img {
    position: relative;
    z-index: 11;
    margin-top: -3px;
}

.store-page .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout1 .profile-info-summery-wrapper {

    padding: 50px 0px 0px 15px;
}



.store-page .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout1 .profile-info-summery-wrapper .profile-info-summery .profile-info {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
    padding-top: 18;
}

.store-page .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout1 .profile-info-summery-wrapper .profile-info-summery .profile-info .store-name {
    color: lightgray;
    margin: 0px 0px 6px 0px;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.1;
    text-shadow: none;
}





.store-page .subcategory-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 0;
    list-style: none;
    width: 100%;
    margin-bottom: 28px;
}

.store-page .subcategory-item {
    display: flex;
    align-items: center;
    flex-direction: row; /* Zet de tekst naast de thumbnail */
    width: calc(33% - 20px); /* Zorgt voor maximaal 4 items per rij met een kleine tussenruimte */
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #f2f2f2;
    text-align: left; /* Tekst links uitlijnen */
    transition: box-shadow 0.3s ease;
}

.store-page .subcategory-item:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.store-page .subcategory-flag {
    width: 50px;
    height: 50px;
    margin-right: 15px; /* Ruimte tussen de vlag en de tekst */
    border-radius: 3px;
    object-fit: contain;
}

.store-page .subcategory-name {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    text-decoration: none;
}


.store-page .subcategory-title {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin: 0px;
    color: #333;
}

@media (max-width: 1070px) {
    .store-page .subcategory-item {
        width: calc(50% - 20px); /* Zorgt voor maximaal 2 items per rij op tablets */
    }
}


@media (max-width: 768px) {
    .store-page .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout1 .profile-info-summery-wrapper .profile-info-summery .profile-info .store-name {
        padding-top:26px;
        margin: 0px; /* Verwijder de expliciete specificatie als het gewoon 0 is */
        font-size: 12px; /* Pas eventueel de grootte aan voor kleinere schermen */
        line-height: 1.1;
    }
    .store-page .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout1 .profile-info-summery-wrapper .profile-info-summery .profile-info-head {
    width: 79px !important;
    float: left;
}
.store-page .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout1 .profile-info-summery-wrapper .profile-info-summery .profile-info {
    padding-top: 0;
    width: 75%;
    margin-left: -12px;
}
.store-page .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout1 .profile-info-summery-wrapper .profile-info-summery .profile-info .dokan-store-info {
    margin-top: 5px;
    line-height: 10px;
}

.store-page .dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-summery .profile-info i {
    margin-top: -2px;
}

    .store-page .filter-select {
        width: 170px; /* Standaard breedte */
        transition: width 0.3s ease; /* Zachte overgang voor breedte */
    }
    
    .store-page .subcategory-item {
    width: 90%; /* Zorgt ervoor dat elk item de volledige breedte inneemt */
    }
    
}



.store-page .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout1 .profile-info-summery-wrapper .profile-info-summery .profile-info-head {
    width: 117px;
    float: left;
}

.store-page .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout1 .profile-info-summery-wrapper .profile-info-summery {
    color: #444;
    width: 100%;
    margin-top: -55px;
    padding: 0;
    position: relative;
    background: none;
}


.store-page .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout1 .profile-info-summery-wrapper .profile-info-summery .profile-info .dokan-store-info {
    font-size: 11px;
    line-height: 21px;
    margin-left: -16px;
    width:200px;
}

.store-page .dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-summery .profile-info i {
    font-weight: bold;
    float: left;
    margin-top: 4px;
}






.dokan-single-store .dokan-store-tabs {
	display:none;
}

.dokan-store .shop-toolbar {
    display: none;
}



.dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper {

}	
	

.store-page .seller-items ::marker {
    color: rgba(0, 0, 0, 0); /* Stel een transparante kleur in (zwart met een alpha-waarde van 0) */
}


.woocommerce div.product span.price, .woocommerce div.product p.price {
    font-size: 16px;
    display: inline-block;
}


.store-page h2 {
    font-size: 13px;
    width: 100%;
    font-weight: 500;
    padding-left:9px;  
    padding-right: 9px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}





.store-page .filter-form {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top:12px;
}




.store-page .site-footer {
    border-top: 1px solid #e1e1e1;
    height: 90px;
}


.store-page .mf-recently-products .recently-header {
    display: none;

}
.dokan-single-store {
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.store-page .dokan-store-wrap {
    margin: 0;
}




.dokan-store-tabs{
    
    display:block;
}





.store-page .dokan-single-store .profile-frame {
    position: relative;
    background-size: cover;
    background-color: white;
    padding-right: 0;
    padding-left: 0;
}



/* Aanpassingen voor apparaten met een breedte tot 991px */
@media (max-width: 991px) {
    /* Verberg de winkelbalk in WooCommerce op niet-volledige content pagina's */
    .woocommerce:not(.full-content) .shop-toolbar {
        display: none;
    }

    /* Zorg dat de navigatielijst op de winkelpagina altijd wordt getoond */
    .store-page .mf-navigation-mobile .navigation-list {
        display: flex !important;
    }

    /* Verwijder padding aan de linker- en rechterkant van de container op de winkelpagina */
    .store-page .container {
        padding-left: 0px;
        padding-right: 0px;
            width: 100%;
    }

    /* Aanpassing van de marges rondom de productlijst op de winkelpagina */
    .store-page .woocommerce ul.products {
        margin-left: -3px;
        margin-right: -3px;
    }

    /* Verberg de container met klasse rv-container op de winkelpagina */
    .store-page .container.rv-container {
        display: none;
    }


    
    
    
 .store-page .row {
    margin-left: 0;
    margin-right: 0;

}
}


@media (min-width: 992px) {
  .dokan-single-store .profile-frame .profile-info-box .profile-info-img {
    object-fit: none;
    max-height: 512px;
    background-color: white;
  }
}


.custom-profile-frame-wrapper {
    display: flex;
    justify-content: flex-end; /* Schuift alle binnenste elementen naar rechts */
    align-items: center; /* Centreert de items verticaal */
        height: 0px;
    
  
}


.custom-profile-frame-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}
/* Media query voor mobiele apparaten */
@media (max-width: 767px) {
    .custom-profile-frame-wrapper {
        padding: 0; /* Verwijder padding voor mobiele weergave */
    }
}






/* Zorg ervoor dat het logo niet te veel ruimte inneemt */
.profile-img {
    flex-shrink: 0;
    margin-right: 20px;
}

/* Stel de zoekbalk in om flexibele ruimte in te nemen, maar niet te veel */
.dokan-store-products-filter-area {
display: none;
}






/* Dropdown filter configuratie */
#vendor-category-filter {
    flex-shrink: 0;
}

/* Zorg ervoor dat alle flex-items niet breder worden dan nodig */
.custom-profile-frame-wrapper > * {
    max-width: 100%;
    padding-right: 9%;
}

@media (max-width: 767px) {
   .custom-profile-frame-wrapper > * {
     padding-right: 0%;
    }
}







.dokan-single-store .profile-frame .profile-info-box.profile-layout-layout1 .profile-info-summery-wrapper {
    position: relative;
    background-color: #fff;
    color: inherit;
    padding: 10px 10px 10px 15px;
    border: none;
    margin-top: 11px;
}





.dokan-single-store .profile-frame .profile-info-box.profile-layout-layout1 .profile-info-summery-wrapper .profile-info-summery .profile-info-head .profile-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}




@media (max-width: 991px) {
    .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout1 .profile-info-summery-wrapper .profile-info-summery .profile-info-head .profile-img img {
        width: 60px !important ;
        height: 60px!important ;
    }
    
}



/* Aanpassingen voor Dokan store profielafbeelding */
@media (max-width: 1199px) {
    .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout1 .profile-info-summery-wrapper .profile-info-summery .profile-info-head .profile-img img {
        width: 80px ;
        height: 80px ;
        border-radius: 50% !important;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1) !important;
        padding: 1 !important;
    }
}

.dokan-store-profile-image-container {
    flex: 0 0 auto; /* Zorgt dat de afbeelding zijn grootte behoudt en niet meerekt */
}

.dokan-store-profile-image-container img {
    width: 51px;
    height: 51px;
    border-radius: 50%;
    margin-right: 20px;
}






/* Zorg ervoor dat de zoekbalk altijd boven de productafbeeldingen staat */
.store-page .custom-profile-frame-wrapper {
    z-index: 10; /* Een hogere z-index waarde dan de productafbeeldingen */
    position: relative; /* Z-index werkt alleen als position ingesteld is */
}

/* Zorg ervoor dat de productafbeeldingen een lagere z-index waarde hebben */
.store-page #filtered-products .mf-product-thumbnail {
    z-index: 1;
    position: relative; /* Z-index werkt alleen als position ingesteld is */
}














@media (max-width: 768px) {
    body .modal-content {
        width: 95%;
        margin-top: 10%;
        max-width: none; /* Verwijder de max-width instelling */
    }

    #contactForm {
        width: 100%; /* Zorg dat het formulier de volledige breedte van de modal gebruikt */
        padding: 20px; /* Behoud padding voor goede uitlijning */
    }

    #contactForm input[type="text"],
    #contactForm input[type="email"],
    #contactForm textarea {
        width: calc(100% - 40px); /* Trek 40px af van de totale breedte voor padding */
    }
}




    #contactForm {
    width: 100%; /* Zorg dat het formulier goed past in de modal */
    padding: 20px;
    background: #fff; /* Achtergrondkleur van het formulier */
    border-radius: 8px; /* Afgeronde hoeken */
    display: flex; /* Maakt het mogelijk om flexbox eigenschappen te gebruiken */
    flex-direction: column; /* Stapelt de kinderen verticaal */
    align-items: center; /* Centreert de kind-elementen horizontaal */
}
    #contactForm label, 
#contactForm input[type="text"],
#contactForm input[type="email"],
#contactForm textarea {
    width: 90%; /* Iets minder dan de volledige breedte om ruimte te bieden voor padding */
    margin: 0 auto 15px; /* Centreert elk element horizontaal en voegt ondermarge toe */
}

    #contactForm label {
        display: block;
        margin-bottom: 10px;
        color: #333; /* Kleur van de tekst */
        font-size: 16px; /* Grootte van de labeltekst */
    }

    #contactForm input[type="text"],
    #contactForm input[type="email"],
    #contactForm textarea {
        width: calc(100% - 20px); /* Volledige breedte minus padding */
        padding: 10px;
        margin-bottom: 15px; /* Ruimte onder elk veld */
        border: 1px solid #ccc; /* Grens rond de input velden */
        border-radius: 4px; /* Afgeronde hoeken voor input velden */
    }

#contactForm input[type="submit"] {
    background-color: #ff5722; /* Diep oranje, bijvoorbeeld */
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
    align-self: flex-start; 
    margin-left: 10px;
}

#contactForm input[type="submit"]:hover {
    background-color: #e64a19; /* Donkerder oranje bij hover */
}








#responseMessage {
    display: none; /* Verborgen tot het wordt getoond */
    text-align: center; /* Centreren van de tekst */
    background-color: rgba(40, 167, 69, 0.8); /* Transparante groene achtergrondkleur */
    color: white; /* Witte tekstkleur */
    padding: 10px; /* Padding rond de tekst */
    margin-top: 20px; /* Afstand van de bovenkant */
    border-radius: 5px; /* Afgeronde hoeken */
    width: 90%; /* Aanpassing van de breedte */
    margin-left: auto; /* Centreren van het element */
    margin-right: auto; /* Centreren van het element */
}







/* Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10000; /* Sit on top */
    left: 0;
    top: 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.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: 2% auto; /* Increased top margin for better centering */
    padding: 20px;
    border: 1px solid #888;
    width: 50%; /* Smaller width */
    max-width: 600px; /* Maximum width to ensure it doesn't get too large on big screens */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Optional: adds shadow for better visibility */
    border-radius: 8px; /* Optional: rounds the corners */
    z-index: 1001; /* Slightly higher than the modal overlay to appear on top */
}





/* The Close Button */
.close {
    position: absolute; /* Maakt positionering buiten de normale stroom mogelijk */
    top: -10px; /* Positioneert de knop 5px van de bovenkant van de container */
    right:6px; /* Positioneert de knop 5px van de rechterkant van de container */
    color: #aaa;
    font-size: 32px; /* Vergroot de grootte */
    font-weight: bold;
    cursor: pointer;
    border: none; /* Verwijdert enige standaard button border */
    background: none; /* Verwijdert enige standaard button achtergrond */
}

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



.dokan-contact-seller-container {
    display: flex;
    align-items: center;
    justify-content: center; /* Voeg deze regel toe om inhoud horizontaal te centreren */
    margin-top: 0px;
    margin-bottom: 28px;
    border-top: 1px solid #aaa; /* Donkergrijze bovenborder */
    border-bottom: 1px solid #aaa; /* Donkergrijze onderborder */
    padding-top: 12px;
    padding-bottom: 12px;
}

/* Stijlen verwijderen voor desktop view */
@media (min-width: 768px) {
    .dokan-contact-seller-container {
        border-top: none; /* Verwijder de bovenborder */
        border-bottom: none; /* Verwijder de onderborder */
        margin-top: 50px;
    }
}



.contact-seller-button {
    display: flex; /* Verander naar 'flex' om 'inline-flex' te vervangen */
    align-items: center;
    justify-content: center;
    background-color: #fff; /* Witte achtergrond */
    color: #000; /* Zwarte tekst */
    border: 1px solid #ddd; /* Grijze rand */
    padding: 8px 12px; /* Padding aan de binnenkant van de knop */
    font-size: 14px; /* Standaard tekstgrootte */
    cursor: pointer;
    border-radius: 4px; /* Afgeronde hoeken */
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); /* Subtiele schaduw */
    text-decoration: none; /* Geen onderstreepte tekst */
    font-family: Arial, sans-serif; /* Stel lettertype in */
    margin: 0; /* Reset margin voor de knop */
    width: fit-content; /* Zorgt ervoor dat de knopbreedte zich aanpast aan de inhoud */
}


.contact-seller-button i {
    margin-right: 8px; /* Ruimte tussen icoon en tekst */
    color: #333; /* Icoon kleur, kan aangepast worden */
    font-size: 16px; /* Grootte van het icoon */
}

/* Verwijderd overbodige en dubbele stijlen voor een schone en efficiënte CSS */








@media (max-width: 767px) {
    .desktop-contact {
        display: none; /* Verberg desktop-specifieke elementen op mobiel */
    }
}

@media (min-width: 768px) {
    .mobile-contact {
        display: none; /* Verberg mobiele-specifieke elementen op desktop */
    }
    .desktop-contact {
        display: flex; /* Toon desktop-specifieke elementen */
    }
}



/* Media query voor Desktops */
@media (min-width: 768px) {
    .content-row {
        display: flex;
        flex-direction: row;
    }




    .desktop-contact {
        display: block; /* Show inside sidebar */
    }

    .mobile-contact {
        display: none; /* Hide outside sidebar */
    }
}







.store-page .mf-recently-products.footer-recently-viewed {
    background-color: white;

}




.store-page .woocommerce div.product{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    margin: 6px 4px 4px 4px;
    width: 23%;
    border-radius: 2%;
    border: 1px solid #eee;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}




/* BEGIN Mobiele weergave aanpassingen */
@media (max-width: 991px) {
    /* Rechts uitlijnen van de categorie-filter op mobiele apparaten */
    #vendor-category-filter {
        text-align: right;
    }

    /* Zorgt dat de filter-container in lijn staat en ruimte aan de rechterkant heeft */
    .filter-container {
        display: inline-block;
        margin-right: 10px;
    }

    /* Dropdown breedte auto voor aanpassing aan inhoud */
    .filter-select {
        width: auto;
        border-radius: 3px;
        margin-right: -9px;
    }

    /* Flex container voor filter formulier om elementen naar het einde te duwen (naar rechts) */
    .store-page .filter-form {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-top: 12px;
    }

    /* Aanpassing van de boven- en onderrand van de filter-container */
    .store-page .filter-form .filter-container {
        margin-top: -79px;
        margin-bottom: 0px;
        width: 100%;
        padding-right: 0px;
        z-index: 100;
    }

    /* Column layout voor de profiel-wrapper voor betere stacking van elementen */
    .store-page .custom-profile-frame-wrapper {
        flex-direction: column;
    }

    /* Zorgt voor volledige breedte van filter en toolbar */
    .store-page .dokan-store-products-filter-area,
    .store-page .mf-catalog-toolbar {
        width: 100%;
        display: none;
    }

    /* Geeft de filter-form prioriteit en volledige breedte voor betere zichtbaarheid */
    .store-page .filter-form {
        order: 1; /* Plaatst de dropdown bovenaan voor gemakkelijke toegang */
        width: 100%; /* Zorgt dat de dropdown de volle breedte van de viewport inneemt */
    }
    .dokan-store-products-filter-area .dokan-store-products-ordeby {
        width: 100%;
        position: relative;
        float: left;
        padding-left: 0;
        margin-top: 4px;
        display: flex;
        flex-direction: row-reverse;
    }



.store-page .woocommerce div.product{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    margin: 4px;
    width: 47%;
    border-radius: 2%;
    border: 1px solid #eee; /* lichtgrijze border */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* lichte schaduw */
}



.dokan-store-products-filter-area .product-name-search {
    height: 40px;
    border: solid 1px #ddd; /* Lighter grey border */
    background-color: #fff;
    float: left;
    width: 250px; /* or 100% if you want it to be responsive */
    padding: 0 15px; /* Centers text */
    border-top-left-radius: 3px;   /* Ronde hoek voor de linker bovenhoek */
    border-bottom-left-radius: 3px; /* Ronde hoek voor de linker onderhoek */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    font-size: 16px; /* Larger font size for readability */
    transition: border-color 0.2s, box-shadow 0.2s; /* Smooth transitions for focus */
    order: 1;
}

.dokan-store-products-filter-area .product-name-search:focus {
    border-color: #007cba; /* Highlight color when focused */
    box-shadow: 0 0 0 3px rgba(0, 124, 186, 0.2); /* Glow effect when focused */
    outline: none; /* Removes the default focus outline */
}


input[type='submit'].dokan-btn-theme,
a.dokan-btn-theme,
.dokan-btn-theme {
    display: inline-block; 
    text-align: center; 
    line-height: normal; 
    padding: 8px 16px;
    color: #fff;
    background-color: var(--mf-background-primary-color);
    border: 1px solid var(--mf-background-primary-color);
     border-top-right-radius: 3px;   /* Ronde hoek voor de rechter bovenhoek */
    border-bottom-right-radius: 3px; /* Ronde hoek voor de rechter onderhoek */
    font-size: 15px; /* Readable text size */
    letter-spacing: 0.5px; /* Spaced characters */
    transition: background-color 0.3s, box-shadow 0.3s, transform 0.3s; /* Smooth transition */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Subtle shadow */
    cursor: pointer; /* Pointer cursor on hover */
}

input[type='submit'].dokan-btn-theme:hover,
a.dokan-btn-theme:hover,
.dokan-btn-theme:hover {
    background-color: #e0482e; /* Slightly darker shade on hover */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Larger shadow on hover */
    transform: translateY(-2px); /* Slight lift effect on hover */
}

input[type='submit'].dokan-btn-theme:active,
a.dokan-btn-theme:active,
.dokan-btn-theme:active {
    transform: translateY(1px); /* Pressed effect on click */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); /* Smaller shadow on click */
}
/* Basic styles that apply universally */
.vendor-categories-sidebar {
    display: none; /* Default to not displayed */
}

}
/* EINDE Mobiele weergave aanpassingen */





.store-page .seller-items {
    display: flex;
    flex-wrap: wrap;
    width: 100%; /* Full width on mobile */
    padding-top: 0px;
    margin-top: -9px;
    margin-bottom: 15px;
    transform: scaleX(1.05); /* Vergroot het element horizontaal met 5% */
    transform-origin: center;
}


.store-page .subcategory-price-amount bdi {
    font-weight: 600;
    color: black;
    font-size: 15px; 
}

.store-page .woocommerce-Price-amount.amount bdi {
    font-weight: 600;
    color: black;
    font-size: 18px; 
}
.store-page ins {
    text-decoration: none !important;
}
.store-page ins .woocommerce-Price-amount.amount bdi {
    font-weight: 600;
    color: green;
    font-size: 18px; 
    text-decoration: none; 
}


.store-page del .woocommerce-Price-amount.amount bdi {
    color: grey; 
    text-decoration: line-through; 
    font-size: 14px !important;
    margin-left:6px;
}

.add-to-cart .button {
    color: white; /* Maakt de tekst wit */
}
/* Verbergt het winkelwagenicoon */
.add-to-cart .button .p-icon {
    display: none;
}

/* Verbergt de "View Cart" link */
.add-to-cart .added_to_cart {
    display: none;
}
.add-to-cart {
    display: flex;
    flex-direction: column;
    align-items:center ;
    box-sizing: border-box; 
    
}
.woocommerce a.button {
    height: 36px;
    line-height: 36px;
    display: inline-block;
    font-size: 15px;
    border-radius: 5px;
    width: 75%;
    padding: 0;
    font-weight: 500;
}

/* Verberg iconen binnen de 'Add to Cart' knop */
.woocommerce a.button [class*="icon-"] {
    display: none ;
}
.woocommerce a.added_to_cart {
    display: none ;
}

















/* Media query for Desktops */
@media (min-width: 768px) {


    
.vendor-category-list {
    list-style-type: none; /* Verwijder bullet points */
    padding-left: 0; /* Verwijder de standaard padding */
    margin: 0; /* Reset margin */
    font-family: Arial, sans-serif; /* Gebruik een gangbaar lettertype, pas aan indien nodig */
}

.vendor-category-list li {
    display: flex; /* Maak dit een flex container */
    justify-content: space-between; /* Positie items aan de uiteinden */
    padding: 5px 0; /* Voeg padding toe aan de list items voor ruimte */
}

.vendor-category-list a {
    text-decoration: none; /* Verwijder onderstreping van links */
    color: #333; /* Zorg dat de links dezelfde kleur als de tekst hebben */
    flex: 1; /* Zorg ervoor dat de link het beschikbare ruimte inneemt */
    font-size: 16px;
    font-weight: 600;
}

.vendor-category-list a:hover {
    text-decoration: underline; /* Voeg een onderstreping toe bij hover voor een visuele hint */
}

/* Extra span voor het getal */
.vendor-category-list span {
    margin-left: auto; /* Duw het getal naar rechts */
        font-size: 16px;
    font-weight: 600;
}


    
    
    
    
    
    
    

    .store-page .seller-items {
        display: flex;
        justify-content: center;
        width: 100%; /* Adjust width when sidebar is visible */
        float: right; /* Ensures it aligns right of the sidebar */
        padding: 0px 14% 0px 14%;
        margin-bottom: 30px;
    }
}



.store-page a img {
    margin-top: 0px !important;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius:2%;
}




.store-page .product-details {
    margin: -8px 0 11px;
    
}


/* Clearfix to handle floating elements */
.content-row:after {
    content: "";
    display: table;
    clear: both;
}



/* orderby filter shop page */
.dokan-store-products-filter-area .orderby-search {
    display: none;
}
/* Media query voor Desktops */
@media (min-width: 768px) {
   .store-page .dokan-store-products-filter-area .orderby-search {
        display: flex;
        order: 3;
        margin-left: -12px;
        margin-right:10%;
    }
}








@media (min-width: 992px) {
    .dokan-store-products-filter-area .dokan-store-products-ordeby {
        width: 100%;
        position: relative;
        margin-top: 15px;
        display: none;
        float: left;
        flex-direction: row-reverse;
    }
    
    
.dokan-store-products-filter-area .product-name-search {
    height: 40px;
    border: solid 1px #eee;
    background-color: #fff;
    float: left;
    width: 54%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* subtle shadow */
    transition: box-shadow 0.3s ease; /* smooth transition for the shadow */
    border-radius: 4px; /* optional: rounded corners */
    padding-left: 10px; /* add padding to the inside left of the input */
    z-index: 10; /* Breng de zoekbalk naar boven */
    position: relative; /* z-index werkt alleen op elementen met een position anders dan static */
    order: 2;
    flex-grow: 1;
}

.dokan-store-products-filter-area .product-name-search:focus {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* more pronounced shadow on focus */
    outline: none; /* remove the default outline */
}

    
    
    
    .store-page .filter-container {
    width: 100%;
    margin-top: -172px;
    padding-right: 30px;

}

.store-page .filter-select {
    width: 12%;
    height: 38px;
    cursor: pointer;
    background-color: white;
    border: 1px solid lightgray; /* Lichtgrijze border toegevoegd */
    border-radius: 4px;
    position: relative;
    padding-left: 3px; /* Aangepaste padding */
    float: right;
}




input[type='submit'].dokan-btn-theme, 
a.dokan-btn-theme, 
.dokan-btn-theme {
    color: #fff;
    background-color: orange;
    border-color: orange;
    font-weight: 500;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Voegt een subtiele schaduw toe */
    transition: box-shadow 0.3s ease; /* Maakt de overgang van schaduw soepel */
    position: relative; /* Nodig om z-index correct toe te passen */
    z-index: 100; /* Hoog genoeg om boven andere elementen uit te komen */
}

input[type='submit'].dokan-btn-theme:hover, 
a.dokan-btn-theme:hover, 
.dokan-btn-theme:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Maakt de schaduw duidelijker bij hover */
}


}









.footer-copyright {
    padding-left: 18px;
}




#filtered-products .woo-loop-product__price {
    margin-top: -10px;
    padding-left:9px;
}




.dokan-store-wrap {
  display: flex;

  flex-direction: column;
} 

  .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout2 .profile-info-summery-wrapper {
    position: relative;
    background-color: #fff;
    color: #444;
    border: none;
/* Border none aangepast */	
  }

  .dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-summery .profile-info-head .profile-img.profile-img-circle img {
    width: 60px;
    height: 60px;
    margin-top:6px;
  }/*Aangepast*/














.mobile-version #mf-catalog-toolbar {
    display: none;
}



.mobile-version .site-header .header-logo{
    width: 30%;
    display: block;
}/*aangepast*/











	
/* Aanpassingen voor mobiele apparaten ....................................................................................................................................................................................................................................................................................................................................................................................................................................................................... */

@media (max-width: 479px) {
    /* Verberg de extra zoekfunctie in de header op de winkelpagina */
    .store-page .site-header {
        display: none;
    }
}




@media (max-width: 991px) {
  .dokan-single-store .profile-frame .profile-info-box .profile-info-img {
    height: 280px;
    object-fit: cover;
    object-position: 81% center; /* Verschuift de afbeelding naar rechts */
    transform: scale(1.07);
  }

}


@media (max-width: 1199px) {
    .store-page .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout1 .profile-info-summery-wrapper {
        padding: 3 0 0 0;
        margin-top: 58px;
    }
}






@media screen and (max-width: 768px) {
    /* Stel de breedte in van elk product in de subcategorie op 50% voor mobiele apparaten */
    .subcategory-products .product {
        width: 50%;
        float: left;
    }
}














/* Aanpassingen voor desktop en grotere apparaten */
@media screen and (min-width: 769px) {
    /* Stel de breedte en marge in van elk product in de subcategorie op desktop */
    .container-class .subcategory-products .product {
        width: calc(25% - 20px);
        float: left;
        margin-right: 20px;
    }

    /* Verwijder de rechtermarge voor elk vierde product in een rij */
    .container-class .subcategory-products .product:nth-child(4n) {
        margin-right: 0;
    }
}



.selectron23-container {
    height: auto; 
    overflow: visible !important; 
}

div:has(>.selectron23-option-title) {
    display: flex;
    flex-direction: column;
}

.selectron23-option-title {
    order: 2;
    font-size: 12px!important;
    line-height: 1.2em;
    font-weight: 500!important; /* Eén consistente waarde voor font-weight */
    color: lightgray;
}

.selectron23-option-text {
    order: 1;
    font-size: 14px!important;
    line-height: 1.4em;
    font-weight: 600!important; /* Correcte waarde behouden, eerdere tegenstrijdige 'normal' verwijderd */
    color: #000000!important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.woocommerce-checkout form.checkout {
    margin-top: 0px;
   
}

.wpmc-step-item h3 {
    margin-bottom: 10px; /* Geeft wat ruimte onder de header */
    font-size: 18px; /* Stelt de grootte van de font in */
    font-weight: bold; /* Maakt de tekst vetgedrukt */
    color: #333; /* Stelt de kleur van de tekst in */
}

  .wpmc-steps-wrapper {
    max-width: 530px; /* Stel de maximale breedte in naar wens */
    margin: auto; /* Dit centreert de div indien de paginabreedte groter is dan de max-width */
  }

.wpmc-tabs-wrapper {
    width: 530px;
    display: block;
    margin: 0 auto;
}



.woocommerce ul.products li.product .mf-product-thumbnail .footer-button {
    position: absolute;
    left: 0;
    bottom: -15px;
    right: 0;
    background-color: #fff;
    z-index: 10;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    transition: bottom 0.3s;
}

.woocommerce ul.products li.product .mf-product-thumbnail .footer-button > a .p-icon, .woocommerce ul.products li.product .mf-product-thumbnail .footer-button .added_to_cart .p-icon {
    height: 34px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}



.mf-navigation-mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background: linear-gradient(180deg, #edf7e9 0%, #e8f5e0 100%);
    border-top: 2px solid #d4eac8;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08), 
                0 -2px 8px rgba(0, 0, 0, 0.04);
}




/* Floating cart quantity bubble */
.cc-compass-count {
display: none;
}

/* Floating cart icon */
.cc-compass .licon::before {
display: none;
}

/* Header cart quantity bubble */
span.cc_cart_count {
    background-color: var(--mf-background-primary-color);
    position: absolute;
    top: 19;
    left: 12px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 50%;
    min-width: 17px;
    padding: 0 5px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    color:black;
}
/* Header cart icon */
.ccicon-cart:before {
font-family: 'Linearicons'; 
font-weight: 500;
content: "\e74c";
color: #000; /* Cart icon color */
font-size: 30px; /* Cart icon size */
}


.cc-compass {
display: none;
}



/* Style adjustments for mobile devices */
@media (max-width: 768px) {  /* Aanpassen aan de media query die overeenkomt met jouw mobiele schermgrootte */
    .cc_cart_items_list {
        display: flex;
        flex-direction: column;  /* Stapelt de elementen verticaal */
        align-items: center;  /* Centreert de elementen horizontaal */
        justify-content: center;  /* Centreert de elementen verticaal */
        text-align: center;  /* Zorgt ervoor dat de tekst gecentreerd is */
    }

    .cc_cart_items_list .ccicon-cart {
        margin-bottom: 0px;  /* Voegt een kleine marge toe onder het icoon */
        margin-right: 0px;
        font-style: normal;
    }
        .cc_cart_items_list {
        color: rgba(0, 0, 0, 0.9);
        font-weight:400;
    }
    a.cc_cart_items_list, a.cc_saved_items_list {
    display: flex !important;
    align-items: center;
    margin-left: -10px;
    margin-right: 6px;
    margin-bottom: -1px;
    position: relative;
}
span.cc_cart_count {
        top: 0;
        margin-left: 6px;
    }
    
.cc-cart-product .cc-product-link.cc-product-thumb {
    width: 35%; /* Of elke andere gewenste breedte */
    display: block; /* Zorgt dat de link zich als een blok-element gedraagt */
}

}
}

.cc-cart-product .cc_item_title .cc-product-link {
    font-size:12px;
}

.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt {
    background-color: var(--mf-background-primary-color) !important;
    

}
.cc-cart-product .cc-product-link.cc-product-thumb {
    width: 26%; /* Of elke andere gewenste breedte */
    display: block; /* Zorgt dat de link zich als een blok-element gedraagt */
}

.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit {

    color: white;

}
.cc_item_title {
    font-weight: 500;
    margin: 0;
    width: 65%;
    font-size: 12px;
}

.slick-slide .title {
    font-size: 14px;
    font-weight: 500;
}

.cc-cart-actions a.cc-button-primary {
    background-color: #7ac943;

}

body.page-id-8 #mf-navigation-mobile {
    display: none;
}


.slicewp-form {
    max-width: 570px;
    margin: 0 auto 20px; /* Bepaalt de marge aan de onderkant en centreert het formulier horizontaal */
    margin-top: -30px; /* Trek het formulier 20px omhoog */
    padding: 12px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 8px;
}



@media (min-width: 992px) { /* Pas deze waarde aan op basis van je design breakpoints */
    .slicewp-form {
        margin-top: -50px; /* Meer negatieve marge voor desktop */
    }
    .col-md-9 {
        width: 100%;
    }
}





.site-footer .footer-widgets {
    padding-top: 70px;
    padding-bottom: 70px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 -15px;
    position: relative;
    padding-left: 28px;
    padding-right: 28px;
    max-width: 800px;
    margin: 0 auto;
}


/* Hide the widget by default for desktop and larger screens */
.elementor-element.elementor-element-e687b21 {
    display: none;
}



@media (max-width: 768px)  {
    .elementor-element.elementor-element-e4ed494 {
        display: none;
    }
    
    .elementor-3401 .elementor-element.elementor-element-666059a > .elementor-widget-container {
 display: none;
}

    .elementor-3401 .elementor-element.elementor-element-4ac4860 > .elementor-widget-container {
        display: flex;
        justify-content: center;
    }
    
    .elementor-element.elementor-element-e687b21 {
        display: block;
    }
}







form.mc4wp-form {
    display: flex;            
    flex-direction: column;   
    align-items: center;       
    justify-content: center;   
}
.mc4wp-form-fields {
    width: 100%;              
    max-width: 400px;        
    display: flex;
    flex-direction: row;
    align-items: stretch;   
}
input[type="email"], input[type="submit"] {
    flex-grow: 1;             
    margin: 0;
    border: 1px solid #ccc;   
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1); 
    font-family: "M PLUS Rounded 1c", Sans-serif; 
    font-weight: 500;
}
input[type="email"] {
    border-radius: 8px 0 0 8px; 
    margin-right: -1px;        
}
input[type="submit"] {
    flex-basis: 9%;          
    border-radius: ; 
    background-color: #ffa500; /* Licht oranje achtergrond */
    color: white;              /* Zwarte tekst */
    transition: background-color 0.3s, color 0.3s; /* Soepele overgang voor hover effect */
}
input[type="submit"]:hover {
    background-color: #fbb03b; /* Specifieke oranje kleur bij hover */
    color: black;              /* Witte tekst bij hover */
}

    .elementor-3401 .elementor-element.elementor-element-b2fa55b .elementor-heading-title {
        text-decoration: underline;
        text-decoration-color: orange;
        text-underline-offset: 18px;
    }

@media (max-width: 767px) {
    .elementor-3401 .elementor-element.elementor-element-b2fa55b .elementor-heading-title {
        text-underline-offset: 12px;
    }
    .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout1 .profile-info-summery-wrapper .profile-info-summery .profile-info .dokan-store-info {
        display: none;
        max-width: 500px;
    }
}






.background-image-container {
    width: 100%; 
    height: 300px; 
    background-image: url('https://www.tropitrade.com/wp-content/uploads/2024/05/WhatsApp-Image-2024-05-24-at-18.16.43-4.jpeg');
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
}


.background-image-container {
    width: 100%;
    height: 300px;
    background-color: #f4f4f4;
}

.block-container {
    display: flex;
    flex-direction: column;
    padding: 20px;
    border: 1px solid #e0e0e0;
    box-shadow: 2px 2px 8px #e0e0e0;
    width: 90%;
    margin-top: 21px;
    margin-left: auto;
    margin-right: auto;
}


.sub-block {
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}

.sub-block:last-child {
    margin-bottom: 0;
}

.block-container {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.sub-block {
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 10px;
}

.content-block {
    display: flex;
    align-items: center; /* Zorgt ervoor dat de tekst en afbeelding gecentreerd zijn */
}

h2 {
    margin-right: 20px; /* Geeft ruimte tussen de titel en de afbeelding */
}

.product-thumbnail img {
    width: 100px; /* Stel een specifieke breedte in voor de afbeelding */
    height: auto;
}

.price, .add-to-cart {
    margin-top: 3px;
}


#slicewp-affiliate-register-form .slicewp-button-primary,
#slicewp-affiliate-login-form .slicewp-button-primary {
    width: 120px;
    height: 39px; 
    font-size: 16px; 
    padding: 10px 20px;  
    display:flex;
    justify-content:center;
    align-items: center;
    text-align:center;
    border-radius: 3px; 
}

#slicewp-affiliate-login-form .slicewp-button-primary:hover {
    background-color: #ff8c00; /* Donkerder oranje bij hover */
    color: #fff;
}

#slicewp-affiliate-login-form .slicewp-field-wrapper input[type=text],
#slicewp-affiliate-login-form .slicewp-field-wrapper input[type="password"] {
    height: 36px; 
    border: 1px solid #d3d3d3; 
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); 
    padding: 5px 10px; 
    border-radius: 3px; 
}


.mobile-version .site-footer .footer-info {

    display: none;
}


.site-footer .footer-widgets {
    padding-top: 24px;

}


.mobile-version .site-footer .footer-widgets {

    padding-bottom: 0px;
}

.mobile-version .site-footer .footer-bottom .footer-row .col-footer-copyright {
    margin-bottom: 60px;
}

.mobile-version .site-footer .footer-bottom .footer-row .col-footer-payments {
    order: 1;
    display: none;
}


form.cart {
    width: 100%;
}

.extras-menu i {
    font-style: normal;
}

.wa__popup_powered .wa__popup_icon-ninja {

    display: none;
}

.wa__popup_tooltiptext_mb {
    background: #f5f7f9;
    border-radius: 15px;
    color: #686c71;
    font-size: 10px;
    padding: 8px 10px;
    display: none;
}


/* Desktop weergave: Kolommen naast elkaar met 70% voor QR en 30% voor info */
@media (min-width: 769px) {
    .qr-column {
        display: table-cell;
        width: 60%;
    }
    .info-column {
        display: table-cell;
        width: 40%;
    }
}

/* Mobile view: Kolommen onder elkaar met 100% breedte */
@media (max-width: 768px) {
    .qr-column, .info-column {
        display: block;
        width: 100%;
    }

    /* QR-afbeelding aanpassen voor mobiel */
    .qr-column img {
        width: 100%; /* QR-code neemt de volledige breedte van de kolom in */
        max-width: 300px; /* Limiteer de maximale breedte */
        height: auto; /* Houdt de verhoudingen van de afbeelding */
    }
}


.wpcf7-quiz, .wpcf7-form-control-wrap.mathquiz {
    display: inline-block;
    margin-left: 5px;
}

.wpcf7-form-control-wrap.mathquiz, .wpcf7 span[style] {
    float: left;
    margin-right: 5px;
}

#esim_capability {
    width: 18px; /* Pas de breedte aan */
    height: 18px; /* Pas de hoogte aan */
}




/* De modal zelf */
#compatibleDevicesModal.modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4); /* Zwarte overlay */
}



/* Algemene stijlen voor modal-content */
.modal-content {
    background-color: #fff;
    margin: 5% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 900px;
    max-height: 70vh; /* Beperkt de hoogte tot 70% van het scherm */
    overflow-y: auto; /* Scrollbaar als de inhoud langer is dan de max-height */
    position: relative;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

/* Algemene stijlen voor sluitknoppen in modals */
.modal .close-button {
    color: #004080; /* Donkerblauw voor de sluitknop */
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s ease;
}

.modal .close-button:hover {
    color: #002d66; /* Nog donkerder blauw bij hover */
}



/* Voor mobiele weergaven */
@media (max-width: 768px) {
    #compatibleDevicesModal .modal-content {
        width: 90%; /* Breedte aanpassen op mobiele apparaten */
        max-height: 75vh; /* Max hoogte iets verhoogd voor mobiel */
        padding: 15px; /* Padding verkleind voor meer ruimte op kleine schermen */
        border-radius: 5px; /* Rondingen iets kleiner op mobiel */
        font-size: 1.2rem; /* Iets kleinere fontgrootte voor mobiel */
    }

    /* Sluitknop aanpassen voor kleinere schermen */
    #compatibleDevicesModal .close-button {
        font-size: 28px; /* Iets kleinere sluitknop */
        top: 5px;
        right: 10px;
    }
    #compatibleDevicesModal .close-button {
    position: fixed; /* Zorgt ervoor dat de knop op dezelfde plek blijft bij scrollen */
    top: 35px;
    right: 27px;
    }
}




.esim-compatible-devices {
    font-family: Arial, sans-serif;
    color: #333; /* Standaard tekstkleur */
}

.esim-compatible-devices h2 {
    font-size: 1.8em;
    margin-bottom: 10px;
    color: #004080; /* Donkerblauw voor de hoofdtitel */
}

.esim-compatible-devices h3, .esim-compatible-devices h4 {
    font-size: 1.2em;
    margin-top: 20px;
    color: #0056b3; /* Middelblauw voor subkoppen */
}

.esim-compatible-devices p {
    margin-bottom: 8px;
    line-height: 1.5;
}

.esim-compatible-devices ul {
    margin-left: 20px;
    list-style-type: disc;
}

.esim-compatible-devices ul li {
    margin-bottom: 6px;
}

.esim-compatible-devices a {
    color: #0066cc; /* Blauwe kleur voor links */
    text-decoration: underline;
}

.esim-compatible-devices a:hover {
    color: #004080; /* Donkerder blauw bij hover */
}


.woocommerce-order .woocommerce-thankyou-order-received {
    font-size: 18px;
    color: #333;
    margin-bottom: 3px;
    font-weight: bold;
    display: none;
}




.product-subcategory {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.subcategory-image img {
    width: 100%;
    height: auto;
    max-width: 150px;
    display: block;
    margin-bottom: 7px;
    border-radius: 5px;
}



.subcategory-text h2 {
    margin: 0;
    font-size: 1em;
    font-weight:500 !important;
}

.mf-catalog-page .site-content {
    padding-top: 0px;
}

.custom-banner {
    text-align: center;
    margin-bottom: 9px;
    overflow: hidden; /* Creëert een "frame" voor de afbeelding */
}

.custom-banner img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}


.subcategory-header {
    text-align: center;
    padding: 20px 0;
}

.subcategory-title {
    font-weight: bold;
    margin: 5px 0;
}

.travel-plan-prompt {
    width: 90%;
    padding: 6px 30px 0 30px;
    margin: 0 auto;
    font-size: 15px;
}

.subcategory-products {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    justify-content: center;
}

.product-item {
    width: calc(25% - 20px);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border: 1px solid #e0e0e0; /* Lichtgrijze rand */
    border-radius: 5px; /* Optioneel: om de hoeken iets zachter te maken */
}


.product-title {
    margin-bottom: 10px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-price {
    font-size: 1.2em;
    font-weight: bold;
}

.add-to-cart {
    width: 100%;
    text-align: center;
}

.product-subcategories {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    justify-content: center;
    justify-items: center;
}

.subcategory-item {
    display: flex;
    align-items: center;
    padding: 10px;
    gap: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #f9f9f9;
    width: 100%;
    max-width: 300px;
}
@media (max-width: 1280px) {
    .product-subcategories {
        grid-template-columns: repeat(3, 1fr); /* 3 kolommen voor middelgrote schermen */
    }
}

@media (max-width: 1024px) {
    .product-subcategories {
        grid-template-columns: repeat(2, 1fr); /* 2 kolommen voor kleinere schermen */
    }
}

@media (max-width: 768px) {
    .product-subcategories {
        grid-template-columns: 1fr; /* 1 kolom voor zeer kleine schermen */
        gap: 10px;
        margin-bottom: 50px;
    }
    .subcategory-item {
            width: 100%;
            max-width: none;
            margin: 0 auto;
            padding: 11px 30px 6px 30px;
        }
}
.subcategory-image {
    flex-basis: 21%;
    flex-grow: 0;
}


.subcategory-text {
    flex-basis: 78%;
    text-align: left;
}


.subcategory-price {
    margin-top: 5px;
    font-size: 1em;
    color: #555;
}

.subcategory-price span {
    font-weight: 500 !important;
    color: black;
    margin-left: 3px;
}

.subcategory-icon {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.subcategory-icon i {
    color: #FFA500;
    font-size: 18px;
    font-weight: bold;
}
#content .subcategory-products .product-item .product-price del .woocommerce-Price-amount bdi {
    font-size: 14px;
    margin-left: 8px;
    font-weight: normal;
    color: #808080; /* Grijze kleur voor de oude prijs */
}

#content .subcategory-products .product-item .product-price ins .woocommerce-Price-amount {
    color: #28a745; /* Heldere groene kleur voor korting */
    font-weight: bold; /* Eventueel toevoegen voor extra nadruk */
}
#content .subcategory-products .product-item .product-price .woocommerce-Price-amount {
    color: #000000; /* Zwarte kleur voor de prijs */
}
#content .subcategory-products .product-item .product-title a {
    color: #696969; /* Rustige donkere kleur voor de producttitel */
}
.product-banner-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px 10px; /* Optioneel: Ruimte rond de tekst */
    height: 69px;
}
.subcategory-thumbnail {
    width: 100%; /* Zorg dat de afbeelding de volledige breedte van de container vult */
    height: auto; /* Behoud de originele verhoudingen */
    object-fit: contain; /* Toon de volledige afbeelding zonder bijsnijden */
    max-width: 50px; /* Beperk de breedte van de afbeelding */
}

.thumbnail-container {
    max-width: 50px; /* Beperk de maximale breedte van de container */
    height: auto; /* Pas de hoogte automatisch aan */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; /* Zorg dat niets buiten de container zichtbaar is */
    margin-left: 21px;
}

.image-container {
    position: relative;
    display: inline-block;
}

.image-container img {
    display: block;
    width: 100%;
    height: auto;
}

.overlay-text {
    position: absolute;
    bottom: 10%; /* Of pas dit aan voor een andere positie */
    left: 50%;
    transform: translateX(-50%);
    color: white; /* Tekstkleur */
    background-color: rgba(0, 0, 0, 0.6); /* Semi-transparante achtergrond */
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    pointer-events: none; /* Voorkomt dat de tekst klikbaar wordt */
    z-index: 2; /* Zorgt ervoor dat de tekst bovenop de afbeelding staat */
}



.subcategory-mini-thumbnail {
    position: absolute;
    top: 3px;
    left: 15px;
    width: 47px;
    height: 32px;
    border-radius: 4px;
    overflow: hidden;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.subcategory-mini-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Zorgt ervoor dat de afbeelding netjes wordt geschaald */
    object-position: center; /* Focus op het midden van de afbeelding */
}
















/* Voor mobiele apparaten */
@media (max-width: 768px) {
 .product-item {
        width: calc(50% - 12px); /* Zorgt ervoor dat er maximaal 2 producten per rij zijn */
    }

    .subcategory-header {
        padding: 15px 0;
    }

    .subcategory-title {
        font-size: 21px; /* Verklein de titel iets op mobiel */
    }

    .travel-plan-prompt {
        font-size: 15px; /* Verklein de tekst iets op mobiel */
    }

    .subcategory-description {
        padding-left: 12px; /* Padding aan de linkerkant voor mobiele apparaten */
        padding-right: 12px; /* Padding aan de rechterkant voor mobiele apparaten */
    }
.subcategory-mini-thumbnail {

    top: 3px;
    left: 3px;

}    
    
}

.mobile-version.mf-catalog-page .site-content {
    padding-bottom: 0px;
}

@media (max-width: 991px) {
    .mobile-version.mf-catalog-page .container {
        padding-left: 12px;
        padding-right: 12px;
    }
}








/* Standaard voor desktop: eSIM Info Table */
#esim-info-table .esim-details-row {
    display: table-row;
}

#esim-info-table .esim-details {
    display: table-cell;
    vertical-align: top;
}

#esim-info-table .esim-qr {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

/* Standaard voor desktop: eSIM Info Table Database */
#esim-info-table-database .esim-details-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between; /* Zorgt dat de QR rechts staat */
    align-items: center;
    border: 1px solid lightgray;
}

#esim-info-table-database .esim-details {
    flex: 1; /* Informatie neemt beschikbare ruimte in */
    text-align: left;
    width: 100%;
    border: none;
    padding: 8px 0px 0px 18px;
}

#esim-info-table-database .esim-qr {
    flex: 0 0 auto; /* QR-code behoudt vaste grootte */
    text-align: center;
    border: 1px solid lightgray;
}




.see-all-destinations {
    text-align: center;
    margin-top: 20px;
}

.see-destinations-btn {
    display: inline-block;
    background-color: #FFA500; /* Oranjekleur */
    color: #ffffff; /* Witte tekst */
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    width: 30%; /* Breedte voor desktop */
    margin-bottom: 18px;
}

.see-destinations-btn:hover {
    background-color: #e69500; /* Donkere oranje tint bij hover */
    color: #ffffff;
}










@media (min-width: 769px) {
    body {
        padding-top: 90px;
    }
}





/* Voor mobiele apparaten: beide tabellen */
@media screen and (max-width: 768px) {
    /* eSIM Info Table */
    #esim-info-table .esim-details-row {
        display: block;
    }

    #esim-info-table .esim-details,
    #esim-info-table .esim-qr {
        display: block;
        text-align: left;
    }

    #esim-info-table .esim-qr {
        margin-top: 15px; /* Ruimte tussen informatie en QR-code */
        text-align: center; /* QR gecentreerd onder informatie */
    }

    /* eSIM Info Table Database */
    #esim-info-table-database .esim-details-row {
        flex-direction: column; /* Stapel elementen verticaal */
        align-items: flex-start; /* Uitlijning naar links */
    }

    #esim-info-table-database .esim-qr {
        text-align: center; /* QR gecentreerd */
        margin: 0 auto;
        border: none;
    }

    /* Specifieke admin-bar-aanpassing */
    .admin-bar .cc-cart-container, 
    .admin-bar .cc-sfl-container, 
    .cc-cart-container, 
    .cc-sfl-container {
        height: calc(90vh - 53px) !important;
    }
    .see-destinations-btn {
    width: 90%; /* Breedte voor mobiel */
    }
.custom-heading {
    font-size: 24px;
    text-align: center; /* Centraal uitlijnen */
    margin: 9px auto;
}
.woocommerce-account .woocommerce .account-info {
    display: none;
}
.woocommerce-MyAccount-navigation:has(.woocommerce-MyAccount-navigation-link--your-esims.is-active) {
    display: none;
}
.woocommerce-account.logged-in .site-content {
    padding-top: 0px;
}
}


.dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-summery .profile-info {
    display: block;
}



@media (max-width: 991px) {
    .woocommerce ul.products li.product {
        padding-right: 10px;
        padding-left: 10px;
        border: 1px solid #ddd;
        border-radius: 5px;
        width: 48%;
        margin: 3px;
    }
}
@media (max-width: 1199px) {
    .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout1 .profile-info-summery-wrapper .profile-info-summery .profile-info-head {
        top: -10px;
    }
}
.woocommerce ul.products li.product .mf-vendor-name .sold-by-meta a {
    display:none;
}



/* Sticky Mobile Header - Toevoegen aan einde van file */
.header-mobile-v1 {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99998 !important;
    background: #f0f9ec;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}



/* Voor store pages specifiek */
.store-page .site-content {
    padding-top: 180px !important;
}

/* Voor mobile devices */
@media (max-width: 991px) {
    body .site-content {
        padding-top: 140px !important;
    }
}



/* === FIX HORIZONTALE SCROLL MOBIEL === */
html, body {
    overflow-x: hidden;
}

@media (max-width: 991px) {
    .row {
        margin-left: 0;
        margin-right: 0;
    }
    
    .container {
        overflow-x: hidden;
    }
}

/* CookieYes modal fix */
.cky-preference-center {
    max-width: 100vw !important;
    width: calc(100% - 16px) !important;
}