/*----------------------------------
payment.php
----------------------------------*/
/* حذف مزاحم ها از صفحه تسویه حساب */
div#customer_details,
h3#order_review_heading,
table.shop_table.woocommerce-checkout-review-order-table {
    display: none;
}

.woocommerce-checkout ul.payment_methods li {
    display: flex;
    align-items: center;
}

.woocommerce-checkout ul.payment_methods li label {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 70px;
    width: 100%;
    background-color: #edf1f5;
    border: 1px solid #ffffff;
    border-radius: 10px;
    padding: 5px;
    cursor: pointer;
    font-size: 18px;
    color: #68634c;
    font-family: javan;
    text-align: center;
    margin-top: 10px;
}

.woocommerce-checkout ul.payment_methods>li:nth-child(1) img {
    width: 30px;
}

.woocommerce-checkout #payment {
    background-color: #dce1e9;
    width: 300px;
    margin: 0 auto;
}

/*----------------------------------
 payment.php مبلغ واریزی
----------------------------------*/
.woocommerce-checkout #payment span.woocommerce-Price-amount.amount {
    font-size: 20px;
    color: #ca7d5b;
    font-weight: 100;
}

.woocommerce-Price-currencySymbol {
    color: #222f3e;
    font-weight: 100;
}

/*----------------------------------
 payment.php تغییر دکمه اتصال به بانک ملی
----------------------------------*/
.woocommerce-checkout button.button.alt {
    background-color: #ffffff00;
    padding: 0;
    width: 100%;
	    border: 0;
}

.woocommerce-checkout button.button.alt:hover {
    background-color: #ffffff00;
}

.Button-checkout-zohor {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #ddb55f;
    border: 1px solid rgb(241, 208, 135);
    border-radius: 15px;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.Button-checkout-zohor p {
    font-size: 18px;
    color: #68634c;
    font-family: javan;
    text-align: center;
    font-weight: 100;
}

.Button-checkout-zohor i {
    margin: 0 5px;
    font-size: 50px;
    color: #5f4817;
}

.Button-checkout-zohor:hover {
    opacity: 90%;
}

/*----------------------------------
 ریسپانسیو 
----------------------------------*/
@media screen and (max-width: 400px) {
    .woocommerce-checkout #payment {
        width: 100%;
    }

    .woocommerce-checkout .thumbnail-checkout img {
        width: 60%;
        margin-top: 20px;
    }
}

/*----------------------------------
thankyou.php بازگشت موفق از بانک
----------------------------------*/
/* حذف مزاحم ها از صفحه بازگشت از بانک */
.woocommerce ul.order_details .woocommerce-order-overview__email,
.woocommerce ul.order_details .woocommerce-order-overview__total,
.woocommerce-order-details,
.woocommerce-customer-details,
.woocommerce-order .woocommerce-order-downloads {
    display: none;
}

.woocommerce-order {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: 100px;
}

/*----------------------------------
thankyou.php خرید شما با موفقیت انجـــام شد order-received.php
----------------------------------*/
.woocommerce-notice {
    text-align: center;
    margin-bottom: 20px;
}

/*----------------------------------
thankyou.php شماره سفارش
----------------------------------*/

ul.order_details {
    width: 250px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

ul.order_details li {
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ebeef3;
    padding: 5px;
    margin-bottom: 10px;
    height: 50px;
}

.woocommerce ul.order_details li p {
    height: 100%;
    padding: 10px;
    font-size: 15px;
    border-left: 1px dashed #8597ac;
    text-align: center;
}

.woocommerce ul.order_details li strong {
    font-weight: 100;
    color: #c95614;
    padding: 10px;
    text-align: center;
}

.woocommerce ul.order_details li {
    margin-left: 0;
    border-left: 0;
}

/*----------------------------------
 thankyou.php دسترسی به لینک دانلود
----------------------------------*/
.thankyou-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: -10px;
}

.thankyou-link span {
    color: chocolate;
}

.thankyou-link a {
    width: 100%;
    background-color: #7bc02c;
    border: 1px solid #8ad139;
    border-radius: 3px;
    padding: 10px 5px;
    margin-top: 10px;
}

.thankyou-link a p {
    color: #222f3e;
    text-align: center;
}

.thankyou-link a:hover {
    opacity: 85%;
}

/*----------------------------------
 ریسپانسیو 
----------------------------------*/
@media screen and (max-width: 400px) {
    ul.order_details {
        width: 100%;
    }
}