/* Overwrite default styles */
.payment-head {
    max-width: 710px;
    margin: auto;
    margin-block: 32px;
}

.payment-head .road-line-step {
    height: 4px;
    max-width: 558px;
    margin: auto;
}

.payment-head .road-line-step>div {
    width: 16px;
    height: 16px;
}

.payment-head .road-line-step>div.active {
    background: var(--color-primary);
}

.payment-head .road-line-step.checkout {
    background: linear-gradient(90deg, var(--color-gray-100) 50%, var(--color-primary) 50%);
}

.payment-head .road-line-step.status {
    background: linear-gradient(90deg, var(--color-gray-100) 0%, var(--color-primary) 0%);
}

.payment-head .road-line-step.checkout>div:nth-child(1) {
    background: var(--color-primary);
}

.payment-head .road-line-step.status>div:nth-child(1),
.payment-head .road-line-step.status>div:nth-child(2) {
    background: var(--color-primary);
}

.woocommerce-order-received .payment-head .road-line-step.checkout>div {
    background: var(--color-primary) !important;
}

.woocommerce-order-received .payment-head .road-line-step.checkout {
    background: var(--color-primary) !important;
}

.payment-head .box-icon {
    border: 1px solid var(--color-primary);
}

.payment-head .road-box-step .active .box-icon {
    border: unset;
    background: var(--color-primary) !important;
}

.payment-head .road-box-step .box-icon svg * {
    stroke: var(--color-primary) !important;
}

.payment-head .road-box-step .active .box-icon svg * {
    stroke: var(--color-on-primary) !important;
}

@media (max-width: 767.98px) {
    .payment-head {
        margin: 0 auto 32px !important;
    }
}

.wc-block-components-notice-banner {
    display: none !important;
}

.woocommerce-cart .woocommerce-page {
    display: flex;
}

.woocommerce-cart .product-thumbnail img {
    max-width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 8px;
}

.woocommerce-cart .woocommerce a.remove {
    border-radius: 8px;
    width: unset !important;
    height: unset;
}

.woocommerce-cart .woocommerce a.remove:hover {
    background: var(--on-primary);
}

.woocommerce-cart .woocommerce .woocommerce-Price-currencySymbol {
    font-size: 14px;
    color: var(--color-title);
}

.woocommerce-cart .woocommerce .coupon button {
    padding-inline: var(--size-6);
    border-radius: var(--size-4);
}

.woocommerce-billing-fields__field-wrapper {
    margin: 0 -12px;
}

.woocommerce-billing-fields__field-wrapper>p {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 33.33% !important;
    padding: 0 12px !important;
    margin-bottom: 36px;
}

p#billing_country_field {
    display: none;
}

.woocommerce-billing-fields__field-wrapper>p label {
    font-size: 12px;
    color: var(--color-title)
}

.woocommerce-billing-fields__field-wrapper>p label .required {
    display: none;
}

.woocommerce-billing-fields__field-wrapper>p input,
.shipping-calculator-form input {
    height: 44px;
    border: unset;
    border-radius: 8px;
    padding: 10px 14px;
    background: var(--color-bg);
    direction: rtl;
}

.woocommerce-billing-fields__field-wrapper>p.woocommerce-invalid input {
    border: 1px solid var(--error-on-surface);
}

.woocommerce-billing-fields__field-wrapper>p.woocommerce-invalid input::placeholder {
    color: var(--error-on-surface) !important
}

.wc_payment_methods li {
    min-height: 64px !important;
}

.wc_payment_methods li label,
.wc_payment_methods li input {
    cursor: pointer;
}

.wc_payment_methods li input {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    appearance: none;
    border: unset;
}

.wc_payment_methods li input:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border: 1px solid var(--color-gray-300);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wc_payment_methods li input:checked:before {
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.wc_payment_methods li input:checked:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 7.47059L6.83333 11L12.5 5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
}

.wc_payment_methods li input:focus {
    border: unset;
    box-shadow: unset;
}

@media (max-width: 767.98px) {
    .payment-head {
        max-width: 100%;
    }

    .payment-head.payment-box {
        right: 0 !important;
    }

    .payment-head .road-line-step {
        display: none !important;
    }

    .payment-head div.svg {
        flex-direction: column;
        align-items: center;
    }

    .woocommerce-billing-fields__field-wrapper>p {
        width: 100% !important;
        margin-bottom: 24px !important
    }
}

/**
 * hide other country in shipping cehckout form
*/
#calc_shipping_country_field {
    display: none !important
}

.select2-container--default .select2-selection--single {
    background-color: #F5F5F5;
    border: unset;
    border-radius: 8px;
    display: flex;
    align-items: center;
    height: 42px;
}

.select2-container .select2-selection--single .select2-selection__arrow b {
    right: -8px;
    margin: -8px 0 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: unset;
}

.woocommerce-cart .cart-collaterals .shipping-calculator-button::after {
    content: "";
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M9.25 11H14.75" stroke="%2301472F" stroke-width="1.5" stroke-linecap="round"/%3E%3Cpath d="M12 13.75V8.25" stroke="%2301472F" stroke-width="1.5" stroke-linecap="round"/%3E%3Cpath d="M3.62001 8.49C5.59001 -0.169998 18.42 -0.159997 20.38 8.5C21.53 13.58 18.37 17.88 15.6 20.54C13.59 22.48 10.41 22.48 8.39001 20.54C5.63001 17.88 2.47001 13.57 3.62001 8.49Z" stroke="%2301472F" stroke-width="1.5"/%3E%3C/svg%3E');
    background-size: contain;
    width: 24px;
    height: 23px;
    margin-right: 4px;
}

.woocommerce-cart .woocommerce ul#shipping_method li label {
    display: flex;
}

.woocommerce-cart a.button.pre-invoice {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--color-border);
    border-radius: 999px;
    background: transparent !important;
    font-weight: normal;
    padding: 12px 16px;
}

a.woocommerce-remove-coupon {
    color: var(--color-error);
}

.woocommerce-notice.woocommerce-thankyou-order-received {
    background-color: transparent;
    color: var(--color-success) !important;
    border: 1px solid var(--color-success) !important;
    border-radius: 8px;
    padding: 16px;
}

.checkout-inline-error-message {
    display: none;
}

/**
 * Select in checkout form
*/
select {
    background-color: var(--color-bg);
    border: unset;
    height: 44px;
}

.select2-dropdown {
    background-color: var(--color-on-primary);
    border: unset;
    border-radius: 8px !important;
}

span.select2-results {
    border-radius: 16px;
    overflow: hidden;
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true] {
    background-color: var(--color-surface);
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: var(--color-primary);
}

.select2-results__options::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.select2-results__options::-webkit-scrollbar-thumb {
    background: var(--color-on-surface);
    border-radius: 10px;
}

.select2-results__options::-webkit-scrollbar-track {
    border-radius: 10px;
    background: var(--color-surface);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--color-primary);
    border-radius: 8px;
    background: var(--color-bg);
    height: 44px;
    padding: 10px 14px;
}

.woocommerce-order-details table * {
    text-align: right;
    border: unset !important;
}

.woocommerce-order-details table tbody tr td {
    background: transparent
}

.woocommerce-order-details table thead tr th,
.woocommerce-order-details table tbody tr:nth-child(even),
.woocommerce-order-details table tfoot tr:nth-child(odd) {
    background: var(--color-gray-100);
}

.woocommerce-order-details table thead tr th:first-child,
.woocommerce-order-details table tbody tr:nth-child(even) td:first-child,
.woocommerce-order-details table tfoot tr:nth-child(odd) th {
    border-radius: 0 16px 16px 0;
}

.woocommerce-order-details table thead tr th:last-child,
.woocommerce-order-details table tbody tr:nth-child(even) td:last-child,
.woocommerce-order-details table tfoot tr:nth-child(odd) td {
    border-radius: 16px 0 0 16px;
}

.woocommerce-order-details {
    margin-bottom: var(--size-8);
}

.woocommerce-order-details h2,
.woocommerce-customer-details h2 {
    font-size: var(--size-6);
    font-weight: bold;
}

.woocommerce-customer-details address {
    background: var(--color-surface);
    border-radius: var(--size-4) !important;
    padding: var(--size-6) !important;
}

/* Account page */

.woocommerce .woocommerce-MyAccount-navigation {
    width: 20%;
}

li.woocommerce-MyAccount-navigation-link:last-child {
    border-bottom: 0;
}

li.woocommerce-MyAccount-navigation-link a {
    color: #666666;
}

li.woocommerce-MyAccount-navigation-link a:hover,
li.woocommerce-MyAccount-navigation-link a[aria-current="page"] {
    color: #333;
}

li.woocommerce-MyAccount-navigation-link a:hover path,
li.woocommerce-MyAccount-navigation-link a[aria-current="page"] path {
    fill: #333;
}

.woocommerce-EditAccountForm fieldset {
    display: none;
}

@media (max-width: 767.98px) {

    .woocommerce-account .woocommerce-MyAccount-content,
    .woocommerce-account .woocommerce-MyAccount-navigation {
        float: none;
        width: 100%
    }
}

/* Checkout westaweb-shetab-gateway-checkout-form */
.westaweb-shetab-row {
    background-color: #f5f5f5;
    padding: 16px 24px !important;
    border-radius: 16px;
    margin-bottom: 16px;
}

.submit-wrapper {
    align-items: center;
    margin-bottom: 32px;
}

.shetab-uploader .btn,
.shetab-add-btn,
.shetab-btn {
    background: #01472f;
    font-weight: 400;
}

.westaweb-btn {
    background-color: var(--color-success, #20a740) !important;
    padding-inline: 32px !important;
}

.shetab-uploader label {
    border-radius: 8px;
    border: 3px dashed var(--color-border) !important;

}

p.westaweb-shetab-upload-images-status.status-error {
    font-size: 14px;
    color: var(--color-error);
}

.shetab-provision,
.card-info,
.westaweb-shetab-divider-line {
    border-bottom: 1px solid var(--color-border);
}

.shetab-uploader-label .start div {
    margin-bottom: 8px;
    font-weight: 400;
}

.westaweb-shetab-row .card-info {
    border-bottom: 0;
    margin-block: 16px;
}

.westaweb-shetab-row .shetab-provision {
    font-size: 14px;
    border-bottom: 0;
    background: #FEF0C7;
    color: #DC6803;
    margin: 0;
    padding: 8px;
    border-radius: 8px;
}

.westaweb-shetab-row .real-card {
    box-shadow: unset;
}

.westaweb-shetab-row .card-details span {
    font-family: 'IRANYekanXVFaNumVF';
    font-weight: 600;
}