/* ------------------- SideBar Styles ------------------- */

.wc-dashboard-container {
    display: flex;
    gap: 1.5rem;

    .wc-dashboard-content {
        overflow-y: auto;
    }

    .wc-dashboard-container-col {
        width: 50%;
        padding: var(--spacing-4xl);
        height: 450px;
        background-color: var(--grayscale-50);

        .wc-dashboard-welcome-message {
            margin-bottom: 2rem;

            .wc-dashboard-welcome-title {
                color: var(--grayscale-900);
                justify-content: left;
                padding: 0;
                margin-bottom: 2rem;
            }
        }
    }
}


/* ------------------- Navigation Styles ------------------- */

.wc-dashboard-navigation {
    .wc-dashboard-navigation-list {
        ul {
            list-style: none;
            margin: 0;
            padding: 0;

            .wc-dashboard-navigation-list-item {
                margin-bottom: 1rem;

                a {
                    .wc-dashboard-navigation-list-item-arrow {
                        background-color: var(--ocre-600);
                        padding: 7px 4px;
                        border-radius: 4px;

                    }

                    display: flex;
                    align-items: center;
                    gap: 1rem;
                    text-decoration: none;
                    font-weight: bold;
                }
            }
        }
    }
}


/* ------------------- Dashboard Recent Orders ------------------- */

.wc-dashboard-recent-orders-title {
    font-family: var(--ff-title);
    color: var(--grayscale-900);
    font-size: var(--fs-subtitle);
    margin-bottom: var(--spacing-md);
}


/* ------------------ Order table -------------------- */

.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table {
    border: none;
    margin: 0;

    tbody {
        tr {
            td {
                color: var(--grayscale-900);
                font-family: var(--ff-text);
            }

            th {
                a {
                    color: var(--ocre-600);
                    text-transform: capitalize;
                }
            }
        }
    }
}

/* ------------------- Order table buttons ------------------- */

.woocommerce-orders-table .custom-button {
    background-color: var(--brown-500);
    color: var(--grayscale-50);
    border-width: 0 !important;
    padding: var(--spacing-xs) var(--spacing-md);
    transition: background-color 0.3s ease-in-out;

    &:hover,
    &:focus {
        background-color: var(--ocre-900) !important;
        color: var(--grayscale-50) !important;
        border-width: 0 !important;
        box-shadow: none !important;
    }
}


/* ----------------- View Order ----------------- */

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    border: none;
    th, td{
        padding: 8px 0;
    }
    thead {
        .product-name {
            width: 50%;
        }
    }

    tbody {
        tr {
            .product-name {
                a {
                    color: var(--ocre-600);
                }
            }
        }
    }

    tfoot tr:first-child td,
    tfoot tr:first-child th {
        padding-top: var(--spacing-xl);
    }
}

.woocommerce-customer-details {
    position: relative;

    > h2 {
        color: var(--grayscale-900);
    }

    .addresses {
        h2 {
            color: var(--grayscale-900);
        }

        address {
            position: relative;
        }

        .woocommerce-column {
            position: relative;
        }

        .woocommerce-column--2 {
            margin-top: var(--spacing-xl);
        }
    }
}