/* Start custom CSS for text-editor, class: .elementor-element-7907c63 *//* ===== MY ACCOUNT ===== */

.woocommerce-account .woocommerce{
    display:flex;
    gap:30px;
    flex-wrap:wrap;
}

/* منوی سمت راست */

.woocommerce-MyAccount-navigation{
    width:280px;
}

.woocommerce-MyAccount-navigation ul{
    list-style:none;
    margin:0;
    padding:0;
}

.woocommerce-MyAccount-navigation li{
    margin-bottom:12px;
}

.woocommerce-MyAccount-navigation a{
    display:flex;
    align-items:center;

    padding:15px 20px;

    background:#FFF8FA;
    border:1px solid #F1D7DE;
    border-radius:18px;

    color:#B76E79;
    font-weight:700;
    text-decoration:none;

    transition:.3s;
}

.woocommerce-MyAccount-navigation a:hover{
    background:#B76E79;
    color:#fff;
    transform:translateY(-2px);
}

.woocommerce-MyAccount-navigation .is-active a{
    background:linear-gradient(135deg,#B76E79,#D88FA4);
    color:#fff;
    border:none;
}

/* محتوای حساب */

.woocommerce-MyAccount-content{
    flex:1;
    background:#fff;
    border:1px solid #F3E0E6;
    border-radius:24px;
    padding:30px;
    box-shadow:0 15px 40px rgba(183,110,121,.08);
}

/* فرم ها */

.woocommerce-MyAccount-content input,
.woocommerce-MyAccount-content textarea,
.woocommerce-MyAccount-content select{

    width:100%;
    height:55px;

    border:1px solid #F1D7DE;
    border-radius:16px;

    background:#FFF8FA;

    padding:0 16px;
}

.woocommerce-MyAccount-content textarea{
    height:140px;
    padding-top:15px;
}

/* دکمه ها */

.woocommerce button.button,
.woocommerce .button{

    background:linear-gradient(
        135deg,
        #B76E79,
        #D88FA4
    ) !important;

    color:#fff !important;

    border:none !important;
    border-radius:16px !important;

    padding:14px 28px !important;

    font-weight:700 !important;
}

/* موبایل */

@media(max-width:768px){

    .woocommerce-account .woocommerce{
        display:block;
    }

    .woocommerce-MyAccount-navigation{
        width:100%;
        margin-bottom:20px;
    }

    .woocommerce-MyAccount-content{
        padding:20px;
    }

}/* End custom CSS */