/*
Theme Name: Climate King [Blocksy Child Theme]
Template: blocksy
Version: 1.0
Description: Child theme voor aanpassingen
Author: Stefan Klammer
*/

@import url("../blocksy/style.css"); /* Verbind met het ouderthema */


.vc_box_rounded img {
    border-radius: 15px !important;
		filter: drop-shadow(10px 10px 6px rgb(0 0 0 / 0.4)); /* Verander de waarde naar wens */
}
.shadow {    border-radius: 15px !important;
		filter: drop-shadow(10px 10px 6px rgb(0 0 0 / 0.4)); /* Verander de waarde naar wens */}
.wpb_text_column.drop_shadow {
    border-radius: 5px !important;
		filter: drop-shadow(10px 10px 6px rgb(0 0 0 / 0.4)); /* Verander de waarde naar wens */
}

body.logged-out .ct-header-cart {
    display: none;
}
body.logged-out .logged-in-only {
    display: none !important;
}
/* laat elementen met deze CSS-Klasse alleen zien voor uitgelogde gebruikers*/
body.logged-in .logged-out-only {
    display: none !important;
}
/* Verberg individuele producten en categorieën voor uitgelogde gebruikers */
body.logged-out ul.products, 
body.logged-out .product-category {
    display: none !important;
}

/* Optioneel: Verberg ook de winkelpagina helemaal */
body.logged-out.woocommerce-shop {
    display: none !important;
}

/* Optioneel: Verberg berichten op WooCommerce-archiefpagina's */
body.logged-out .woocommerce-archive {
    display: none !important;
}
/* Verberg individuele productpagina's voor uitgelogde gebruikers */
body.logged-out.single-product {
    display: none !important;
}
/* Verberg de zoekfunctie voor uitgelogde gebruikers */
body.logged-out .ct-header-search {
    display: none !important;
}

/* Onderstaande staat in verbinding met een functie: BRL-100 + admin kunnen onderstaande wel zien, andere rollen niet */

/* Verberg elementen met de klasse */
.speciale-toegang {
    display: none;
}

/* Maak bovenstaande zichtbaar voor toegestane rollen */
body.heeft-speciale-toegang .speciale-toegang {
    display: block;
}

/* Onderstaande staat in verbinding met een functie: BRL-100 + admin kunnen onderstaande nu juist niet zien, andere rollen wel */

/* Maak standaard alle inhoud zichtbaar */
.verberg-voor-speciale-toegang {
    display: block;
}

/* Verberg deze inhoud voor gebruikers met speciale toegang */
body.heeft-speciale-toegang .verberg-voor-speciale-toegang {
    display: none;
}

/* Deze stijl is gemaakt voor het "producten bestellen" menu item, zodat die meer opvalt dan de rest, daarnaast maakt onderstaande een soort tabblad idee*/

#mega-menu-item-3389 {
    background-color: rgba(0, 0, 0, 0.2) !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
	transition: background-color 0.2s ease, color 0.2s ease !important;
}
#mega-menu-item-2056, #mega-menu-item-2721 {
	border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
	transition: background-color 0.2s ease, color 0.2s ease !important;
}

#mega-menu-item-3389:hover, #mega-menu-item-2056:hover, #mega-menu-item-2721:hover {
    background-color: rgb(255, 255, 255) !important;
	transition-delay: 0.3s !important;
}