.mb-20 {
    margin-bottom: 20px;
}

.mb-40 {
    margin-bottom: 40px !important;
} 

.gap-10 {
    gap: 10px;
}

/* --- Hide My Account Order Columns --- */

/* Hide the table headers */
.woocommerce-orders-table__header-product-image,
.woocommerce-orders-table__header-review {
    display: none;
}

/* Hide the table cells in each row */
.woocommerce-orders-table__cell-product-image,
.woocommerce-orders-table__cell-review {
    display: none;
}

.woocommerce-account .woocommerce::after, .woocommerce-account .woocommerce::before {
    display: none;
}

.woocommerce-account .woocommerce::after {
    content: unset;
}

.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
    content: unset;
}

/* account dashboard */
section.my__account_main{
    background: url(https://innovnational.com/reinette/wp-content/themes/reinette/assets/images/global/my_account_bg-min.jpg) no-repeat center center / cover;
}
/* .my__account-nav, .my__account-content{
    border: 1.5px solid rgba(65, 63, 57, 0.50);
    padding: 60px 40px;
} */

section.my__account_main h3 {
    font-size: 35px;
    font-weight: 600;
    color: #000;
}

section.my__account_main .h3-dashboard {
    color: #413F39;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
    float: unset;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: unset;
    width: 100%;
}

section.my__account_main nav.woocommerce-MyAccount-navigation {
    width: 100%;
    background-color: transparent;
    border: 1.5px solid rgba(65, 63, 57, 0.50);
    padding: 60px 40px;
    height: 100%;
}

section.my__account_main div.woocommerce-MyAccount-content {
    width: 100%;
    height: 100%;
    border: 1.5px solid rgba(65, 63, 57, 0.50);
    padding: 60px 40px;
} 

/* navigation */
.button_menu {
    background: #413F39;
    padding: 10px 20px;
    width: 120px;
}

section.my__account_main .profile {
    margin-bottom: 60px;
}

section.my__account_main .profile .image {
    gap: 32px;
}

section.my__account_main .my__account-nav ul{
    padding: 0;
    list-style: none;
}

section.my__account_main .my__account-nav ul li {
    display: flex;
    gap: 10px;
    padding: 10px 20px;
    border: 1.5px solid transparent;
    align-items: center;
    position: relative;
}

section.my__account_main .my__account-nav ul li a {
    color: #413F39;
    font-family: 'Urbanist';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    text-decoration: none;
}

section.my__account_main .my__account-nav ul li:hover {
    background: #BFA078;
    border: 1.5px solid #937957;
}

section.my__account_main .my__account-nav ul li:hover a {
    color: white;
}

section.my__account_main .my__account-nav ul li:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(100%) hue-rotate(113deg) brightness(116%) contrast(100%);
}

section.my__account_main .my__account-nav ul li.is-active {
    border: 1.5px solid rgba(65, 63, 57, 0.50);
    background: #413F39;
}

section.my__account_main .my__account-nav ul li.is-active a {
    color: white;
    text-decoration: none;
    font-family: 'Urbanist';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
}

section.my__account_main .my__account-nav ul li.is-active img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(100%) hue-rotate(113deg) brightness(116%) contrast(100%);
}

section.my__account_main .my__account-nav ul li.woocommerce-MyAccount-navigation-link--wishlist {
    margin-bottom: 40px;
}

section.my__account_main .my__account-nav ul li.woocommerce-MyAccount-navigation-link--customer-logout {
    border-top: 1px solid rgba(65, 63, 57, 0.50);
}
/* navigation end */

/* my account */
section.my__account_main form.woocommerce-EditAccountForm.edit-account {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

section.my__account_main form.woocommerce-EditAccountForm.edit-account .input-text {
    padding: 10px 20px;
    border: 1px solid #413F39;
}

section.my__account_main form.woocommerce-EditAccountForm.edit-account .input-text::placeholder {
    color: #413F39;
    font-family: 'Urbanist';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
}

section.my__account_main form.woocommerce-EditAccountForm.edit-account p::before, form.woocommerce-EditAccountForm.edit-account p::after {
    content: unset;
}

section.my__account_main form.woocommerce-EditAccountForm.edit-account .save_changes {
    padding: 10px 20px;
    background: #413F39;
    border: 1.5px solid #413F39;
    color: white;
    font-weight: 600;
}

section.my__account_main form.woocommerce-EditAccountForm.edit-account .save_changes:hover {
    background: #BFA078;
    border: 1.5px solid #937957; 
}
/* my account end */

/* account address */
section.my__account_main .woocommerce .col2-set, .woocommerce-page .col2-set::before, 
section.my__account_main .woocommerce .col2-set, .woocommerce-page .col2-set::after,
section.my__account_main .woocommerce-Address-title.title::before,
section.my__account_main .woocommerce-Address-title.title::after {
    content: unset;
}
section.my__account_main .u-column2.col-2.woocommerce-Address, 
section.my__account_main .u-column1.col-1.woocommerce-Address {
    width: 100%;
    float: unset;
}
section.my__account_main .woocommerce .col2-set, .woocommerce-page .col2-set {
    display: flex;
    flex-direction: column;
}

section.my__account_main .woocommerce-Address-title.title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

section.my__account_main .woocommerce-Address-title.title h3 {
    display: flex;
    gap: 10px;
    align-items: center;
}

section.my__account_main .billing_shipping:first-child {
    padding: 30px;
    border-radius: 5px;
    background: #FAF6EB;
}

section.my__account_main .billing_shipping:nth-of-type(2) {
    padding: 30px;
    border-radius: 5px;
    border: 1px solid rgba(65, 63, 57, 0.25);
    background: transparent;
}

section.my__account_main .billing_shipping p strong {
    color: #413F39;
    font-family: 'Urbanist';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
}

section.my__account_main .address__text {
    font-weight: 400;
}

/* account address end */

/* my orders */
section.my__account_main a.woocommerce-button.button.view {
    border: 1px solid rgba(65, 63, 57, 0.50);
    background: #fff;
    padding: 10px 20px;
    align-items: center;
    display: flex;
    justify-content: center;

    color: #413F39;
    font-family: 'Urbanist';
    font-weight: 600;
    line-height: 160%;
    border-radius: 0;
    /* text-decoration: underline; */
    max-width: 105px;
    width: 100%;
}

section.my__account_main a.woocommerce-button.button.view:hover  {
    border: 1.5px solid #937957;
    background: #BFA078;
    color: white;
}

section.my__account_main .woocommerce table.shop_table td {
    border: 0 !important;
}

section.my__account_main .woocommerce table.shop_table tfoot th  {
    border: 0 !important;
}

section.my__account_main .woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {
    padding: 24px 0;
}

section.my__account_main .woocommerce table.my_account_orders {
    font-size: unset;
    font-family: 'Urbanist';
    color: #413F39;
}

section.my__account_main .woocommerce table.my_account_orders thead tr {
    border-top: 0;
    border-bottom: 1.5px solid rgba(65, 63, 57, 0.50);
}

section.my__account_main .woocommerce table.my_account_orders tr {
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

section.my__account_main td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number a {
    color: #413F39;
    text-decoration: none;
}

section.my__account_main .woocommerce table.shop_table {
    border-collapse: collapse !important;
    border-radius: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

section.my__account_main td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
    display: flex;
    gap: 24px;
}

section.my__account_main a.woocommerce-button.button.cancel, section.my__account_main a.woocommerce-button.button.pay, section.my__account_main a.woocommerce-button.button.view {
    width: 100%;
}


section.my__account_main a.woocommerce-button.button.cancel {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    border: 0;
    background: transparent;
}

section.my__account_main a.woocommerce-button.button.pay {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    background: #413F39;
    border: 1px solid #413F39;
    color: white;
    text-decoration: none;
    border-radius: 0;
    height: 46px;
}

section.my__account_main a.woocommerce-button.button.pay:hover {
    border: 1px solid #937957;
    background: #BFA078;
}

/*  */
/* my orders */

/* view orders */
section.my__account_main div.woocommerce-order-details .product-details  .product.woocommerce.add_to_cart_inline {
    margin-bottom: 0;
    border: 0 !important;
    padding: 0 !important;
    position: relative;
    z-index: 2;
}

section.my__account_main div.woocommerce-order-details .product-details p.product.woocommerce.add_to_cart_inline .woocommerce-Price-amount.amount {
    display: none;
}

section.my__account_main div.woocommerce-order-details .product-details a.added_to_cart.wc-forward  {
    display: none !important;
}

section.my__account_main div.woocommerce-order-details .product-details .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.added::after {
    content: "";
}

section.my__account_main div.woocommerce-order-details .product_desc {
    gap: 33px;
}

section.my__account_main div.woocommerce-order-details .product_desc .price ins {
    text-decoration: none;
}

section.my__account_main div.woocommerce-order-details .add_product a {
    background: #413F39;
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    color: #FFF;
    text-decoration: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    border-radius: 0;
}


section.my__account_main div.woocommerce-order-details .view_product a {
    border: 1px solid #413F39;
    display: flex;
    width: 122px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    color: #413F39;
    text-decoration: none;
    background: white;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    border-radius: 0;
}

section.my__account_main div.woocommerce-order-details .view_product a:hover, div.woocommerce-order-details .add_product a:hover {
    border: 1.5px solid #937957;
    color: #FFF;
    background: #BFA078;
}

section.my__account_main div.woocommerce-order-details div.hr {
    height: 1px;
    width: 100%;
    margin: 40px 0 !important;
    background: rgba(65, 63, 57, 0.50);
}

/* div.woocommerce-order-details .gap-60 {
    gap: 60px;
} */

section.my__account_main div.woocommerce-order-details .products_buyed {
    border: 1.5px solid rgba(65, 63, 57, 0.50);
    padding: 30px;
}

section.my__account_main div.woocommerce-order-details table {
    border: 0 !important;
    padding: 0 !important;
}

section.my__account_main div.woocommerce-order-details table a  {
    color: #413F39;
    text-decoration: none;
}

section.my__account_main div.woocommerce-order-details table {
    color: #413F39;
}

section.my__account_main div.woocommerce-order-details .products:last-child div.hr {
    display: none;
}

section.my__account_main .back a {
    gap: 10px;
    color: #BFA078;
    font-family: 'Urbanist';
    font-size: 16px;
    font-weight: 600;
    line-height: 160%;
    text-decoration: none;
}

section.my__account_main .back {
    margin-bottom: 60px;
}

/* div.woocommerce-order-details .order_summary {
    margin-right: 24px;
}

div.woocommerce-order-details .billing_address {
    margin-left: 24px;
} */

section.my__account_main div.woocommerce-order-details .order_summary, div.woocommerce-order-details .billing_address {
    padding: 30px;
    border: 1.5px solid rgba(65, 63, 57, 0.50);
    height: 100%;
}

section.my__account_main div.woocommerce-order-details .billing_address .address {
    display: flex;
    gap: 10px;
}

section.my__account_main div.woocommerce-order-details .order_details {
    row-gap: 24px;
}


/* view orders end */

/* address form */

section.my__account_main .woocommerce-address-fields__field-wrapper .input-text {
    padding: 10px 20px;
    border: 1px solid #413F39;
}

section.my__account_main span.select2-selection.select2-selection--single {
    padding: 10px 20px;
    border: 1px solid #413F39;
    height: 100%;
    border-radius: 0;
}

section.my__account_main .woocommerce-address-fields__field-wrapper .input-text::placeholder {
    color: #413F39;
    font-family: 'Urbanist';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
}

section.my__account_main  span#select2-billing_state-container {
    padding: 0;
}

section.my__account_main span.select2-selection__arrow {
    height: 100% !important;
}

section.my__account_main .woocommerce-address-fields__field-wrapper p::before, section.my__account_main .woocommerce-address-fields__field-wrapper p::after {
    content: unset;
}

section.my__account_main .woocommerce-address-fields__field-wrapper p {
    padding: 0;
    margin: 0;
    margin-bottom: 24px;
}

section.my__account_main p#billing_first_name_field, section.my__account_main p#billing_last_name_field {
    width: calc(50% - 12px);
}

section.my__account_main .woocommerce-address-fields .submit_address {
    border: 1px solid rgba(65, 63, 57, 0.50);
    background: #413F39;
    padding: 10px 20px;
    align-items: center;
    display: flex;

    color: #FFF;
    font-family: 'Urbanist';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    border-radius: 0;
}

section.my__account_main .woocommerce-address-fields .submit_address:hover {
    border: 1.5px solid #937957;
    background: #BFA078;
}

/* address form end */

/* recent viewed */
section.my__account_main ul {
    margin-bottom: 0;
}

section.my__account_main .paging {
    margin-top: 60px;
}

section.my__account_main #pagination-numbers {
    display: flex;
    gap: 4px;
}

section.my__account_main .pagination-button, section.my__account_main .pagination-number {
    display: flex;
    width: 46px;
    height: 46px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 166px;
    border: 1px solid rgba(65, 63, 57, 0.12);
    cursor: pointer;
}

section.my__account_main .pagination-number:hover, section.my__account_main .pagination-button:hover {
    background: #413F39;
    color: white;
    border: 1px solid #413F39;
}

section.my__account_main .pagination-button:hover img {
    filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(2%) hue-rotate(259deg) brightness(104%) contrast(101%);
}

section.my__account_main .pagination-number.active {
    background: #413F39;
    color: white;
    border: 1px solid #413F39;
}

section.my__account_main .pagination-button img {
    width: 10px;
    max-width: unset;
}

section.my__account_main .product_desc {
    gap: 33px;
}

section.my__account_main p.product.woocommerce.add_to_cart_inline {
    margin-bottom: 0;
    border: 0 !important;
    padding: 0 !important;
    height: 100%;
}

section.my__account_main span.woocommerce-Price-amount.amount {
    display: none;
}

section.my__account_main .product_desc span.woocommerce-Price-amount.amount,
section.my__account_main .order_summary span.woocommerce-Price-amount.amount {
    display: block;
}

section.my__account_main .product_image img {
    max-width: 120px;
}

section.my__account_main .hr {
    width: 100%;
    height: 1px;
    background: rgba(65, 63, 57, 0.50);
    margin: 40px 0;
}

section.my__account_main .add_product a {
    border: 1px solid #413F39;
    background: #413F39;
    display: flex;
    width: 136px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    color: #FFF; 
    text-decoration: none;
    height: 50px;
    border-radius: 0;
    font-weight: 300;
}

section.my__account_main .view_product a {
    border: 1px solid #413F39;
    display: flex;
    width: 122px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    color: #413F39;
    text-decoration: none;
}

section.my__account_main .view_product a:hover, section.my__account_main .add_product a:hover {
    border: 1.5px solid #937957;
    color: #FFF;
    background: #BFA078;
}

section.my__account_main .product_desc .price ins {
    text-decoration: none;
}

/* recent viewed end */

@media (max-width: 1199px) {
    section.my__account_main .add_product, section.my__account_main .view_product {
        width: 100%;
    }

    section.my__account_main .add_product a, section.my__account_main .view_product a {
        width: 100%;
    }
}

@media (max-width: 991px) {
    section.my__account_main div.woocommerce-order-details .add_product, section.my__account_main div.woocommerce-order-details .add_product a,
    section.my__account_main div.woocommerce-order-details .view_product, section.my__account_main div.woocommerce-order-details .view_product a {
        width: 100%;
    }
}

@media (max-width: 767px) {
    section.my__account_main div.woocommerce-MyAccount-content {
        padding: 24px;
    }
    section.my__account_main p#billing_first_name_field, section.my__account_main p#billing_last_name_field {
        width: 100%;
    }
    .woocommerce table.my_account_orders tr {
        border-top: 0;
        border-bottom: 1.5px solid rgba(65, 63, 57, 0.50);
        padding-bottom: 40px;
    }
    .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
        background-color: transparent;
    }

    section.my__account_main a.woocommerce-button.button.view {
        margin-left: auto;
    }

    .woocommerce table.my_account_orders tr:last-child {
        border-bottom: 0;
    }
}

@media (max-width: 575px) {
    section.my__account_main div.woocommerce-order-details .prod_image {
        margin: auto;
    }

    section.my__account_main .product_image img {
       max-width: 100%;
       width: 100%;
    }

    section.my__account_main td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
        flex-direction: column;
        gap: 15px;
    }

    section.my__account_main a.woocommerce-button.button.view {
        max-width: 100%;
    }
}