/*
Theme Name: Arush
Theme URI: Arush.ir
Template: hello-elementor
Author: AmirrezaYoneszadehShirazi
Author URI: Arush.ir
Description: 
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 1.1683142709
Updated: 2023-05-03 23:08:28

*/

/*کامنت محصول*/
*{
	outline:none!important;
}
/*دکمه کامنت*/
.submit{
	background-color:#043ccc!important;
	color:white!important;
	border-radius:10px!important;
	padding:10px 30px!important
}
/*فیلد کامنت*/
.comment-form input , .comment-form textarea{
	border:none;
	background-color:#e1dde7;
	border-radius:10px
}
.comment-form-cookies-consent{
	display:none;
}
.comment-text {
    border: none!important;
    background-color: #e3ffc7;
    border-radius: 10px!important;
margin-right:10px!important
}
/*تصویر کاربر*/
.woocommerce #reviews #comments ol.commentlist li img.avatar {
    border-radius: 50%;
    width: 40px;
    top: 20px;
    right: -40px;
}
/*کامنت ریپلای*/
.children .comment-text{
	background-color:#ffc2c2
}
/*افزودن آجاکس*/
/*دکمه*/
a.added_to_cart.wc-forward {
    position: absolute;
    right: 0!important;
    width: 136px;
    top: -52px;
    background-color: #043ccc;
    color: white;
    z-index: 999;
    padding: 10px 5px;
    border-radius: 10px;
    text-align: center;
}

/*مثلث زیر دکمه*/
a.added_to_cart.wc-forward:before{
	    content: "";
    position: absolute;
    bottom: -10px;
    right: calc(50% - 6px);
    border-style: solid;
    border-width: 5px;
    border-color: #043ccc transparent transparent transparent;
}

button.n__btn.ns-down {
    border-radius: 50% 50% 50% 50% / 0% 0% 100% 100%;
}
    .n button, .n input {
		border: 0;
	box-sizing: border-box;
	    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    height: 41px;
			

}
.n input {
	color: var(--fg);
	padding: 0;
	width: 10px;
	width: 100%;
	text-align: center;
}

:root {
	--bg: hsl(223,10%,90%);
	--fg: hsl(223,10%,10%);
	--inputBg: hsl(223,10%,100%);
	--inputShadow: hsla(0,0%,0%,0.1);
}

.n, .n__btns {
	display: flex;
}
.n {
	--trans: 0.2s; /* must be in seconds */
	--halfTrans: calc(var(--trans) / 2);
	background-color: var(--inputBg);
	border-radius:10px;
	justify-content: space-between;
	overflow: hidden;
	padding: 0 ;
	transform-origin: 1.25em 50%;
	transition: transform var(--trans) ease-in-out;
	width: 45px;
}
.n--up {
	transform: rotate(-30deg);
}
.n--down {
	transform: rotate(30deg);
}
.n__value {
	background: #0000;
	transform-origin: -3em 50%;
	width: 2em;
	-webkit-appearance: none;
	appearance: none;
}
.n__value::-webkit-outer-spin-button,
.n__value::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.n__value[type=number] {
  -moz-appearance: textfield;
}
.n__value--up {
	animation:
		up var(--halfTrans) ease-in,
		down var(--halfTrans) var(--halfTrans) ease-out reverse forwards;
}
.n__value--down {
	animation:
		down var(--halfTrans) ease-in,
		up var(--halfTrans) var(--halfTrans) ease-out reverse forwards;
}
.n__btns {
	flex-direction: column;
}
.n__btn {
	margin:0!important;
	background-color: #1690f0;
	border-radius: 50% 50% 50% 50% / 100% 100% 0% 0%;
	color: hsl(223,0%,100%);
	cursor: pointer;
	line-height: 1;
	text-align: center;
	width: 100%;
	height: 50%;
	transition: background-color 0.15s linear;
	-webkit-appearance: none;
	appearance: none;
	-webkit-tap-highlight-color: #0000;
}
.n__btn:focus, .n__btn:hover {
	background-color: #0058c0;
	outline: none;
}
.n__btn + .n__btn {
	border-radius: 50% 50% 50% 50% / 0% 0% 100% 100%;
}
.n__btn-sr {
	clip: rect(1px,1px,1px,1px);
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
}
.n__up, .n__down {
	display: block;
	margin: auto;
	pointer-events: none;
	width: 0;
	height: 0;
}
.n__up {
	border-right: 0.3em solid #0000;
	border-bottom: 0.3em solid;
	border-left: 0.3em solid #0000;
}
.n__down {
	border-top: 0.3em solid;
	border-right: 0.3em solid #0000;
	border-left: 0.3em solid #0000;
}

/* Animations */
@keyframes up {
	from {
		transform: rotate(0);
	}
	to {
		transform: rotate(-30deg);
	}
}
@keyframes down {
	from {
		transform: rotate(0);
	}
	to {
		transform: rotate(30deg);
	}
}

/*افزودن آجاکس*/
/*دکمه*/
a.added_to_cart.wc-forward {
    position: absolute;
    right: 0!important;
    width: 136px;
    top: -52px;
    background-color: #043ccc;
    color: white;
    z-index: 999;
    padding: 10px 5px;
    border-radius: 10px;
    text-align: center;
}

/*مثلث زیر دکمه*/
a.added_to_cart.wc-forward:before{
	    content: "";
    position: absolute;
    bottom: -10px;
    right: calc(50% - 6px);
    border-style: solid;
    border-width: 5px;
    border-color: #043ccc transparent transparent transparent;
}