/*
 Theme Name:   Bfres Child
 Theme URI:    https://wordpress.com
 Description:  This is a child theme for Bfres
 Author:       Goalthemes
 Author URI:   #
 Template:     bfres
 Version:      1.0.0
 Text Domain:  bfres-child
*/

/* ----- custom ----- */
:root {
	--primary-color: #20533b;
	--secondary-color: #cb5439;
}

/* breadcrumb */
#goal-breadscrumb {
	background-image: url(../../uploads/2023/07/breadscrumb.jpg);
}

/* product */
.woocommerce div.product .cart.variations_form .tawcvs-swatches .swatch-item-wrapper, 
.woocommerce:not(.archive) li.product .cart.variations_form .tawcvs-swatches .swatch-item-wrapper, 
.woocommerce.single-product .cart.variations_form .tawcvs-swatches .swatch-item-wrapper, 
.wc-product-table-wrapper .cart.variations_form .tawcvs-swatches .swatch-item-wrapper, 
.woocommerce.archive .cart.variations_form .tawcvs-swatches .swatch-item-wrapper {
	margin-top: 0 !important;
    margin-right: 15px !important;
    margin-bottom: 15px !important;
    margin-left: 0 !important;
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
}
.goal-filter select {
	padding: 0 15px 0 5px;
}
.info_wrapper_alert .media-heading {
	font-weight: 600;
}
.single-product.woocommerce div.product form.cart .button:after {
    top: calc(50% - 3px);
}

/* cart */
#add_payment_method table.cart td.actions .coupon label, 
.woocommerce-cart table.cart td.actions .coupon label, 
.woocommerce-checkout table.cart td.actions .coupon label {
    padding-left: 15px;
}
#add_payment_method table.cart td.actions .coupon input.input-text, 
.woocommerce-cart table.cart td.actions .coupon input.input-text, 
.woocommerce-checkout table.cart td.actions .coupon input.input-text {
	color: #656565;
}
.product-block-list .groups-button {
	gap: 5px;
}
.mona-item-coupon {
	float: left;
    display: flex;
    gap: 5px;
}
.shopping_cart_content .cart_list {
	overflow-y: scroll;
}
.widget-product {
	position: relative;
}
.widget-product.loading:before {
	content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: #c0c0c07d;
}

/* wishlist */
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top {
	background-color: var(--primary-color);
}

/* checkout */
.woo-pay-perfect .wc-bacs-bank-details .account_number {
	padding: 0;
	margin: 0;
}
#add_payment_method .checkout .col-2 .notes, 
.woocommerce-cart .checkout .col-2 .notes, 
.woocommerce-checkout .checkout .col-2 .notes {
	display: block !important;
}

/* footer */
.mona-form-footer {
	display: flex;
	position: relative;
}
.mona-form-footer .form-input {
	flex: 1;
}
.mona-form-footer .wpcf7-form-control-wrap {
	display: block;
}
.mona-form-footer .form-input input {
	background-color: #fff;
    border: 1px solid #e3e3e3;
    color: #aaa;
    outline: none;
    font-size: 13px;
    width: 100%;
    padding: 0 15px;
    height: 50px;
    position: relative;
    z-index: 2;
    float: left;
    margin: 0;
    border-radius: 50px;
}
.mona-form-footer .form-input .wpcf7-not-valid-tip {
	font-size: 12px;
}
.mona-form-footer .input-group-btn {
	width: auto;
}
.mona-form-footer .input-group-btn button {
	position: relative;
	color: #fff;
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    font-size: 13px;
    line-height: 1;
    font-weight: 700;
    padding: 10px 30px;
    margin-left: 15px;
    height: 50px;
    border: 0;
}
.mona-form-footer .input-group-btn button:hover {
	background: var(--primary-color);
    border-color: var(--primary-color);
}
.wpcf7-form.submitting .mona-form-footer .input-group-btn button {
	pointer-events: none;
	opacity: 0.75;
}
.wpcf7-form .wpcf7-response-output {
	margin-left: 0 !important;
    margin-right: 0 !important;
}
.mona-form-footer .loading:before {
    content: '';
    position: absolute;
    background-image: url(../bfres/images/loading.png);
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    bottom: calc(50% - 12px);
    left: calc(50% - 8px);
    object-fit: cover;
    background-size: cover;
    animation: spin 1s infinite linear;
	opacity: 0
}
.wpcf7-form.submitting .loading:before {
	opacity: 1;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.mona-footer-media {
	display: flex;
    justify-content: center;
    align-items: center;
}
.mona-footer-media img {
	height: 13px !important;
	padding-left: 5px;
}

/* hidden */
.d-none {
	display: none !important;
}

/* table */
@media (max-width: 991px) {
	
	/* footer */
	.goal-footer-mobile > ul {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.goal-footer-mobile > ul > li:first-child {
		padding-left: 0
	}
	.goal-footer-mobile > ul > li:last-child {
		padding-right: 0
	}
}

/* mobile */ 
@media (max-width: 767px) {
	/* product */
	.product-block.grid .add-cart > .added_to_cart:not(.loading)::before, 
	.product-block.grid .add-cart > .button:not(.loading)::before {
		display: none !important;
	}
	.product-block.grid .add-cart > .added_to_cart .text, 
	.product-block.grid .add-cart > .button .text {
		font-size: 10px;
		line-height: 3.5;
	}
	.product-block.grid .metas {
		padding: 0 8px 10px;
	}
	.slick-carousel .slick-slide {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }
	.product-block.list {
		margin-bottom: 14px;
	}
	.wrapper-fillter .goal-filter .wrapper-right select {
		text-align: center;
	}
	.wrapper-fillter .goal-filter .wrapper-right .pull-right {
		margin-top: 10px;
	}
	.woocommerce.widget-products-deal .top-info {
		display: flex;
    	flex-direction: column;
	}
	
	/* cart */
	#add_payment_method table.cart td.actions .coupon label, 
	.woocommerce-cart table.cart td.actions .coupon label, 
	.woocommerce-checkout table.cart td.actions .coupon label {
		text-align: center;
    	width: 100%;
		padding-top: 5px;
		padding-left:0;
	}
	#add_payment_method table.cart td.actions .coupon input.input-text, 
	.woocommerce-cart table.cart td.actions .coupon input.input-text, 
	.woocommerce-checkout table.cart td.actions .coupon input.input-text {
		text-align: center;
	}
	.mona-item-coupon {
		gap: 15px;
		flex-direction: column;
    	width: 100%;
		margin-bottom: 15px;
	}
	.mona-item-coupon .mona-coupon {
		border-radius: 15px;
		padding: 0;
	}
	.mona-item-coupon .mona-coupon #coupon_code {
		margin-bottom: 0 !important;
	}
	.mona-cart-form .product-name {
		order: 1;
	}
	.mona-cart-form .product-thumbnail,
	.mona-cart-form .product-price,
	.mona-cart-form .product-quantity,
	.mona-cart-form .product-subtotal,
	.mona-cart-form .product-remove {
		order:2;
	}
	.mona-cart-form .product-thumbnail {
		display: block !important;
	}
	.mona-cart-form .woocommerce-cart-form__cart-item.cart_item {
		display: grid;
		
	}
	.woocommerce table.shop_table_responsive tr:nth-child(2n) td, 
	.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
		background-color: unset !important;
	}
	
	/* wishlist */
	#goal-main-content .woosw-list {
		overflow-x: scroll;
		margin-bottom: 20px;
	}
	#goal-main-content .woosw-list .woosw-actions {
		margin: 20px 0;
	}
	#goal-main-content .woosw-list .woosw-copy-label {
		white-space: nowrap;
	}
	
	/* footer */
	.goal-footer .widget-nav-menu ul.menu li {
		display: block !important;
	}
	.mona-form-footer .form-input .wpcf7-not-valid-tip {
		font-size: 10px;
	}
	.mona-form-footer .input-group-btn button {
		margin-left: 10px;
	}
	.mona-footer-media {
		font-size: 12px;
	}
	.mona-footer-media img {
		height: 10px !important;
	}
	.goal-footer .mona-logo-footer .logo img {
		width: 160px;
	}
	
	/* hidden */
	.goal-footer .widget-nav-menu ul.menu li + li:before,
	.mona-cart-form .product-thumbnail:before {
		display: none !important;
	}
}
/* ----- end custom ----- */

/* scrollbar */
body::-webkit-scrollbar-track,
#goal-main-content .woosw-list::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

body::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}
.shopping_cart_content .cart_list::-webkit-scrollbar {
	width: 0;
}
#goal-main-content .woosw-list::-webkit-scrollbar {
	height: 6px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb,
#goal-main-content .woosw-list::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: var(--secondary-color);
}