/* 
Theme Name:		Hello Elementor Child
Theme URI:		https://elementor.com/
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:		1.0.0
Text Domain:	hello-elementor-child
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
*/
body.rtl .wpc-filters-main-wrap .wpc-filter-has-hierarchy .wpc-term-item-content-wrapper{padding-right: unset; padding-left: 32px;}
body.rtl .wpc-filters-main-wrap .wpc-filter-has-hierarchy .wpc-term-item-content-wrapper i.wpc-toggle-children-list{right: unset; left: 6px;}
.user-view .elementor-shortcode i{  background-color: var(--e-global-color-b22a678); aspect-ratio: 1/1; padding: 0.2vw; color:var(--e-global-color-00e86c1); border-radius: 20px;}
.user-view .elementor-shortcode i.viewed{background-color: var(--e-global-color-primary); color:var(--e-global-color-21517be);}

.e-cart__column.e-cart__column-end {display: none;}
.woocommerce-info {border-top-color:unset; border-top-width: 0px; border-bottom: 3px solid var(--e-global-color-primary);border-radius: 50px; }
.woocommerce-info::before{color:  var(--e-global-color-primary);}

#top-but a{fill: var(--e-global-color-21517be);
    color: var(--e-global-color-21517be);
    padding: 7% 14%;
    background-color: var(--e-global-color-primary);
    border-radius: 50px 50px 50px 50px;
    width: auto;
    white-space: nowrap;
}
#top-but a:hover{background-color: var(--e-global-color-accent);}
#top-but a.club{}
#top-but a.my-account{background-color: var(--e-global-color-21517be); color: var(--e-global-color-primary); border: var(--e-global-color-primary) solid 2px;}
#top-but a.my-account:hover{background-color:var(--e-global-color-primary); color:var(--e-global-color-21517be);}
.elementor-widget-shortcode .elementor-shortcode #top-but {display: flex; align-content: center;justify-content: center; align-items: center; gap: 20px; padding:20px;}

.wpc-filters-main-wrap ul.children{margin-left: 0; padding-inline-start: 20px;}

.my-cart-button{background-color: var(--toggle-button-background-color,transparent);
    color: #69727d;
    border: var(--toggle-button-border-width,1px) var(--toggle-button-border-type,solid) var(--toggle-button-border-color,#69727d);
    border-radius: 50px; display: inline-flex; flex-direction: row-reverse; align-items: center; padding: 9px 11px;  }
.my-cart-button:hover{    color: var(--e-global-color-accent); background-color: var(--e-global-color-secondary);}
.my-cart-button .elementor-button-icon{position: relative;}
.my-cart-button .elementor-button-text{display: none;}
.my-cart-button .elementor-button-icon .eicon-basket-solid{font-size: 21px; color:var(--e-global-color-text);}
.my-cart-button .elementor-button-icon  .cartCount{display: block;
    position: absolute; min-width: 1.6em; height: 1.6em; line-height: 1.5em; top: -0.7em; inset-inline-end: -0.7em; border-radius: 100%;
    color: var(--e-global-color-21517be);;
    background-color: var(--e-global-color-primary);
    text-align: center;
    font-size: 10px;}
@media (max-width: 767px) {
.elementor-widget-shortcode .elementor-shortcode #top-but { gap: 3%; padding:3%;}
    .my-cart-button{background-color: var(--toggle-button-background-color,transparent);
        color: #69727d;
        border: var(--toggle-button-border-width,1px) var(--toggle-button-border-type,solid) var(--toggle-button-border-color,#69727d);
        border-radius: 50px; display: inline-flex; flex-direction: row-reverse; align-items: center; padding: 4px 9px;}
    .my-cart-button:hover{    color: var(--e-global-color-accent); background-color: var(--e-global-color-secondary);}
    .my-cart-button .elementor-button-icon .eicon-basket-solid{font-size: 15px;}
}