/*
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
*/
body,html{
overflow-x: hidden;
}
.myacc input,
.myacc textarea{
background: #f3f3f3;
color:#797979;
border: 1px solid #cacaca !important;
border-radius: 32px !important;
padding: 12px !important;
margin-top: 10px !important;
}
.myacc{
display: flex;
align-items: center;
direction: rtl;
flex-wrap: wrap;
font-family: "peyda";
min-height: 100vh; position: relative;
}
.infopreview{
border-radius: 20px;
border: 1px solid #cacaca;
padding: 20px;
margin-top: 30px;
}
.woocommerce-order-box a{
color: #000000;
}
.woocommerce-orders-list{
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.woocommerce-order-box{
border-radius: 20px;
border: 1px solid #cacaca;
padding: 20px;width: 100%;
display: flex;flex-wrap: wrap; column-gap: 50px;justify-content: space-between;
}
.view-all-orders{
background: #fec400;
color: #000000;
border-radius: 25px;
padding: 10px 37px;
display: flex;
align-items: center;
gap: 10px;
}
.order-status-label {
font-weight: bold;
font-size: 15px;
padding: 6px 12px;
border-radius: 6px;
display: inline-flex;
align-items: center;
gap: 6px;
}
#edit-account-button,
#edit-account-button:hover{
display: flex;
align-items: center;
gap: 15px;background: none !important;border: none !important;padding: 0 !important;
color: #000000 !important;float: left;
}
.infopreview p:not(:last-child){
margin-bottom: 30px;
}
.woocommerce-table thead{
background: #0B3653;
color: #ffffff;
}
.woocommerce-table a{
color: #0B3653;
}
.sideacc h2{
font-size: 22px;
}
.woocommerce-table {
border: 1px solid #cacaca;
border-radius: 20px !important; border-collapse: separate;
overflow: hidden;
}
.infopreview strong{
color: #adadad !important;
display: block;margin-bottom: 20px;
}
.topofside{
background: #fec400;
display: flex;
flex-direction: column;
align-items: center;padding: 65px 0 30px 0;
}
.woocommerce-EditAccountForm input{
width: 100%;
}
.woocommerce-EditAccountForm {
display: flex;
flex-wrap: wrap;justify-content: space-between;
}
.woocommerce-EditAccountForm fieldset p:nth-child(2){
width: 100%;
}
.woocommerce-EditAccountForm fieldset{
width: 100%;border-radius: 20px;
display: flex;flex-wrap: wrap;justify-content: space-between;
}
.woocommerce-EditAccountForm p button{
width: 100%;
border-radius: 25px;
padding: 15px;
background: #fec400;
color: #000;
border: none;
margin-top: 20px;
}
.woocommerce-EditAccountForm p{
width: 100%;
}
.woocommerce-EditAccountForm p.woocommerce-form-row,
.woocommerce-EditAccountForm p.woocommerce-FormRow{
width: 49%;
}
.woocommerce-MyAccount-navigation ul {
padding: 0;
margin: 20px 0;
}
.woocommerce-MyAccount-navigation ul li {
list-style: none;
}
.woocommerce-MyAccount-navigation ul li.is-active a{
background: #ffffff;
color: #000000;
}
.woocommerce-MyAccount-navigation ul li a{
color: #ffffff;padding: 15px 35px;
display: flex;
align-items: center;
gap: 10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
width: 100% !important;
}
.woocommerce-form-row.woocommerce-form-row--last{
margin-right: 20px;
}
.woocommerce-MyAccount-content{
width: 70%;
position: absolute;left: 30px;
top: 60px;
margin-bottom: 80px;padding: 0 10px;
}
.userimg{
margin: 20px 0;
}
/* برای انیمیشن روان */
.woocommerce-MyAccount-content,
.myacchead,
.sideacc {
transition: all 0.4s ease;
}
/* زمانی که محتوای اصلی و هدر باید عرض کامل بگیرند */
.woocommerce-MyAccount-content.fullwidth,
.myacchead.fullwidth {
width: 100% !important;
}
.myacchead.fullwidth{
width: 100%;
padding: 20px!important;
}
.userimg img{
width: 70px;
height: 70px;
border-radius: 100%;
object-fit: cover;
border: 2px solid #0B3653;
}
/* رنگ وضعیتها */
.woocommerce-order-box .status-completed svg ,
.woocommerce-order-box .status-completed svg path{
fill: #155724 !important;
background: #d4edda !important;
}
.woocommerce-order-box .status-processing svg ,
.woocommerce-order-box .status-processing svg path{
fill: #856404 !important;
background: #fff3cd !important;
}
.woocommerce-order-box .status-on-hold svg ,
.woocommerce-order-box .status-on-hold svg path{
fill: #0c5460 !important;
background: #d1ecf1 !important;
}
.woocommerce-order-box .status-cancelled svg ,
.woocommerce-order-box .status-cancelled svg path{
fill: #721c24 !important;
background: #f8d7da !important;
}
.woocommerce-order-box .status-refunded svg ,
.woocommerce-order-box .status-refunded svg path{
fill: #383d41 !important;
background: #e2e3e5 !important;
}
.woocommerce-order-box .status-failed svg ,
.woocommerce-order-box .status-failed svg path{
fill: #721c24 !important;
background: #f5c6cb !important;
}
.woocommerce-order-box .status-pending svg ,
.woocommerce-order-box .status-pending svg path{
fill: #6c757d !important;
background: #fefefe !important;
}
.woocommerce-order-box .status-unknown svg ,
.woocommerce-order-box .status-unknown svg path{
fill: #333 !important;
background: #eeeeee !important;
}
.woocommerce-order-field.woocommerce-order-field-order-actions .woocommerce-order-field-label,.woocommerce-order-field.woocommerce-order-field-order-status{
display: none !important;
}
.woocommerce-MyAccount-navigation-link--dashboard a:before{
margin-bottom: -10px;
content: url('data:image/svg+xml,');
}
.woocommerce-MyAccount-navigation-link--orders a:before{
margin-bottom: -10px;
content: url('data:image/svg+xml,');
}
.woocommerce-MyAccount-navigation-link--custom-order-tracking a:before{
margin-bottom: -10px;
content: url('data:image/svg+xml,');
}
.woocommerce-MyAccount-navigation-link--edit-address a:before{
margin-bottom: -10px;
content: url('data:image/svg+xml,');
}
.woocommerce-MyAccount-navigation-link--edit-account a:before{
margin-bottom: -10px;
content:url('data:image/svg+xml,');
}
.woocommerce-MyAccount-navigation-link--customer-logout a:before{
margin-bottom: -10px;
content: url('data:image/svg+xml,');
}
.woocommerce-MyAccount-navigation-link--dashboard.is-active a:before{
margin-bottom: -10px;
content: url('data:image/svg+xml,');
}
.woocommerce-MyAccount-navigation-link--orders.is-active a:before{
margin-bottom: -10px;
content: url('data:image/svg+xml,');
}
.woocommerce-MyAccount-navigation-link--custom-order-tracking.is-active a:before{
margin-bottom: -10px;
content: url('data:image/svg+xml,');
}
.woocommerce-MyAccount-navigation-link--edit-address.is-active a:before{
margin-bottom: -10px;
content: url('data:image/svg+xml,');
}
.woocommerce-MyAccount-navigation-link--edit-account.is-active a:before{
margin-bottom: -10px;
content:url('data:image/svg+xml,');
}
.woocommerce-MyAccount-navigation-link--customer-logout.is-active a:before{
content: url('data:image/svg+xml,');
margin-bottom: -10px;
}
.addressorderr{
display: flex;
flex-wrap: wrap;gap: 10px;
}
.addressorderr br{
display: none;
}
.myacchead{
display: flex;align-items: center;gap: 20px;justify-content: space-between;
background: #0A1A3D;border-radius: 16px;
width: 75%;
position: fixed;
top: 0;
left: 0;
padding: 20px;
z-index: 10000;
}
.addresscom{
border-bottom: 2px solid #CACACA;
padding-bottom: 20px;
position: relative;
margin-bottom: 20px;
}
.addresscom:after {
content: "";
position: absolute;
height: 4px;
background: #fec400;
width: 110px;right: 0;
bottom: -2.5px;
}
.addresslistborder:not(:last-child){
border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 700px) {
.woocommerce-MyAccount-content {
width: 100% !important; /* یا هر استایل دیگهای که مدنظرته */
}
.myacchead{
padding: 20px !important;
margin: 10px 0;
width: 100vw;
right: 0;
}
.view-all-orders{
padding: 10px 15px;
}
.leaflet-container{
width: 100% !important;
height: 150px !important;
}
.woocommerce-EditAccountForm p.woocommerce-form-row, .woocommerce-EditAccountForm p.woocommerce-FormRow{
width: 100% !important;
}
.woocommerce-EditAccountForm p.woocommerce-form-row{
margin-right: 0 !important;
}
time{
order: 20;
}
.rowordinf{
width: 100% !important;
}
}
.woocommerce-account .woocommerce-MyAccount-content{
width: 71%;
}
/* حالت پیشفرض: سایدبار باز */
.sideacc{
min-height: 100vh; width: 25%; background: #0B3653;
position: fixed;
right: 0;
top: 0;box-shadow: -9px 0 12px 10px rgba(0,0,0,0.05);
display: block!important;
transition: all 0.3s ease!important;
}
.myacchead{
transition: width 0.3s ease;
}
.sideacc.hidden {
width: 0 !important;
right: -20% !important;
}
/* در موبایل: مخفیسازی سایدبار */
@media (max-width: 768px) {
.sideacc {
width: 0;
right: -50%;
}
.sideacc.active {
display: block!important;
position: absolute!important;
width: 80%!important;
height: 100%!important;
top: 0!important;
right: 0!important;
z-index: 100000 !important;
}
.woocommerce-MyAccount-content {
left: unset !important;
}
.backofsidebr.active{
position: fixed;
width: 100%;
height: 100%;
right: 0;
top: 0;
background: #00000085;
z-index: 99999;
}
.tnkybtn{
width: 100%;
}
}
#simple-translate{
display: none !important;
}
.woocommerce .woocommerce-product-rating::before,.woocommerce .star-rating span::before {
display: none;
}
.woocommerce .star-rating {
overflow: visible;
position: relative;
display: flex;
}
.woocommerce .star-rating span{
padding-top: 0 !important;
float: none !important;
right: 15px;
font-size: 11px;
}
.woocommerce .woocommerce-product-rating .star-rating{
width: 50%;
padding-right: 25px;
}
.star-rating span{
width: 88%;
}
.woocommerce .star-rating::before{
content: url('data:image/svg+xml,');
}
.woocommerce[data-block-name="woocommerce/classic-shortcode"]{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 50px 0 !important;
}
.woocommerce-cart-form{
width: 63% !important;background: #ffffff;z-index: 20;
position: relative;
}
.beforecrttotls{
width: 35% !important;
}
.quantity-wrapper button,
.quantity-wrapper button:hover{
font-size: 26px;
font-weight: 900;
color: #777 !important;
line-height: 0;
}
.cart-collaterals{
width: 100% !important;
}
.cart_totals,.wc-empty-cart-message {
width: 100% !important;
}
.woocommerce-cart-item .quantity .qty{
width: 30px !important;
}
.woocommerce-cart-item .product-name a{
max-width: 300px;
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 300px;
}
.woocommerce-cart-item a.remove {
display: flex !important;
height: 1.5em !important;
width: 1.5em !important;
border-radius: 5px !important;
background: #ddd !important;
align-items: center !important;
justify-content: center !important;
}
.woocommerce-cart-item .quantity {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
border: 1px solid #d9d9d9;
padding: 0;
border-radius: 10px;
}
.woocommerce-cart-item .product-quantity input{
border:none !important;
background:none !important;
padding:0 !important;
margin:0 !important;
}
.woocommerce-cart-item .quantity button.qty-btn{
background: none !important;
width: max-content;
height: max-content;
padding: 0;
}
.wc-proceed-to-checkout a{
background: #fec400 !important;
color: #000000 !important;
border-radius: 45px !important;
text-decoration: none !important;font-size: 16px !important;
padding: 20px !important;margin-bottom: 0 !important;
}
.woocommerce table.shop_table *{
background: none !important;
}
.woocommerce table.shop_table{
border:none !important
}
.woocommerce table.shop_table td{
text-align: left !important;
}
.cart-collaterals h2{
color: #fff !important;
background: #0c1e4c !important;
font-size: 18px !important;
padding: 20px 10px !important;
margin: -10px -10px 0 -10px !important;
border-radius: 20px 20px 0 0 !important;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td{
border:none !important;
}
.order-total {
font-size: 1.25em;
font-weight: 700;
border-top: 1px solid #d9d9d9 !important;
}
.cart-collaterals {
border-bottom: none !important;
box-shadow: 0 15px 19px 10px rgba(0, 0, 0, 0.09);
border: 1px solid #CACACA;
height: max-content;
padding: 10px;
position: relative; border-radius: 22px 22px 0 0;
}
.cart-collaterals::before {
content: "";
position: absolute;
bottom: -20px;
left: 0;
width: 100%;
height: 20px;
background: linear-gradient(45deg, transparent 75%, #fff 75%), linear-gradient(-45deg, transparent 75%, #fff 75%);
background-repeat: repeat, repeat;
background-size: auto, auto;
background-repeat: repeat, repeat;
background-size: auto, auto;
background-size: 20px 20px;
background-repeat: repeat-x;
z-index: 1;
}
.cart-collaterals tr:not(:last-child) td,.cart-collaterals tr:not(:last-child) th{
border-bottom: 1px solid #d9d9d9 !important;
}
.cart-collaterals td,.cart-collaterals th{
padding: 15px 0 !important;
}
.cart-collaterals .wc-proceed-to-checkout{
padding-top: 0 !important;
padding-bottom: 15px !important;
}
.woocommerce-cart-item{
display: flex;align-items: center;
justify-content: space-between;
border: 1px solid #d9d9d9;
border-radius: 25px;
padding: 10px;
margin-bottom: 20px;
}
.woocommerce-cart-item img,.woocommerce-cart-item .product-thumbnail{
width: 80px;
height: 80px;border-radius: 10px;
}
.product-name a{
color: #0c1e4c !important;
text-decoration: none !important;
}
.woocommerce-cart-items{
border: 1px solid #d9d9d9;
border-radius: 25px;
padding: 10px;
}
ul li.product h2,
ul li.product .price,
ul li.product .bottomli{
margin:0 15px !important;
}
ul li.product img{
max-height: 250px;
}
ul li.product .bottomli ,
ul li.product .rating {
display: flex;
align-items: center;
justify-content: space-between;
}
ul li.product:hover {
box-shadow: 0px 14px 12px 0px rgba(0, 0, 0, 0.35);
}
ul li.product {
border-radius: 25px 25px 25px 25px;
transition:0.3s;
box-shadow: 0px 0px 12px -1px rgba(0, 0, 0, 0.12);
overflow: hidden;padding-bottom: 10px !important;
}
ul li.product a.product-link svg *{
transition: 0.3s;
}
.quantity-plus,.quantity-minus,.quantity-plus:hover,.quantity-minus:hover,.quantity-plus:focus,.quantity-minus:focus{
font-size: 20px;
color:#000000 !important;
padding:0 !important;
border:none !important;
background:none !important;
}
.woocommerce-cart-item.cart_item input[type=number]::-webkit-outer-spin-button,
.woocommerce-cart-item.cart_item input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.woocommerce-cart-item.cart_item input[type=number] {
-moz-appearance:textfield;
width: 30px;
text-align: center;font-size: 20px;
}
.cart-actions{
visibility: hidden;
height:0;
}
.quantity-wrapper{
display: flex;
align-items: center;
width: 100%;
justify-content: center;
justify-content: space-between;
width: 80px;
padding:5px;
}
ul li.product a.product-link:hover svg rect{
fill:#fec400;
}
ul li.product a.product-link:hover svg circle{
fill:#0c1e4c;
}
ul li.product a.product-link:hover svg path:nth-child(4),
ul li.product a.product-link:hover svg path:nth-child(3){
stroke:#ffffff;
}
/* تنظیمات کلی برای woocommerce-notices-wrapper */
.woocommerce-notices-wrapper {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 1000;
max-width: 400px;
width: 100%;
direction: rtl;
box-sizing: border-box;
}
.woocommerce-NoticeGroup{
width:100% !important;
}
/* بهبود ظاهر اعلانها */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-info {
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
padding: 15px 20px;
margin-bottom: 10px;
color: #333;
transition: opacity 0.3s ease-in-out;
opacity: 1;
cursor: pointer; /* اضافه کردن نشانگر کلیک */
}
/* تنظیمات برای موبایل (زیر 768px) */
@media (max-width: 768px) {
form.woocommerce-checkout div,.beforecrttotls{
width:100% !important
}
.wc-block-components-sidebar{
margin-top: 35px !important;
}
.woocommerce-notices-wrapper {
right: auto;
left: 50%;
transform: translateX(-50%);
max-width: 90%;
bottom: 95px;
}
.stepcart span {
flex-direction: column;
font-size: 12px;
}
.stepcart {
padding: 10px !important;
}
.beforecrttotls{
width: 100%;
}
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
position:static !important;
}
.woocommerce-message a{
background: var( --e-global-color-primary ) !important;
display: block !important;
width: 100% !important;
text-align: center !important;
border-radius: 6px !important;
color: #fff !important;
}
.stepcart div{
width: 100%;
border-bottom: 2px dashed #d9d9d9;
display:block;
}
.stepcart span{
align-items: center;
display: flex;
gap:5px;
}
html.modal-opened{
overflow:visible !important;
}
#billing_postcode_field .required{
display:none !important;
}
.woocommerce form .form-row.woocommerce-invalid label{
color:#000000 !important;
}