/*
Theme Name: Mafoil Child
Theme URI: http://www.wpbingosite.com/mafoil
Author: wpbingo
Description: This is a child theme for Mafoil
Version: 1.0
Author URI: http://wpbingosite.com
Template: mafoil
Text Domain: mafoil-child
*/
/*************** ADD YOUR CUSTOM CSS HERE  ***************/

body {overflow-x: hidden !important;}

.col-12{
	display: flex;
	flex-direction: column;
}

/*************** Category Slider Hover  ***************/
div.item-product-cat-content:hover div.item-image img{
	border: 1px solid var(--e-global-color-primary) !important;
}

div.item-product-cat-content:hover .item-title a{
	color: var(--e-global-color-primary) !important;
}


/*************** Mono logo delete  ***************/
.payment_method_mono_gateway img{
	display:none;
}

/*************** Pagination  ***************/
@media screen and (max-width:991px){
	nav.woocommerce-pagination{
		width: 100% !important;
	}

	.woocommerce-pagination > ul.page-numbers li a{
		width: 100%;
	}

	.woocommerce-pagination > ul.page-numbers li{
		margin: 0px;
		width: 100%;
	}

	.woocommerce-pagination > ul.page-numbers li span {
		width: 100%;
	}
}



.products-list.grid:not(.slick-carousel) {
	justify-content: start;
}

/*************** Hardcode Swatch Colors  ***************/
/* Бабл-гам */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Бабл-гам"] span,
li.babl-ham span,
a[data-term-slug="babl-ham"] span.color-swatch {
	background-color: #f600ff !important;
}

/* Бежевий */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Бежевий"] span,
li.bezhevyy span,
a[data-term-slug="bezhevyy"] span.color-swatch {
	background-color: #ddc59d !important;
}

/* Баклажановий */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Баклажановий"] span,
li.baklazhanovyy span,
a[data-term-slug="baklazhanovyy"] span.color-swatch {
	background-color: #8d61c6 !important;
}

/* Білий */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Білий"] span,
li.bilyy span,
a[data-term-slug="bilyy"] span.color-swatch {
	background-color: #FAFAFA !important;
}

/* Блакитний */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Блакитний"] span,
li.blakytnyy span,
a[data-term-slug="blakytnyy"] span.color-swatch {
	background-color: #749bbf !important;
}

/* Бордовий */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Бордовий"] span,
li.bordovyy span,
a[data-term-slug="bordovyy"] span.color-swatch {
	background-color: #993232 !important;
}

/* Гірчичний */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Гірчичний"] span,
li.hirchychnyy span,
a[data-term-slug="hirchychnyy"] span.color-swatch {
	background-color: #dbb51e !important;
}

/* Гороховий */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Гороховий"] span,
li.horokhovyy span,
a[data-term-slug="horokhovyy"] span.color-swatch {
	background-color: #c7e07d !important;
}

/* Графітовий */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Графітовий"] span,
li.hrafitovyy span,
a[data-term-slug="hrafitovyy"] span.color-swatch {
	background-color: #636363 !important;
}

/* Електрик */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Електрик"] span,
li.elektryk span,
a[data-term-slug="elektryk"] span.color-swatch {
	background-color: #0019ff !important;
}

/* Зелений */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Зелений"] span,
li.zelenyy span,
a[data-term-slug="zelenyy"] span.color-swatch {
	background-color: #3e9600 !important;
}

/* Кемл */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Кемл"] span,
li.keml span,
a[data-term-slug="keml"] span.color-swatch {
	background-color: #d3984c !important;
}

/* Кораловий */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Кораловий"] span,
li.koralovyy span,
a[data-term-slug="koralovyy"] span.color-swatch {
	background-color: #ffa782 !important;
}

/* Коричневий */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Коричневий"] span,
li.korychnevyy span,
a[data-term-slug="korychnevyy"] span.color-swatch {
	background-color: #844115 !important;
}

/* Лавандовий */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Лавандовий"] span,
li.lavandovyy span,
a[data-term-slug="lavandovyy"] span.color-swatch {
	background-color: #ba91e2 !important;
}

/* Лимонний */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Лимонний"] span,
li.lymonnyy span,
a[data-term-slug="lymonnyy"] span.color-swatch {
	background-color: #f2ea82 !important;
}

/* Масло */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Масло"] span,
li.maslo span,
a[data-term-slug="maslo"] span.color-swatch {
	background-color: #ffffc4 !important;
}

/* Малиновий */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Малиновий"] span,
li.maslo span,
a[data-term-slug="malynovyy"] span.color-swatch {
	background-color: #e266bd !important;
}


/* М'ятний */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="М'ятний"] span,
li.miatnyy span,
a[data-term-slug="miatnyy"] span.color-swatch {
	background-color: #bef492 !important;
}


/* Молочний */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Молочний"] span,
li.molochnyy span,
a[data-term-slug="molochnyy"] span.color-swatch {
	background-color: #eae9e1 !important;
}

/* Мокко */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Мокко"] span,
li.molochnyy span,
a[data-term-slug="mokko"] span.color-swatch {
	background-color: #a38068 !important;
}

/* Оливковий */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Оливковий"] span,
li.olyvkovyy span,
a[data-term-slug="olyvkovyy"] span.color-swatch {
	background-color: #8ab561 !important;
}

/* Перламутровий */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Перламутровий"] span,
li.perlamutrovyy span,
a[data-term-slug="perlamutrovyy"] span.color-swatch {
	background-color: #f4dcb2 !important;
}

/* Персиковий */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Персиковий"] span,
li.persykovyy span,
a[data-term-slug="persykovyy"] span.color-swatch {
	background-color: #ffcd82 !important;
}

/* Помаранчевий */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Помаранчевий"] span,
li.pomaranchevyy span,
a[data-term-slug="pomaranchevyy"] span.color-swatch {
	background-color: #ef8700 !important;
}

/* Рожевий */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Рожевий"] span,
li.rozhevyy span,
a[data-term-slug="rozhevyy"] span.color-swatch {
	background-color: #ef81ab !important;
}

/* Синій */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Синій"] span,
li.syniy span,
a[data-term-slug="syniy"] span.color-swatch {
	background-color: #080063 !important;
}

/* Сірий */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Сірий"] span,
li.siryy span,
a[data-term-slug="siryy"] span.color-swatch {
	background-color: #afafaf !important;
}

/* Темно-зелений */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Темно-зелений"] span,
li.temno-zelenyy span,
a[data-term-slug="temno-zelenyy"] span.color-swatch {
	background-color: #426b00 !important;
}

/* Теракотовий */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Теракотовий"] span,
li.terakotovyy span,
a[data-term-slug="terakotovyy"] span.color-swatch {
	background-color: #ff6e51 !important;
}

/* Фуксія */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Фуксія"] span,
li.fuksiia span,
a[data-term-slug="fuksiia"] span.color-swatch {
	background-color: #e224b0 !important;
}

/* Фісташковий */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Фісташковий"] span,
li.fuksiia span,
a[data-term-slug="fistashkovyy"] span.color-swatch {
	background-color: #93c572 !important;
}

/* Хакі */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Хакі"] span,
li.khaki span,
a[data-term-slug="khaki"] span.color-swatch {
	background-color: #869e65 !important;
}

/* Червоний */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Червоний"] span,
li.chervonyy span,
a[data-term-slug="chervonyy"] span.color-swatch {
	background-color: #ff0000 !important;
}

/* Чорний */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Чорний"] span,
li.chornyy span,
a[data-term-slug="chornyy"] span.color-swatch {
	background-color: #0a0a0a !important;
}

/* Шоколадний */
.products-list.grid .product-wapper .product-attribute > div.color[data-title="Шоколадний"] span,
li.shokoladnyy span,
a[data-term-slug="shokoladnyy"] span.color-swatch {
	background-color: #915200 !important;
}




/*************** Filter  ***************/

.bwp-sidebar > .widget ul:not(.social-link):not(.content-products):not(.product_list_widget) {
	padding-left: 0px;
}

.yith-wcan-filters .yith-wcan-filter{
	margin-bottom: 45px;
}

.filter-title{
	color: var(--gray-dark, #222222);
    padding: 0 0 10px;
    background: transparent;
    font-weight: 500;
    font-size: calc(var(--font-size-heading,25px) - 5px);
    margin: 0px 0 15px 0;
    position: relative;
    line-height: calc(var(--font-size-heading,25px) - 5px);
    text-transform: uppercase;
	margin-bottom: 20px;
}

input[type='checkbox'] {
    accent-color: #222222 !important;
	border-radius: 0px !important;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item .checkboxbutton.checked:before{
	background-color: #222222 !important;
	border-color: #222222 !important;
}

.bwp-sidebar > .widget ul:not(.social-link):not(.content-products):not(.product_list_widget) li:not(.recentcomments){
	padding: 0px;
	margin-top: 10px;
}


ul.filter-checkbox li.filter-item a{
    font-family: var(--font-family-base, "Jost", sans-serif) !important;
    font-size: var(--font-size-body, 14px) !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    color: var(--text-color, #666666);
}

ul.filter-checkbox li.filter-item a small.item-count{
    font-family: var(--font-family-base, "Jost", sans-serif) !important;
    font-size: var(--font-size-body, 14px) !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    color: var(--text-color, #666666) ;
}


ul.filter-checkbox li.filter-item a:hover{
	color: #222222;
}
ul.filter-checkbox li.filter-item a:hover small.item-count{
	color: #222222;
}

ul.filter-checkbox li.filter-item.active a{
	color: #222222;
}
ul.filter-checkbox li.filter-item.active a small.item-count{
	color: #222222;
}

ul.filter-checkbox li.filter-item label{
	margin: 0px;
}

.yith-wcan-reset-navigation{
	border: 1px solid var(--gray-dark, #222222);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 35px;
    padding: 0 15px;
    min-width: 155px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.yith-wcan-reset-navigation:hover{
	background: var(--theme-color, #7f4227);
    border-color: var(--theme-color, #7f4227);
    color: #fff;
}

.bwp-top-bar.top{
	margin-top: 0px !important;	
}

span.term-color:hover{
	border-color: #222222 !important;
}

span.yith-wcan-tooltip{
    background-color: #222222 !important;
    color: #ffffff !important;
}

.yith-wcan-tooltip:before{
    border-top: 5px solid #222222 !important;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active.color .term-color{
	border-color: #222222 !important;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active.color > a:after{
	background-color: #222222 !important;
	line-height: 13px;
}

.login-header{
	display: none !important;
}

.order-tracking-link{
	display: none !important;
}

.woocommerce-filter-title{
	display: none !important;
}


/* Variation selectors on Product Page */

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock){
	background-color: #222222;
	color: #ffffff;
	border-color: #222222;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item.selected:not(.no-stock) .variable-item-contents:before{
	background-image: url(/wp-content/uploads/2024/06/check-2.svg) !important;
}

/* Header on mobile */

@media screen and (max-width: 1024px){
	.bwp-header .wpbingoLogo img{
		top: 8px !important;
	}
}

/* Wishlist page form and button */
#woosw_copy_btn{
	border: 1px solid var(--gray-dark, #222222);
	background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 35px;
    padding: 0 15px;
    min-width: 175px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	cursor: pointer;
	color: #222222;
}

#woosw_copy_btn:hover{
	background: var(--theme-color, #7f4227);
    border-color: var(--theme-color, #7f4227);
    color: #fff;
}

.woosw-list .woosw-actions .woosw-copy .woosw-copy-btn{
	position: relative ;
	right: 0px;
}

.woosw-copy{
	gap: 20px;
}

.woosw-list .woosw-copy .woosw-copy-url{
	margin: 0px;
}

input#woosw_copy_url{
	border: 1px solid var(--gray-dark, #222222);
	border-radius: 0px;
	min-width: 355px;
	padding: 0px 20px;
	font-size: 14px;
	height: 37px;
	cursor: pointer;
}

@media (max-width: 1024px) {
    .woosw-list .woosw-actions {
        align-items: start;
    }
}

@media (max-width: 480px) {
    .woosw-list .woosw-actions .woosw-copy-label {
        display: block;
    }
}

@media (max-width: 675px) {
	.woosw-copy-url{
        width: 100%;
    }

    .woosw-copy-url input{
        width: 100%;
    }

	.woosw-copy-btn{
        width: 100%;
    }

	.woosw-copy-btn button{
        width: 100%;
    }
}

/* Wishlist popup */
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top:before{
	color: #222222;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close{
	box-shadow: none;
}

/* Nova Poshta selectors */

.zen-ui-select__value{
	width: 100%;
    border-width: 0 0 2px;
    border-color: var(--border-color, #e5e5e5);
    padding: 0 !important;
    height: 40px;
    line-height: 40px;
    color: var(--gray-dark, #222222);
}

.zen-ui-select__value>svg{
	border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    margin-left: -4px;
    margin-top: -2px;
    top: 50%;
    width: 0;
}

/* Features products rating in Shop Sidebar hiding */

.bwp-widget-feature-product .rating{
	display:none;
}

/* Sale in menu - red */

.sale-menu-item-red a{
	color: #FF4C4C !important;
}

.sale-menu-item-red span:before{
	background: #FF4C4C !important;
}

/* Sale tag - red */

.onsale{
	background: #FF4C4C;
	color: #ffffff;
}


/* Mono Checkout Button Style */

.monocheckout-wrapper{
	order: 2 !important;
    margin: auto !important;
    justify-content: center !important;
    display: flex !important;
	width: 100% !important;
}

.monocheckout-wrapper a{
    background-color: #000000 !important;
    width: 100% !important;
    justify-content: center !important;
    display: flex !important;
}

.cart_totals div.monocheckout-wrapper{
	padding: 20px 30px 0 30px!important;
}

/* Make Categories Squared */
.elementor-43445 .elementor-element.elementor-element-4002c83 img{
	aspect-ratio: 1 / 1 !important;
	width: 100% !important;
	object-fit: cover !important;
}

/* Hide shop sidebar filter */
#block-31{
	display: none;
}

/* Hide shop "Notify when available" */
.product-notify{
display: none;
}

/* Acordion links */
.woocommerce-product-attributes-item__value p {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.woocommerce-product-attributes-item__value a{
	font-size: inherit !important;
	width: auto !important;
	color: #666666;
}

.woocommerce-product-attributes-item__value a:hover{
	color: #1a1a1a;
}

.woocommerce-product-attributes-item__value a:before{
	display: none;
}
.woocommerce-tabs.description-style-accordion{
	margin-top: 25px;
}

.woocommerce-tabs.description-style-accordion .accordion-item{
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.woocommerce-tabs .content-tab{
	padding-bottom: 15px;
	
}

/* Delete SKU and Category */
.product_meta{
	display: none !important;
}


/* New Badge in menu */
.bwp-navigation ul.menu>li.level-0>ul.sub-menu li a>span.new-badge{
	background: #1a1a1a;
	top: 0;
	right: inherit;
}

.bwp-navigation ul.menu>li.level-0>ul.sub-menu li a>span:not(.elementor-icon-list-text):before{
	display: none !important;
}
@media (max-width: 991px){
	.content-mobile-menu .bwp-canvas-navigation .mm-menu .sub-menu span.new-badge{
    background: #1a1a1a;
    color: #ffffff;
    padding: 2px 5px;
    font-size: 10px;
    margin-right: 5px;
    text-transform: uppercase;
	}
}
}

/* Прибрати бордер */
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
    border: none !important;
}

/* Менший паддінг */
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
    padding: 8px 0px !important;
	border: none;
}
@media (max-width: 1510px){
	.woocommerce-tabs .content-woocommerce-tabs .content-tab{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}