/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
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
*/
#souqal3orood-add-to-cart .qty-wrapper {
	display: flex;
    border: 2px solid var(--e-global-color-primary);
    border-radius: 100px;
    overflow: hidden;
}
#souqal3orood-add-to-cart #input-label-wrapper {
	display: flex;
    justify-content: center;
    font-family: var(--e-global-typography-primary-font-family);
    align-items: center;
    background-color: var(--e-global-color-d4bb711);
    padding: 15px;
    column-gap: 5px;
}
#souqal3orood-add-to-cart #qty-label {
	font-size: 14px;
}
#souqal3orood-add-to-cart .qty-wrapper input {
	border: 0;
    border-radius: 0;
    width: 20px;
    padding: unset;
    text-align: center;
}
#souqal3orood-add-to-cart .qty-wrapper input {
	-moz-appearance: textfield;
}
#souqal3orood-add-to-cart .qty-wrapper input::-webkit-inner-spin-button,
#souqal3orood-add-to-cart .qty-wrapper input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#souqal3orood-add-to-cart .qty-wrapper .qty-plus,
#souqal3orood-add-to-cart .qty-wrapper .qty-minus {
    border: 0;
	width: 54px;
	display: flex;
	cursor: pointer;
	font-size: 24px;
	border-radius: 0;
	user-select: none;
	padding: 10px 25px;
	align-items: center;
	justify-content: center;
	color: var(--e-global-color-d4bb711);
	transition: background-color .3s ease-in-out;
	background-color: var(--e-global-color-primary);
	font-family: var(--e-global-typography-primary-font-weight);
}
#souqal3orood-add-to-cart .qty-wrapper .qty-plus:hover,
#souqal3orood-add-to-cart .qty-wrapper .qty-minus:hover {
    background-color: var(--e-global-color-accent);
}