/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/
Description: Child theme voor het Hello Elementor thema.
Author: TechMere
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/*
 * Voeg hieronder je eigen CSS toe.
 */

/* Styling van de search */

/* Hele zoekbalk */
.aws-container .aws-search-form {
    height: 100%;
}

.aws-container,
.aws-container .aws-search-form,
.aws-container .aws-wrapper {
    overflow: visible !important;
}

/* Zoekveld */
.aws-container .aws-search-field {
    padding: .5rem 1rem;
    font-size: 16px;
    background-color: #fff;
	border-style: none;
	border-radius: 20px !important;
    box-shadow: rgba(114, 114, 114, 0.26) 0px 0px 10px 0px
}

/* Zoekknop */
.aws-container .aws-search-form .aws-search-btn.aws-form-btn {
    background-color: var( --e-global-color-secondary );
    border-radius: 20px !important;
	padding: 16px 24px 18px 24px;
	margin-left: 8px;
	width: auto !important;
	border: var( --e-global-color-secondary ) solid 1px;
}

.aws-container .aws-search-form .aws-search-btn .aws-search-btn_icon {
	width: auto !important;
}

/* Icoon in zoekknop */
.aws-container .aws-search-form .aws-search-btn svg {
    fill: #fff;
	font-size: 16px;
	width: 32px;
	height: 32px;
}

/* Placeholder */
.aws-container .aws-search-field::placeholder {
    color: #777;
    opacity: 1;
}

/* Focus */
.aws-container .aws-search-field:focus {
    border-color: #333 !important;
    outline: none;
}

/* Dropdown met zoekresultaten */
.aws-search-result {
    border-radius: 20px !important;
    overflow: hidden;
    border: 1px solid #ddd;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Individueel resultaat */
.aws-search-result .aws_result_item {
    padding: 12px;
}

/* Producttitel */
.aws-search-result .aws_result_title {
    color: #000 !important;
    font-weight: 700;
    font-size: 16px;
}

/* Prijs */
.aws-search-result .aws_result_price {
    font-weight: 600;
}

/* Productafbeelding */
.aws-search-result .aws_result_image img {
    border-radius: 5px;
}

.aws-search-result .aws_results .aws_result_item.aws_search_more {
	font-size: 16px;
}

/* Einde Styling van de search  */


/* BOGO informatie in mini-winkelwagen */
.woocommerce-mini-cart .variation {
	display: block !important;
	width: 100% !important;
}

.woocommerce-mini-cart .variation dt,
.woocommerce-mini-cart .variation dd {
	display: block !important;
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.woocommerce-mini-cart .variation dt {
	font-weight: 600;
	margin-top: 4px !important;
}

.woocommerce-mini-cart .variation dd {
	margin-top: 2px !important;
}

.woocommerce-mini-cart .variation dd p {
	margin: 0 !important;
}
/* Einde BOGO informatie in mini-winkelwagen */

@media (max-width: 768px) {
    /*
    |--------------------------------------------------------------------------
    | Normale uitgeklapte filters verbergen
    |--------------------------------------------------------------------------
    */

    .wpc-filter-set-345449:not(.tm-filter-popup-open)
    .wpc-filters-widget-content {
        display: none !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Hele widget fullscreen
    |--------------------------------------------------------------------------
    */

    body > .wpc-filter-set-345449.tm-filter-popup-open {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        max-width: none !important;
        height: 100vh !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 2147483647 !important;
        background: #fff;
        box-sizing: border-box;
    }


    /*
    |--------------------------------------------------------------------------
    | Normale openknop binnen popup verbergen
    |--------------------------------------------------------------------------
    */

    body > .wpc-filter-set-345449.tm-filter-popup-open
    > .wpc-filters-open-button-container {
        display: none !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Spinner eventueel verbergen
    |--------------------------------------------------------------------------
    */

    body > .wpc-filter-set-345449.tm-filter-popup-open
    > .wpc-spinner {
        position: absolute;
        z-index: 10;
    }


    /*
    |--------------------------------------------------------------------------
    | Popup content
    |--------------------------------------------------------------------------
    */

    body > .wpc-filter-set-345449.tm-filter-popup-open
    > .wpc-filters-widget-content {
        display: flex !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        flex-direction: column;
        background: #fff;
        overflow: hidden !important;
        box-sizing: border-box;
    }


    /*
    |--------------------------------------------------------------------------
    | Header
    |--------------------------------------------------------------------------
    */

    body > .wpc-filter-set-345449.tm-filter-popup-open
    .wpc-widget-close-container {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        flex-shrink: 0;
        width: 100%;
        min-height: 72px;
        padding: 0 28px;
        box-sizing: border-box;
        background: #fff;
        border-bottom: 1px solid #ddd;
    }


    /*
    |--------------------------------------------------------------------------
    | Titel
    |--------------------------------------------------------------------------
    */

    body > .wpc-filter-set-345449.tm-filter-popup-open
    .wpc-widget-popup-title {
        order: 1;
        margin: 0;
        color: var(--e-global-color-primary);
        font-size: 20px;
        font-weight: 700;
        line-height: 1.2;
    }


    /*
    |--------------------------------------------------------------------------
    | Sluitknop
    |--------------------------------------------------------------------------
    */

    body > .wpc-filter-set-345449.tm-filter-popup-open
    .wpc-widget-close-icon {
        order: 2;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        margin: 0 !important;
        padding: 0 !important;
        color: var(--e-global-color-primary);
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        cursor: pointer;
    }


    /*
    |--------------------------------------------------------------------------
    | X
    |--------------------------------------------------------------------------
    */

    body > .wpc-filter-set-345449.tm-filter-popup-open
    .wpc-widget-close-icon
    .wpc-icon-html-wrapper {
        position: relative;
        display: block;
        width: 22px;
        height: 22px;
        background: transparent !important;
    }


    body > .wpc-filter-set-345449.tm-filter-popup-open
    .wpc-widget-close-icon
    .wpc-icon-line-1,
    body > .wpc-filter-set-345449.tm-filter-popup-open
    .wpc-widget-close-icon
    .wpc-icon-line-2,
    body > .wpc-filter-set-345449.tm-filter-popup-open
    .wpc-widget-close-icon
    .wpc-icon-line-3 {
        display: none !important;
    }


    body > .wpc-filter-set-345449.tm-filter-popup-open
    .wpc-widget-close-icon
    .wpc-icon-html-wrapper::before,
    body > .wpc-filter-set-345449.tm-filter-popup-open
    .wpc-widget-close-icon
    .wpc-icon-html-wrapper::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 2px;
        background: currentColor;
        transform-origin: center;
    }


    body > .wpc-filter-set-345449.tm-filter-popup-open
    .wpc-widget-close-icon
    .wpc-icon-html-wrapper::before {
        transform:
            translate(-50%, -50%)
            rotate(45deg);
    }


    body > .wpc-filter-set-345449.tm-filter-popup-open
    .wpc-widget-close-icon
    .wpc-icon-html-wrapper::after {
        transform:
            translate(-50%, -50%)
            rotate(-45deg);
    }


    /*
    |--------------------------------------------------------------------------
    | Tweede titel verwijderen
    |--------------------------------------------------------------------------
    */

    body > .wpc-filter-set-345449.tm-filter-popup-open
    .wpc-filter-set-widget-title {
        display: none !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Container
    |--------------------------------------------------------------------------
    */

    body > .wpc-filter-set-345449.tm-filter-popup-open
    .wpc-filters-widget-containers-wrapper {
        display: flex !important;
        flex-direction: column;
        flex: 1;
        min-height: 0;
        overflow: hidden !important;
	border-radius: 0 !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Scrollbare inhoud
    |--------------------------------------------------------------------------
    */

    body > .wpc-filter-set-345449.tm-filter-popup-open
    .wpc-filters-scroll-container {
        flex: 1;
        min-height: 0;
        padding: 20px 38px;
        box-sizing: border-box;
        overflow-y: auto !important;
        overflow-x: hidden !important;

        -webkit-overflow-scrolling: touch;
    }


    /*
    |--------------------------------------------------------------------------
    | Geen interne scrollbars
    |--------------------------------------------------------------------------
    */

    body > .wpc-filter-set-345449.tm-filter-popup-open
    .wpc-filter-content,
    body > .wpc-filter-set-345449.tm-filter-popup-open
    .wpc-filters-ul-list,
    body > .wpc-filter-set-345449.tm-filter-popup-open
    .wpc-filter-full-height
    .wpc-filter-content,

    body > .wpc-filter-set-345449.tm-filter-popup-open
    .wpc-filter-full-height
    .wpc-filters-ul-list {
        list-style: none;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding-left: 0;
    }


    /*
    |--------------------------------------------------------------------------
    | Scrollbars verbergen
    |--------------------------------------------------------------------------
    */

    body > .wpc-filter-set-345449.tm-filter-popup-open
    .wpc-filter-content::-webkit-scrollbar,
    body > .wpc-filter-set-345449.tm-filter-popup-open
    .wpc-filters-ul-list::-webkit-scrollbar {
        display: none !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Ruimte tussen filters
    |--------------------------------------------------------------------------
    */

    body > .wpc-filter-set-345449.tm-filter-popup-open
    .wpc-filters-section {
        margin-bottom: 24px;
    }


    /*
    |--------------------------------------------------------------------------
    | Onderste knoppen
    |--------------------------------------------------------------------------
    */

    body > .wpc-filter-set-345449.tm-filter-popup-open
    .wpc-filters-widget-controls-container {
        flex-shrink: 0;
        width: 100%;
        padding: 15px 20px;
        box-sizing: border-box;
        background: #fff;
        border-top: 1px solid #ddd;
    }


    /*
    |--------------------------------------------------------------------------
    | Bewerk-link verbergen
    |--------------------------------------------------------------------------
    */

    body > .wpc-filter-set-345449.tm-filter-popup-open
    .wpc-edit-filter-set {
        display: none !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Achtergrond niet scrollen
    |--------------------------------------------------------------------------
    */

    body.tm-filter-popup-active {
        overflow: hidden !important;
        height: 100dvh;
    }
}