/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
html{
    overflow: -moz;
	overflow-y: scroll;
	overflow-anchor: none;
}
.site-main{
    padding-top: 400px !important;
}
/*
.product-category .site-main, .product .site-main{
    padding-top: 200px !important;
}
*/
/* Hide WooCommerce shop/category title */

/* Hide WooCommerce breadcrumbs */
.woocommerce-breadcrumb {
    display: none !important;
}
.elementskit-menu-hamburger:hover, .elementskit-menu-toggle:hover, .elementor-element-f68cedb:hover, .elementor-widget:hover, .elementor-widget-ekit-nav-menu:hover{
    background-color: none !important;
    background: none !important;
}
.ekit-menu-icon, .ekit-svg-icon, .icon-menu-button-of-three-horizontal-lines{
    fill: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
}
.ekit-menu-icon:hover, .ekit-svg-icon:hover, .icon-menu-button-of-three-horizontal-lines:hover, .ekit-menu-icon:active, .ekit-svg-icon:active, .icon-menu-button-of-three-horizontal-lines:active{
    color: #FF931E !important;
    fill: #FF931E !important;
}
.elementskit-menu-close, .elementskit-menu-toggler{
    color: black !important;
}
.control {
    color: white !important;
}
.elementskit-dropdown, .elementskit-submenu-panel{
    z-index: 21;
}
.elementor-element-4379757:hover, .button.elementskit-menu-hamburger:hover {
    background-color: #4E83BB;
}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background-color: #4E83BB;
}
/* Standaardkleur van jouw SVG icoon (Winkelwagen leeg) */
.elementor-element-b8b8f2f .elementor-icon svg,
.elementor-element-c679c61 .elementor-icon svg {
    fill: white; /* Je huidige/standaardkleur */
    transition: fill 0.3s ease;
}
/* Nieuwe kleur wanneer de winkelwagen gevuld is */
body.cart-is-not-empty .elementor-element-b8b8f2f .elementor-icon svg,
body.cart-is-not-empty .elementor-element-c679c61 .elementor-icon svg{
    fill: #FF931E !important; /* De kleur die het moet worden (bijv. rood) */
}

#wpforms-form-5961, #wpforms-5961-field_2-container{
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    align-items: center!important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    gap: 0 !important;
    flex: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 30px !important;
}
.alignwide{
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
.post-type-archive-product, .type-produc, .site-main{
    padding-top: -200px !important;
    margin-top: -200px !important; 
}
.woocommerce-product-gallery__image{
    max-width: 300px !important;
    max-height: 400px !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: flex-end !important;
}
/* Verberg de algemene header alleen op de homepage */
.home #mainheader {
    display: none !important;
}

/* Verberg de homepage header op álle andere pagina's behalve de homepage */
body:not(.home) #homepageheader {
    display: none !important;
}
.wp-block-group{
    margin-top: -400px !important;
}
 .wc-block-cart{
    margin-top: 0px !important;
}
.elementor-element-cf7f046{
    max-width: 400px;
}
/*
-------------------------------------          styling hamburger menu                     ------------------------------------------
*/
.elementor-265 .elementor-element.elementor-element-4379757 button.elementskit-menu-hamburger > .ekit-menu-icon {
    fill: white;
}

/* Apply adjustments strictly to mobile screens (iPhones/smartphones) */
@media (max-width: 767px) {
    .elementor-element-aa328df img, .elementor-element-bea6684 img {
        height: 80px !important;    /* Forces a highly visible mobile height */
        max-height: 80px !important;
        width: auto !important;     /* Prevents the image from stretching distortion */
    }
}