body.woocommerce-account nav > ul {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 0px;
}

.woocommerce-orders {
     background-color: #F9F9FB;
}

body.woocommerce-view-order.woocommerce-account table td,
body.woocommerce-account table th {
    padding: 5px 10px !important;
}

.woocommerce-order-details > table {
    margin-top: 10px;
}

.woocommerce .woocommerce-customer-details address {
    border: none;
    line-height: 1.5;
}

.view-order-product-contents > img {
    width: 150px;
    max-width: 33vw;
}

.page-id-206 .view-order-details-table td,
.page-id-206 .view-orders-amounts {
    border-bottom: none;
}

.woocommerce-view-order .woocommerce .woocommerce-customer-details,
.page-id-207 .woocommerce .woocommerce-order-details,
.page-id-207 .woocommerce .woocommerce-order-downloads {
    width: 100%;
}

.woocommerce-view-order h3 {
    margin-bottom: 0;
}

body.woocommerce-account table td {
    font-family: var(--bodyfontfamily);
    font-size: var(--bodyfontsize);
}

.woocommerce-MyAccount-navigation-link--pre-orders {
    display: none;
}

.date-button {
    /* color: #000; */
    font-family: var(--bodyfontfamily);
    font-size: 12px;
    font-weight: 500;
    /* padding: 12px 10px; */
    border-radius: 5px;
    /* border: 0.5px solid #000; */
    /* background: rgba(231, 233, 238, 0.5); */
    /* box-shadow: 0px 6px 8px -8px rgba(0, 0, 0, 0.2); */
    line-height: 100%;
    text-align: center;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    color: var(--meckeys-orange-color);

    /* background-color: #ffffff; */
    /* filter: drop-shadow(0px 6px 8px rgba(0, 0, 0, 0.20000000298023224)); */
    /* border-radius: 5px; */
    /* border: 0.5px solid #fa7658; */
}

.mobile-date-button span{
    font-size: 11px;
}

.order-buttons-container-date {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 13px;
    width: 100%;
}




/* Fixing my account page weird styling on mobile */
@media (max-width: 768px) {

    .woocommerce-MyAccount-content .button-light {
        font-size: 10px !important;
        padding: 10px 3px !important;
        min-width: 70px !important;
    }
    .order-buttons-container-date {
        justify-content: flex-start;
    }

    .page-id-207
        table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table {
        table-layout: fixed;
    }

    .page-id-207 table.woocommerce-orders-table tbody td.review-action {
        padding: 4px !important;
    }

    .page-id-207 table.woocommerce-orders-table tbody td.review-action .hover-black {
        padding: 4px;
    }

    .page-id-207 td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
        padding: 4px !important;
    }

    input.hover-black {
        padding: 4px;
    }

    .page-id-207 .woocommerce table.shop_table_responsive thead,
    .page-id-207 .woocommerce-page table.shop_table_responsive thead {
        display: table-header-group;
    }

    .page-id-207 .woocommerce table.shop_table_responsive tbody tr:first-child td:first-child,
    .page-id-207 .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .page-id-207 .woocommerce table.shop_table_responsive tr,
    .page-id-207 .woocommerce-page table.shop_table_responsive tr {
        display: table-row;
    }

    .page-id-207 .woocommerce table.shop_table_responsive tr td,
    .page-id-207 .woocommerce-page table.shop_table_responsive tr td {
        display: table-cell;
        text-align: left !important;
    }

    .page-id-207 .woocommerce table.shop_table_responsive tr td::before,
    .page-id-207 .woocommerce-page table.shop_table_responsive tr td::before {
        content: unset;
    }
}

/* subtotal on phone should not be right aligned */
@media (max-width: 800px) {
    .view-orders-amount-total-table-body {
        float: unset !important;
    }
}

/* Status Filter */
#order-status-filter {
    width: 100%;
    font-weight: 700;
    font-family: var(--bodyfontfamily);
    font-size: 1.25rem;
    background: white;
    border: 0px;
    box-shadow: none;
}

.status-filter-dropdown {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10 -5 65 34" fill="rgb(200, 200, 200)"><path d="M4.25 5.61C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39c.51-.66.04-1.61-.79-1.61H5.04c-.83 0-1.3.95-.79 1.61z"/></svg>');
    background-repeat: no-repeat;
    background-position: 112% center;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.status-filter-dropdown.checked {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10 -5 65 34" fill="currentColor"><path d="M4.25 5.61C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39c.51-.66.04-1.61-.79-1.61H5.04c-.83 0-1.3.95-.79 1.61z"/></svg>');
}

.status-filter-dropdown {
    width: 100%;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.status-filter-dropbtn {
    color: var(--nv-text-color);
}

.status-filter-dropdown-content {
    background-color: white;
    display: none;
    position: absolute;
    min-width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 99;
    margin-top: 7px;
}

.status-filter-dropdown-content label {
    display: flex;
    padding: 5px 10px;
    font-family: var(--bodyfontfamily);
    font-size: 14px;
    justify-content: space-between;
}

.status-filter-dropdown:hover .status-filter-dropdown-content {
    display: block;
}

.woocommerce-orders-table__header.woocommerce-orders-table__header-order-status:hover .status-filter-dropdown-content {
    display: block;
}

.mobile-date-button {
    display: none;
}

@media (max-width: 768px) {
    .status-filter-dropdown.checked {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-35 -6 65 34" fill="currentColor"><path d="M4.25 5.61C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39c.51-.66.04-1.61-.79-1.61H5.04c-.83 0-1.3.95-.79 1.61z"/></svg>');
        min-width: 63px;
    }
    .status-filter-dropdown-content {
        display: none;
    }

    .status-filter-dropdown-content.show {
        display: block;
        min-width: 120px;
    }

    body.woocommerce-account .nv-content-wrap .woocommerce .woocommerce-MyAccount-navigation ul li a {
        font-weight: 500;
    }

    .woocommerce table.my_account_orders .button {
        text-align: center;
        justify-content: center;
        align-content: center;
        display: flex;
        font-family: var(--bodyfontfamily);
        font-size: var(--btnfs, var(--bodyfontsize));
        font-weight: 500 !important;
    }

    .order-buttons-container-date {
        display: none;
    }

    .mobile-date-button {
        display: block;
        color: var(--meckeys-orange-color);
    }
}

/* New My Account Page Styles By Parag  */

.nv-single-page-wrap.col .nv-page-title-wrap .nv-page-title h1 {
    text-align: center;
    font-family: var(--bodyfontfamily);
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 32px;
    color: #000;
    line-height: 100%;
}

.woocommerce .woocommerce-MyAccount-navigation {
    display: flex;
    justify-content: center;
    box-shadow: unset;
    width: 100%;
}

body.woocommerce-account .nv-content-wrap .woocommerce .woocommerce-MyAccount-navigation ul {
    margin-bottom: 15px ;
    display: flex ;
    justify-content: center ;
    gap: 25px ;
    border-radius: 60px ;
    padding: 12px 16px ;
    width: fit-content ;
    row-gap: 5px ;
    border: solid thin #929AB5 ;
    background-color: #FFFFFF;

}

body.woocommerce-account .nv-content-wrap .woocommerce .woocommerce-MyAccount-navigation ul li {
    margin: 0px ;
    line-height: normal ;
    border: 0px ;
}

body.woocommerce-account .nv-content-wrap .woocommerce .woocommerce-MyAccount-navigation ul li a {
    margin: 0px  ;
    color: #424a61 ;
    font-family: var(--bodyfontfamily) ;
    font-size: 14px ;
    font-style: normal ;
    font-weight: 400 ;
    text-decoration: none ;
    line-height: 100% ;
    padding: 0px ;
    border: 0px ;
}

body.woocommerce-account .nv-content-wrap .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--meckeys-orange-color);
    font-family: var(--bodyfontfamily);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
}

.woocommerce-MyAccount-content .orders-list {
    width: 100%;
}

.woocommerce-MyAccount-content .order-filters {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    color: #424a61;
}

.woocommerce-MyAccount-content .order-filters .filter {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    cursor: pointer;
    text-align: center;
}

body.woocommerce-account .nv-content-wrap .woocommerce .woocommerce-MyAccount-content .order-filters .filter.active {
    color: var(--meckeys-orange-color);
}

.woocommerce-MyAccount-content .order-container {
    width: 100%;
    max-width: 1040px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border-radius: 20px;
    background: #ffffff;
    padding: 25px;
    box-sizing: border-box;
    margin: 0px auto 32px auto;
    cursor: pointer;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.woocommerce-MyAccount-content #pre-orders-container .order-container {
    cursor: unset;
}

.woocommerce-MyAccount-content .order-container.hidden {
    display: none;
}
.woocommerce-MyAccount-content .order-filters .filter {
    cursor: pointer;
    padding: 5px 10px;
    display: inline-block;
}
.woocommerce-MyAccount-content .order-filters .filter.active {
    color: var(--meckeys-orange-color);
}

.woocommerce-MyAccount-content .order-header {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 14px;
    border-bottom: 0.5px solid #929ab5;
    margin-bottom: 14px;
}

.woocommerce-MyAccount-content .order-info-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.woocommerce-MyAccount-content .order-id {
    color: #000;
    font-family: var(--bodyfontfamily);
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 100%;
}

.woocommerce-MyAccount-content .order-meta {
    color: #636f92;
    font-family: var(--bodyfontfamily);
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 7px;
    line-height: 100%;
}
.woocommerce-MyAccount-content .order-meta .order-date,
.woocommerce-MyAccount-content .order-meta .order-status,
.woocommerce-MyAccount-content .order-total .order-total-amount {
    color: #424a61;
    font-family: var(--bodyfontfamily);
    font-size: 12px;
    font-weight: 500;
    line-height: 100%;
}

.woocommerce-MyAccount-content .order-total {
    color: #636f92;
    font-family: var(--bodyfontfamily);
    font-size: 12px;
    font-weight: 500;
    line-height: 100%;
}

.woocommerce-MyAccount-content .order-buttons-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 13px;
}

.woocommerce-MyAccount-content .button-light {
    color: #000;
    font-family: var(--bodyfontfamily);
    font-size: 10px;
    font-weight: 500;
    padding: 12px 10px;
    border-radius: 5px;
    border: 0.5px solid #000;
    background: rgba(231, 233, 238, 0.5);
    box-shadow: 0px 6px 8px -8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    line-height: 100%;
    min-width: 75px;
    text-align: center;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.woocommerce-MyAccount-content .button-dark,
.woocommerce-MyAccount-content .pay-button .pay {
    color: #fff;
    font-family: var(--bodyfontfamily);
    font-size: 10px;
    font-weight: 500;
    padding: 12px 10px;
    border-radius: 5px;
    border: 0.5px solid #000;
    background: #000;
    box-shadow: 0px 6px 8px -2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    line-height: 100%;
    text-decoration: none;
    min-width: 75px;
    text-align: center;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.woocommerce-MyAccount-content .order-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    /* flex-direction: row; */
}

.product-left-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 11px;
    align-items: center;
}

.woocommerce-MyAccount-content .product {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 11px;
    align-items: center;
}

.woocommerce-MyAccount-content .product-image {
    width: 80px;
    height: 80px;
    aspect-ratio: 1;
    object-fit: contain;
    border-radius: 5px;
    border: 0.5px solid #c7c7c7;
    background: #fff;
    background: #f9f9fb;
        filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.25));
}

.woocommerce-MyAccount-content .product-info-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.woocommerce-MyAccount-content .product-info-container .product-title,
.woocommerce-MyAccount-content .product-info-container .product-title a {
    color: #000;
    font-family: var(--bodyfontfamily);
    font-size: 15px;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 3px;
    text-decoration: none;
}

.woocommerce-MyAccount-content .product-info-container .product-meta {
    color: #636f92;
    font-family: var(--bodyfontfamily);
    font-size: 9px;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 2px;
}

.woocommerce-MyAccount-content .product-info-container .product-price {
    color: #2a4183;
    font-family: var(--bodyfontfamily);
    font-size: 10px;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 7px;
}

.woocommerce-MyAccount-content .product-button-container {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 10px;
}

.woocommerce-MyAccount-content .product-button {
    color: #fff;
    font-family: var(--bodyfontfamily);
    font-size: 10px;
    font-weight: 500;
    padding: 12px 10px;
    border-radius: 5px;
    border: 0.5px solid #000;
    background: #000;
    box-shadow: 0px 6px 8px -2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    line-height: 100%;
}

.no-orders {
    margin-top: 30px;
    text-align: center;
    font-family: var(--bodyfontfamily);
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 32px;
    color: #424a61;
    line-height: 100%;
}

.no-orders-container {
    width: 100%;
    max-width: 1040px;
    height: 50vh;
    max-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    background: #ffffff;
    margin: 0px auto 0px auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.no-orders-icon {
    margin-bottom: 15px;
}

.no-orders-text {
    text-align: center;
    font-family: var(--bodyfontfamily);
    font-size: 16px;
    font-weight: 500;
    color: #424A61;
    line-height: 100%;
    margin-top: 15px;
}

.woocommerce-MyAccount-content .product-eta {
    color: #636f92;
    font-family: var(--bodyfontfamily);
    font-size: 9px;
    font-weight: 500;
    line-height: 100%;
    line-height: 150%;
}

.woocommerce-MyAccount-content .button-dark .fas {
    margin-left: 5px;
}

.woocommerce-MyAccount-content .orders-loading {
    text-align: center;
    padding: 20px;
}

.woocommerce-MyAccount-content .loading-spinner {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#infinite-scroll-trigger {
    height: 20px;
    margin-top: 20px;
}

.woocommerce-MyAccount-content .view-order-container .order-buttons-container {
    justify-content: flex-start;
}

@media (max-width: 768px) {

     .nv-single-page-wrap.col .nv-page-title-wrap .nv-page-title h1 {
        font-size: 26px;
    }
    .woocommerce .woocommerce-MyAccount-navigation ul {
        border-radius: 10px;
    }
    .woocommerce-MyAccount-content .order-container {
        border-radius: 10px;
    }

    .woocommerce-MyAccount-content .button-dark {
        font-size: 10px;
        padding: 10px 3px;
        min-width: 80px;
    }

    .woocommerce-MyAccount-content .order-buttons-container {
        display: flex;
        width: 100%;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }

    .woocommerce-MyAccount-content .view-order-container .order-buttons-container {
        justify-content: flex-end;
    }

    .woocommerce-MyAccount-content .order-header {
        gap: 10px;
        align-items: flex-start;
        flex-direction: row;
    }
    .woocommerce-MyAccount-content .product-button-container {
        min-width: 100px;
    }
    .woocommerce-MyAccount-content .order-info-container {
        min-width: 204px;
    }

    a img {
        display: none;
    }

    .woocommerce-MyAccount-content .product-info-container .product-title,
    .woocommerce-MyAccount-content .product-info-container .product-title a {
        font-size: 12px;
    }

    .no-orders-container {
        border-radius: 12.06px;
    }
}

.woocommerce-MyAccount-content .view-order-container {
    margin: 0px;
    padding: 0px;
    background: transparent;
    margin-bottom: 15px;
    box-shadow: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 38px;
    filter:none;
}

.woocommerce-MyAccount-content .view-order-container .product-button-container {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 13px;
    min-width: 200px;
}




.woocommerce-MyAccount-content .order-bill-container {
    max-width: 245px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
}

.woocommerce-MyAccount-content .order-subtotal-container,
.order-discount-container,
.order-shipping-container,
.order-total-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.subtotal-text,
.discount-text,
.shipping-text,
.total-text,
.subtotal-amount,
.discount-amount,
.shipping-amount,
.total-amount {
    color: #000000;
    font-family: var(--bodyfontfamily);
    font-size: 15px;
    font-weight: 400;
    line-height: 100%;
}

.total-text,
.total-amount {
    font-weight: 500;
}

.woocommerce-MyAccount-content .order-footer-container {
    max-width: 1040px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 15px;
    border-top: 0.5px solid #929ab5;
    margin-left: auto;
    margin-right: auto;
    gap: 12px;
}

.woocommerce-MyAccount-content .billing-address-container,
.woocommerce-MyAccount-content .shipping-address-container {
    width: 100%;
    max-width: 210px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
}

.woocommerce-MyAccount-content .shipping-address-container {
    margin-right: auto;
}

.woocommerce-MyAccount-content .order-bill-title,
.shipping-address-title,
.billing-address-title {
    color: #000000;
    font-family: var(--bodyfontfamily);
    line-height: 100%;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
}

.woocommerce-MyAccount-navigation .back-arrow,
.woocommerce-MyAccount-navigation .front-arrow {
    display: none !important;
}

.woocommerce {
    display: flex !important;
    flex-direction: column !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 100% ;
    float: none !important;
}

.preorder-cancel-dialog .swal2-confirm-custom {
    background-color: var(--nv-text-color);
    color: #fff;
    font-weight: 600;
}

.preorder-cancel-dialog .swal2-cancel-custom {
    background-color: #fff;
    color: var(--nv-text-color);
    border: 3px solid var(--nv-text-color);
    font-weight: 600;
}

.preorder-cancel-dialog .swal2-cancel-custom:hover {
    background-color: #fff;
    color: var(--nv-text-color);
    border: 3px solid var(--nv-text-color);
}
.preorder-cancel-dialog .swal2-title {
    color: var(--nv-text-color);
}

.preorder-cancel-dialog .swal2-popup {
    font-family: var(--headingsfontfamily), var(--nv-fallback-ff);
}

@media (max-width: 768px) {
    .woocommerce-MyAccount-content .view-order-container .product-button-container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        min-width: 100px;
    }

    .woocommerce-MyAccount-content .order-footer-container {
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
    }

    .woocommerce-MyAccount-content .billing-address-container,
    .woocommerce-MyAccount-content .shipping-address-container {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 12px;
        margin: auto;
    }

    .woocommerce-MyAccount-content .order-bill-container {
        max-width: 100%;
    }

    .woocommerce-MyAccount-content .product {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .woocommerce-MyAccount-content .product-info-container {
        width: 66%;
    }

    .date-button span {
        line-height: 1.3;
    }
}

.woocommerce-MyAccount-navigation .nav-header {
    display: none;
}

@media screen and (max-width: 767px) {

    body.woocommerce-account .nv-content-wrap .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--pre-orders {
        display: none;
    }

    .woocommerce-MyAccount-navigation .nav-header {
        display: block;
    }

    .woocommerce-MyAccount-navigation {
        background: #FFFFFF;
        margin-bottom: 15px;
        border-radius: 10px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
        /* border:solid thin #929AB580; */
    }

    .is-main-account {
        background: #FFFFFF;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
        margin-bottom: 15px;
        border-radius: 10px;
        /* border:solid thin #929AB580; */
    }

    .woocommerce-MyAccount-navigation .nav-header {
        width: 100%;
        display: flex;
        align-items: center;
        padding: 15px 20px;
    }

    body.woocommerce-account .nv-content-wrap .woocommerce .woocommerce-MyAccount-navigation .back-arrow {
        display: block !important;
        color: #000 ;
        text-decoration: none ;
        font-size: 20px ;
        margin-right: auto ;
        margin-top: 0px ;
        padding: 0px ;
        border-bottom: 0px ;
    }

    body.woocommerce-account .nv-content-wrap .woocommerce .woocommerce-MyAccount-navigation .front-arrow {
        display: block !important;
        color: #000;
        text-decoration: none;
        font-size: 20px;
        margin-right: 10px;
        margin-top: 0px;
        padding: 0px;
        border-bottom: 0px;
    }

    body.woocommerce-account .nv-content-wrap .woocommerce .woocommerce-MyAccount-navigation .active-page-title {
        margin-right: auto;
        color: var(--meckeys-orange-color);
        font-weight: 500;
        font-size: 15px;
    }

    body.woocommerce-account .nv-content-wrap .woocommerce .woocommerce-MyAccount-navigation.is-main-account .nav-header {
        display: none !important;
    }

    body.woocommerce-account .nv-content-wrap .woocommerce .woocommerce-MyAccount-navigation ul {
        display: flex ;
        flex-direction: column  ;
        border-radius: 10px ;
        width: 100% ;
        justify-content: flex-start ;
        align-items: center ;
        padding: 0px ;
        margin-bottom: 0px ;
        box-shadow: unset ;
    }

    body.woocommerce-account .nv-content-wrap .woocommerce .woocommerce-MyAccount-navigation ul li {
        border-bottom: 1px solid #929AB5;
        width: 100%;
        padding: 15px 20px;
        justify-content: space-between;
        display: flex;
        align-content: center;
    }
    
    body.woocommerce-account .nv-content-wrap .woocommerce .woocommerce-MyAccount-navigation ul li:last-child {
        border-bottom: none;
    }

    .woocommerce .woocommerce-MyAccount-navigation ul {
        display: none !important;
    }

    .woocommerce .woocommerce-MyAccount-navigation.is-main-account ul {
        display: flex !important;
    }

    .woocommerce-MyAccount-content .order-id {
        font-size: 18px;
    }    
}

/* Address  */
/* Common Variables and Base Styles */
:root {
    --body-font: var(--bodyfontfamily);
    --text-color: #424a61;
    --label-color: #636f92;
    --border-color: #c7c7c7;
    --dark-color: #000;
    --light-bg: #f3f4f7;
}

/* Address Container Styles */
.meckeys-saved-addresses {
    margin: 30px auto 35px;
    padding: 25px;
    border-radius: 20px;
    background: var(--light-bg);
    box-shadow: 0px 10px 32px -15px rgba(0, 0, 0, 0.2);
    max-width: 100%;
}

.meckeys-saved-addresses h3 {
    color: var(--dark-color);
    font-family: var(--body-font);
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 100%;
}

/* Grid Layout */
.saved-addresses-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    margin-bottom: 25px;
}

/* Address Box Styles */
.address-box {
    position: relative;
    padding: 20px;
    border-radius: 10px;
    background: #ffffff;
    border: 0.5px solid var(--border-color);
    box-shadow: 0px 6px 8px -8px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: border-color 0.3s ease;
}

.address-box.is-default {
    border: 2px solid var(--dark-color);
}

.address-box.is-default .address-actions .delete-address {
    display: none;
}

/* Address Content */
.address-content {
    color: var(--text-color);
    font-family: var(--body-font);
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 15px;
}

/* Address Label */
.address-label {
    position: absolute;
    top: -10px;
    left: 10px;
    background: var(--dark-color);
    color: #fff;
    padding: 2px 8px;
    font-size: 10px;
    border-radius: 3px;
    font-weight: 500;
    text-transform: capitalize;
}

/* Button Styles */
.address-actions {
    display: flex;
    gap: 13px;
}

/* Common Button Styles */
.button-light,
.button-dark,
.woocommerce-MyAccount-content .meckeys-saved-addresses .address-actions .button,
.save-current-address {
    font-family: var(--body-font);
    font-size: 10px !important;
    font-weight: 500 !important;
    padding: 12px 10px !important;
    border-radius: 5px !important;
    cursor: pointer;
    line-height: 100%;
    min-width: 75px;
    text-align: center;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    width: 100%;
    opacity: 1 !important;
}

/* Light Button */
.button-light,
.address-actions .button:not(.use-address):not(:disabled), .delete-address {
    color: var(--dark-color) !important;
    border: 0.5px solid var(--dark-color) !important;
    background: rgba(231, 233, 238, 0.5) !important;
    box-shadow: 0px 6px 8px -8px rgba(0, 0, 0, 0.2);
}

/* Dark Button */
.button-dark,
.save-current-address,
.address-actions .use-address:not(:disabled),
.woocommerce .woocommerce-MyAccount-content .meckeys-saved-addresses .address-actions .use-address,
.woocommerce .woocommerce-MyAccount-content .meckeys-saved-addresses .address-actions .button.save-current-address {
    color: #fff;
    border: 0.5px solid var(--dark-color) !important;
    background: var(--dark-color) !important;
    box-shadow: 0px 6px 8px -2px rgba(0, 0, 0, 0.2) !important;
    line-height: 100% !important;
}

/* Disabled Button States */
.address-actions .button:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    background: rgba(231, 233, 238, 0.8);
}

.address-actions .use-address:disabled {
    background: var(--dark-color);
    opacity: 0.7;
}

/* Form Styles */
.woocommerce-address-fields {
    max-width: 1040px;
    margin: 0 auto 32px;
    padding: 25px;
    width: 100%;
}

/* Form Input Styles */
.address-label-input,
.woocommerce-address-fields .input-text,
.woocommerce-address-fields select,
.select2-container--default .select2-selection--single {
    height: 40px;
    border-radius: 5px;
    border: 0.5px solid var(--border-color);
    padding: 8px 12px;
    font-family: var(--body-font);
    font-size: 14px;
    color: var(--text-color);
    background: #fff;
    width: 100%;
}

/* Form Labels */
.woocommerce form .form-row label,
.save-address-form label,
.woocommerce-address-fields label {
    color: var(--label-color);
    font-family: var(--body-font);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 5px;
}

/* Required Field */
.woocommerce form .form-row .required,
.save-address-form label .required {
    color: var(--wc-red);
    font-weight: 700;
    border: 0 !important;
    text-decoration: none;
}

/* Select2 Customization */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
    padding-left: 12px;
    color: var(--text-color);
    font-family: var(--body-font);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}

/* Hide Default Addresses Section */
body.meckeys-address-book-active .u-columns.woocommerce-Addresses.col2-set.addresses {
    display: none;
}

button.save-current-address{
    margin-top: 30px;
    font-family: var(--body-font);
    font-weight: 500 !important;
    border-radius: 5px !important;
}

.select2-hidden-accessible {
    clip: unset !important;
    overflow: hidden !important;
  
    height: 40px !important;
    margin: unset !important;
    border-radius: 5px !important;
    border: 0.5px solid #c7c7c7 !important;
    padding: 8px 12px !important;
    font-family: var(--bodyfontfamily);
    font-size: 14px !important;
    color: #424a61;
    background: #fff;
    width: 100% !important;
    position:  relative !important;
  }

/* Responsive Styles */
@media (max-width: 768px) {
    .meckeys-saved-addresses {
        padding: 15px;
        border-radius: 10px;
    }

    .meckeys-saved-addresses h3 {
        font-size: 20px;
    }

    .saved-addresses-grid {
        grid-template-columns: 1fr;
    }

    .address-content {
        font-size: 12px;
    }

    .save-address-form {
        flex-direction: column;
    }

    .address-label-input {
        width: 100%;
        min-width: unset;
    }

    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last {
        width: 100%;
        float: none;
    }

    .address-actions .button {
        font-size: 10px;
        padding: 10px 3px;
        min-width: 80px;
    }
    .woocommerce .is-main-account {
        width:76%;
        margin:auto;
    }

    .woocommerce-MyAccount-content > p:first-of-type {
        margin-bottom: 100px ;
    }

    .woocommerce-MyAccount-content > p:first-of-type > strong {
        color: var(--meckeys-orange-color);
        font-weight: 400;
    }

    .woocommerce-MyAccount-content > p:nth-of-type(2) {
        margin-bottom: 0; /* or any value you want */
        text-align: center;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
        margin: auto;
    }

}

/* Logout Confirmation Modal Styling */

.logout-confirmation-container {
    backdrop-filter: blur(2px)
}


.logout-confirmation-popup.swal2-popup {
    border-radius: 10px;
    padding: 32px ;
    max-width: 375px;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1) !important;
}

.logout-confirmation-title.swal2-title {
    font-weight: 600 ;
    font-size: 16px ;
    line-height: 1.2 ;
    margin: 0 ;
    padding: 0 ;
    text-align: left;
    letter-spacing: normal;
}

.logout-confirmation-text.swal2-html-container {
    font-size: 14px !important;
    font-weight: 400 ;
    line-height: 1.5 ;
    margin: 12px 0 24px 0 ;
    padding: 0 ;
    text-align: left ;
    overflow: visible ;
}

.logout-confirmation-actions.swal2-actions {
    gap: 12px ;
    margin: 0 ;
    padding: 0 ;
    width: 100% ;
    justify-content: flex-end ;
}

.swal2-confirm-logout,
.swal2-cancel-logout {
    padding: 12px 20px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 5.25px;
}

.swal2-confirm-logout {
    padding: 12px 24px;
    width: 93px;
}

.swal2-confirm-logout.swal2-styled {
    font-weight: 600 ;
    padding: 12px 20px ;
    border-radius: 8px ;
    font-size: 15px ;
    margin: 0 ;
    transition: background-color 0.2s;
}

.swal2-cancel-logout.swal2-styled {
    font-weight: 600 ;
    padding: 12px 20px ;
    border-radius: 8px ;
    font-size: 15px ;
    margin: 0 ;
    transition: background-color 0.2s, border-color 0.2s;
}

/* Mobile Styles for Logout Dialog */
@media (max-width: 768px) {
    .logout-confirmation-popup.swal2-popup {
        padding: 20px !important;
        max-width: 90% !important;
        margin: 0 auto;
    }
    
    .logout-confirmation-title.swal2-title {
        font-size: 14px ;
    }
    
    .logout-confirmation-text.swal2-html-container {
        margin: 12px 0 20px 0;
        font-size: 11px;
    }
    
    .swal2-confirm-logout.swal2-styled,
    .swal2-cancel-logout.swal2-styled {
        font-size: 13px;
        font-weight: 500;
    }
}
/* Wishlist Styles */
.sp-wishlist-wrap {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    gap: 17px;
}

.sp-wl-product {
    width: 100%;
    position: relative;
    border-radius: 20px;
    background: #FFF;
    padding: 24px;
    box-sizing: border-box;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
    border-bottom: 0 !important;
    display: flex;
    align-items: center;
    gap: 24px;
}

.sp-wl-product-content {
    display: flex;
    align-items: center;
    gap: 24px;
    flex: 1;
    min-width: 0;
}

.sp-wl-product .product-thumbnail img {
    width: 100px;
    height: 100px;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 5px;
    min-width: 100px !important;
}

.sp-wl-product .details {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    flex: 1;
    min-width: 0;
    margin-left: 10px;
}

.sp-wl-product .product-name {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 3px;
    min-width: 0;
    text-align: start;
}

.sp-wl-product .product-name a {
    font-family: var(--bodyfontfamily);
    font-size: 15px;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none;
    display: block;
    margin-bottom: 3px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.sp-wl-product .price-stock {
    grid-column: 1;
    grid-row: 2;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    align-items: start;
}

.sp-wl-product .product-stock-status {
    margin-bottom: 2px;
}

.sp-wl-product .product-stock-status .wishlist-in-stock,
.sp-wl-product .product-stock-status .wishlist-out-of-stock {
    font-family: var(--bodyfontfamily);
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    display: inline-block;
}

.sp-wl-product .product-stock-status .wishlist-in-stock {
    color: #22C55E;
}

.sp-wl-product .product-price {
    font-family: var(--bodyfontfamily);
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 2px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}


.sp-wl-product .product-price del {
    color: #666666;
    text-decoration: line-through;
}

.sp-wl-product .product-price del bdi {
    margin-right: 5px;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
}

.sp-wl-product .actions {
    grid-column: 2;
    grid-row: 1 / -1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    min-width: fit-content;
    position: absolute;
    right: 24px;
}

.sp-wl-product .product-add-to-cart a.button,
.sp-wl-product .product-add-to-cart a.button-primary,
.sp-wl-product .product-add-to-cart .button {
    font-family: var(--bodyfontfamily);
    font-size: 16px;
    font-weight: 500;
    /* padding: 12px 10px; */
    border-radius: 5px;
    box-shadow: none;
    cursor: pointer;
    line-height: 100%;
    text-decoration: none;
    min-width: 75px;
    display: inline-flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    width: 137.88px;
    height: 40px;
}

.sp-wl-product .remove-wl-item,
.sp-wl-product .remove-wl-item:hover {
    background: transparent !important;
    box-shadow: none !important;
}

.sp-wl-product .remove-wl-item .dashicons-no-alt:before {
    color: #0A0A0A !important;
}

.sp-wl-product .remove-wl-item .dashicons {
    font-size: 24px;
}

.sp-wl-product .loader-wrap {
    display: none;
}

/* Empty Wishlist Message */
.woocommerce-MyAccount-content > p {
    text-align: center;
    font-family: var(--bodyfontfamily);
    font-size: 16px;
    font-weight: 500;
    padding: 50px 20px;
}

/* Responsive Wishlist Styles */
@media (max-width: 768px) {

    .sp-wishlist-wrap {
        margin-top: 0;
    }
    
    .sp-wl-product {
        border-radius: 10px;
        padding: 15px;
        flex-direction: column;
        align-items: flex-start;
        height: auto;
    }

    .sp-wl-product-content {
        flex-wrap: wrap;
        row-gap: 15px;
        width: 100%;
        align-items: flex-start;
    }

    .sp-wl-product .product-name a {
        font-size: 10.86px;
    }

    .sp-wl-product .product-price {
        font-size: 10.86px;
    }

    .sp-wl-product .product-price del bdi {
        font-size: 9.5px;
    }

    .sp-wl-product .details {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        margin-left: 0;
        margin-top: 6px
    }

    .sp-wl-product .product-stock-status .wishlist-in-stock,
    .sp-wl-product .product-stock-status .wishlist-out-of-stock {
        font-size: 9.5px;
    }

    .sp-wl-product .actions {
        grid-column: 1;
        grid-row: 3;
        width: 100%;
        justify-content: space-between;
        margin-top: 0px;
        position: unset;
    }

    .sp-wl-product .product-add-to-cart {
        width: 100%;
        margin-top: 16px;
    }

    .sp-wl-product .product-add-to-cart a.button,
    .sp-wl-product .product-add-to-cart .button {
        font-size: 10px;
        padding: 10px 3px;
        min-width: 80px;
        width: 100%;
        height: 27.4px;
    }

    .sp-wl-product .product-thumbnail img {
        width: 68px;
        height: 68px;
        min-width: 68px !important;
    }

    .sp-wl-product .remove-wl-item .dashicons {
        position: absolute;
        right: 10px;
        top: 18px;
        font-size: 14px;
    }
}

/* Wishlist Text Fixes */
.woocommerce-MyAccount-navigation-link--sp-wish-list > a:first-child {
    font-size: 0 !important;
}
.woocommerce-MyAccount-navigation-link--sp-wish-list > a:first-child::before {
    content: "Wishlist";
    font-size: 14px;
    visibility: visible;
    line-height: 1;
    position: relative;
}

.bis-h2 {
    font-size: 32px;
    font-weight: 600;
    margin-top: 40px;
    text-transform: capitalize;
    padding-left: 37px;
    letter-spacing: 0px;
    margin-bottom: 15px;
}

.woocommerce-MyAccount-content > .custom-bis-wrapper > .wc-bis-active-notifications-table > thead > tr > th {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 21px;
    font-weight: 500;
    color: #424A61;
    border-bottom: solid thin #929AB5;
    padding-top: 16px !important;
    padding-left: 16px !important;
    padding-bottom: 16px !important;
    text-align: left;
}

.woocommerce-MyAccount-content > .custom-bis-wrapper > .wc-bis-pending-notifications-table > thead > tr > th {
    background: #F9F9FB;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 21px;
    font-weight: 500;
    color: #424A61;
    border-bottom: solid thin #929AB5;
    padding-top: 16px !important;
    padding-left: 16px !important;
    padding-bottom: 16px !important;
    text-align: left;
}

.custom-bis-wrapper {
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
    padding-top: 20px;
    padding-bottom:20px;
    padding-left:37px;
    padding-right: 37px;
    border-radius: 20px;
    background-color: white;
}

.woocommerce-MyAccount-content > .custom-bis-wrapper > table > tbody > tr > td {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    color: rgba(17, 21, 19, 1);
    font-family: Poppins;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0px;
    border-bottom:solid thin #E7E9EE !important;

}

.woocommerce-MyAccount-content > .custom-bis-wrapper > table > tbody > tr > .woocommerce-orders-table__cell-notification-actions {
    text-align: left;
}

.woocommerce-MyAccount-content > .custom-bis-wrapper > table > tbody > tr > td > .woocommerce-Button {
    width: 100px;
    font-family: Poppins;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 9.5px;
    padding-bottom:9.5px;
    border-radius: 5px;
}

.bisFlex {
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
    padding-top: 58px;
    padding-bottom:58px;
    border-radius: 20px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bisFlex > p {
    margin-bottom: 0;
    font-size: 20px;
    color: #111513CC;
    text-align: center;
}