/* 
Theme Name: Hello Child
Theme URI: https://elementor-site.ir/
Description: 
Author: Elementor Site
Author URI: https://elementor-site.ir/
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
*/


.page-header .entry-title {
	display: none;
}
p {font-size: 14px;}
h1 {font-size: 22px;}
h2 {font-size: 18px;}
h3 {font-size: 15px;}
a{
	color: #838AFF;
	text-decoration: none !important;
}
a:hover{color: #fff;}
body{
	background: #0d0d0d;
	padding-bottom: 100px;
}
.woocommerce-MyAccount-navigation {
	background: #000;
	border-radius: 15px;
	padding: 35px 25px;
	position: relative;
	width: 100% !important;
}
.woocommerce-MyAccount-navigation ul{
	margin: 0 !important;
	padding: 0 !important;
}
.woocommerce-MyAccount-navigation ul li{list-style: none;}
.woocommerce-MyAccount-navigation a {
	position: relative;
	color: #fff;
	text-decoration: none;
	padding: 8px 20px 8px 8px !important;
	display: block;
	transition: 0.3s all;
}
.woocommerce-MyAccount-navigation a:hover {
	padding-right: 30px !important;
}
.woocommerce-MyAccount-navigation::before {
	content: '';
	background: #0310e5;
	height: 75%;
	width: 8px;
	position: absolute;
	right: -8px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 0 15px 15px 0;
}
.woocommerce-MyAccount-navigation a::before {
	content: '';
	position: absolute;
	right: 0;
	top: 14px;
	width: 12px;
	height: 12px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="%23fff" class="bi bi-chevron-left" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0"/></svg>');
	opacity: 0.4;
	transition: 0.5s all;
}
.woocommerce-MyAccount-navigation a:hover:before{opacity: 1;}
.woocommerce-MyAccount-content {
	background: #000;
	border-radius: 15px;
	padding: 35px 25px;
	position: relative;
	height: 100%;
	display: block;
	color: #fff;
	width: 100% !important;
}
.e-wc-info-notice .woocommerce-info {
	background-color: #000;
	border: 1px solid #333 !important;
	border-radius: 15px;
	color: #fff;
	font-size: 14px;
}
.e-wc-info-notice .woocommerce-info .button {
	margin: 0 !important;
	width: fit-content !important;
	background-color: transparent !important;
	border-radius: 0 !important;
	color: #fff !important;
	padding: 6px 15px !important;
	border: 0 !important;
}
.wp-singular .woocommerce {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	max-width: 500px;
	margin: auto;
}
.woocommerce-form-row :is(input, select), #commentform :is(input, textarea), .woocommerce-checkout :is(input, textarea) {
	background: #000 !important;
	border: 1px solid #333 !important;
	border-radius: 10px !important;
	font-size: 14px;
	height: 40px !important;
	color: #fff !important;
}
.woocommerce form .form-row .input-text:focus:focus-visible , .woocommerce form .form-row select:focus:focus-visible , #commentform :is(input, textarea):focus:focus-visible, , .woocommerce-checkout :is(input, textarea):focus:focus-visible {
	border: 1px solid var(--e-global-color-primary) !important;
	box-shadow: unset !important;
	outline: 0 !important;
}
.woocommerce form .form-row label {
	font-size: 14px;
	color: #bbb;
}
fieldset {border: 1px solid #333;border-radius: 15px;}
fieldset legend{font-size: 14px;padding: 0 5px;}
.woocommerce-Button.button , body .form-submit #submit, button[name="apply_coupon"]{
	background: #222 !important;
	color: #fff !important;
	margin: 10px auto 0 !important;
	display: block !important;
	width: fit-content;
	border-radius: 10px !important;
	border: 1px solid #000 !important;
	padding: 15px 20px !important;
	font-size: 14px !important;
}
.woocommerce-Button.button:hover, body .form-submit #submit:hover, button[name="apply_coupon"]:hover {background: var(--e-global-color-primary) !important;border-color: var(--e-global-color-primary) !important;}
.u-columns.woocommerce-Addresses.col2-set.addresses {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
body .woocommerce-Address {
	width: 100%;
	font-size: 14px;
}
.woocommerce-Address .edit {
	color: #fff;
	background: #333;
	padding: 10px;
	font-size: 12px;
	border-radius: 10px;
	text-decoration: none !important;
	border: 1px solid #000;
}
.woocommerce-Address .edit:hover {background: var(--e-global-color-primary) !important;border-color: var(--e-global-color-primary) !important;color: #fff !important;}
.onsale {
	background: var(--e-global-color-primary) !important;
}
.woocommerce-product-gallery__trigger {
	display: none;
}
.stars a {
	color: #cc9208;
}
.woocommerce #reviews #comment, #order_comments {
	height: auto !important;
}
#reply-title {
	display: none;
}
.comment-form-rating {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 2px dashed #333;
	border-bottom: 2px dashed #333;
	padding: 8px 0;
	margin: 10px 0;
}
.woocommerce #review_form #respond p {
	margin: 0 !important;
}
.price ins bdi {
	font-size: 22px;
}
.price del bdi {
	font-size: 18px;
	color: #aaa;
}
.comment-form-comment label {
	margin-bottom: 10px;
}
.variations {
	background: #000;
	border-radius: 15px !important;
	color: #fff;
}
#pa_gift-cart {
	color: #fff;
	font-size: 14px;
	border: 1px solid #444;
	border-radius: 10px !important;
}
table tbody > tr:nth-child(2n+1) > td, table tbody > tr:nth-child(2n+1) > th {
	background-color: transparent !important;
	margin-bottom: 5px;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
	color: #fff !important;
	font-size: 22px !important;
	text-align: center;
	margin: 10px auto;
	display: block;
	width: fit-content;
}
.tabs.wc-tabs {
	border-bottom: 1px solid #444;
}
.woocommerce-tabs .tabs a {
	background: #000;
	color: #fff !important;
	font-size: 15px;
	padding: 15px 20px !important;
	border-radius: 10px 10px 0 0;
}
.woocommerce-tabs .tabs .active a { background:var(--e-global-color-primary) !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li {border: unset;background: transparent !important;}
.tabs.wc-tabs {
	display: flex;
	gap: 14px;
}
.woocommerce-product-attributes table td, .woocommerce-product-attributes table th {
	border: 0 !important;
}
body .woocommerce-product-attributes-item__label, table tbody > tr:nth-child(2n+1) > td, table tbody > tr:nth-child(2n+1) > th {
	background-color: #000 !important;
	border-radius: 10px;
	border: 0 !important;
	padding-right: 15px !important;
}
.woocommerce div.product form.cart .variations th{line-height: 0 !important;}
.product-remove {
	width: fit-content;
	margin-right: auto;
}
.shop_table_responsive tbody tr td{margin-bottom: 5px;}
#coupon_code {
	width: 300px !important;
	background: #333;
	border: 1px solid #000;
	color: #fff;
	font-size: 15px;
	padding: 10px 15px;
	border-radius: 10px;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, #place_order{
	background-color: var(--e-global-color-primary);
	color: #fff;
	font-size: 18px !important;
	border-radius: 10px !important;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover{background-color: var(--e-global-color-primary);}
.woocommerce-cart .cart-collaterals .cart_totals tr th{border-top: 0 !important;}
button[name="update_cart"] {
	background: #333 !important;
	color: #ddd !important;
}
button[name="apply_coupon"]{
	margin: 0 !important;
}
.woocommerce a.remove:hover {
	color: #fff !important;
	background: unset !important;
}
.woocommerce-form-coupon-toggle {
	width: 100%;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
	margin: 0;
}
button[name="apply_coupon"] {
	margin-right: auto !important;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
	border: 1px solid #333;}