/* 
Theme Name:		Hello Buro Staal
Theme URI:		https://burostaal.nl/
Description:	Hello Buro Staal is a child theme of Hello Elementor, created by Elementor team
Author:			Buro Staal
Author URI:		https://burostaal.nl/
Template:		hello-elementor
Version:		1.0.2
Text Domain:	hello-buro-staal
*/

/* 
	Toon "menu" op smartphone bij hamburger icoontje
*/
div.elementor-menu-toggle {
	background-color: transparent;
	margin: auto;
	padding: 0;
}
div.elementor-menu-toggle span.elementor-screen-only {
	position: absolute;
	top: 25px;
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	clip: auto;
	border: 0;
	left: 0;
	color: #000;
	text-align: center;	
	text-transform: lowercase;
	font-size: 18px;
}
div.elementor-menu-toggle [class*=" eicon-"], div.elementor-menu-toggle [class^=eicon] {
	font-size: 25px !important;
}

h2:before {
    content: "\2f" "\2f";
    font-size: 32px;
    font-weight: 900;
    color: #e1922a;
    margin-right: 8px;
}
.enkel h3:before {
    content: "\2f";
    font-size: 26px;
    font-weight: 900;
    color: #e1922a;
    margin-right: 8px;
}
/*FILTER WINKELPAGINA*/
.jet-smart-filters-checkboxes.jet-filter.jet-filter-indexed:before {
    font-size: 19px;
    font-weight: 700;
}
.jet-filter-items-moreless__toggle.jet-more-btn {
    margin-bottom: 15px;
}

/*CHECKOUT */
.woocommerce-page form .form-row-quart-first, .woocommerce form .form-row-quart-first {
    margin-left: 4% !important;
}

/*PRODUCT PAGINA*/
table.variations th.label {
    text-align: left;
    padding: 0;
}
table.variations td.value {
    padding: 0;
    background: transparent !important;
}
.dataTables_wrapper,
.tablepress {
	width: 100% !important;
	overflow: scroll !important;
}
table tbody tr:hover>td, table tbody tr:hover>th, th.label {
    background-color: #fff !important;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
    padding-bottom: 1em;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #17850f;
    font-weight: 800;
}

@media only screen and (max-width: 1024px){
div.elementor-menu-toggle {
	margin: 0 12px 0 0;
}
}

/*CHECK IF CART IS EMPTY*/
jQuery(document).ready(function($) {
    // Controleer of wc_cart_fragments bestaat (de winkelmand-inhoud)
    if (typeof wc_cart_fragments_params !== 'undefined') {
        // Controleer de winkelmand-inhoud
        var cartContent = localStorage.getItem('wc_cart_fragments');
        
        if (cartContent) {
            var cartData = JSON.parse(cartContent);
            
            // Check of de winkelmand gevuld is
            if (Object.keys(cartData).length > 0) {
                // Activeer de JetPopup als de winkelmand gevuld is
                // Vervang '10695' met de daadwerkelijke ID van je popup
                JetPopup.showPopup('10695');
            }
        }
    }
});

/*SHOW POPUP NOTIFICATION FOR CART*/
jQuery(document).ready(function($) {
    // Controleer of wc_cart_fragments_params beschikbaar is (dit betekent dat WooCommerce geladen is)
    if (typeof wc_cart_fragments_params !== 'undefined') {
        // Haal de winkelmandgegevens op uit de localStorage van de browser
        var cartContent = localStorage.getItem('wc_cart_fragments');
        
        // Controleer of er iets in de localStorage is opgeslagen
        if (cartContent) {
            // Parseer de opgeslagen winkelmandgegevens
            var cartData = JSON.parse(cartContent);
            
            // Controleer of er daadwerkelijk producten in de winkelmand zitten
            if (Object.keys(cartData).length > 0) {
                // Als er producten in de winkelmand zitten, trigger de popup
                // '10695' vervang je door de ID van jouw specifieke JetPopup
                JetPopup.showPopup('10695');
            }
        }
    }
});