/* My Account navigation (square corners) */

.woocommerce-MyAccount-navigation a
{
    transition: background .15s, color .15s, border-color .15s, box-shadow .15s;
    text-decoration: none;

    color: #ededed;
    border: 1px solid #2a2a31;
    border-radius: 0 !important;       /* no rounded corners */
    background: #16161a;
}

/* Hover / focus -> same as active (#ECEAEA / #D1DAE5) */
.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation a:focus,
.woocommerce-MyAccount-navigation a:focus-visible
{
    color: #111 !important;
    border-color: #d1dae5 !important;
    border-radius: 0 !important;
    outline: none;
    background: #eceaea !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* Active item -> #ECEAEA bg + #D1DAE5 border */
.woocommerce-MyAccount-navigation li.is-active > a
{
    color: #111 !important;
    border-color: #d1dae5 !important;
    border-radius: 0 !important;
    background: #eceaea !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
/* Force the whole address card + header block to black */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .title,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title.title
{
    border: 1px solid #d1dae5;         /* keep your light border */
    border-radius: 0;
    background: #0f0f10 !important;    /* black */
}

/* Heading text (“Billing address”, “Shipping address”) to white */
.woocommerce-account .woocommerce-Address .woocommerce-Address-title.title h3
{
    font-weight: 800;

    color: #fff !important;
}

/* If any decorative pseudo elements are adding a white band, kill them */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title.title::before,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title.title::after
{
    display: none !important;

    content: none !important;
}

/* Bottom info area stays black and readable */
.woocommerce-account .woocommerce-Address address,
.woocommerce-account .woocommerce-Address .woocommerce-Address-info
{
    color: #fff !important;
    border-top: 1px solid #d1dae5;
    background: #0f0f10 !important;
}

/* “Edit/Add address” button — visible on dark */
.woocommerce-account .woocommerce-Address .woocommerce-Address-title.title .edit,
.woocommerce-account .woocommerce-Address a.button.add
{
    display: inline-block;

    margin-top: 8px;
    padding: 10px 16px;

    transition: background .12s, color .12s, transform .12s, box-shadow .12s;
    text-decoration: none;

    color: #111 !important;                 /* black text */
    border: 1px solid #d1dae5 !important;
    border-radius: 14px;
    background: #eceaea !important;         /* light tile */
    box-shadow: 0 10px 24px rgba(0,0,0,.25);
}
.woocommerce-account .woocommerce-Address .woocommerce-Address-title.title .edit:hover,
.woocommerce-account .woocommerce-Address a.button.add:hover,
.woocommerce-account .woocommerce-Address .woocommerce-Address-title.title .edit:focus-visible,
.woocommerce-account .woocommerce-Address a.button.add:focus-visible
{
    transform: translateY(-1px);

    color: #fff !important;
    outline: none;
    background: #6f6e6e !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.32);
}

/* Edit/Add address buttons: remove radius (make square) */
.woocommerce-account .woocommerce-Address .woocommerce-Address-title.title .edit,
.woocommerce-account .woocommerce-Address a.button.add
{
    margin-top: 12px !important;

    border-radius: 0 !important;
}

/* Keep hover/focus square too (in case theme re-adds) */
.woocommerce-account .woocommerce-Address .woocommerce-Address-title.title .edit:hover,
.woocommerce-account .woocommerce-Address .woocommerce-Address-title.title .edit:focus-visible,
.woocommerce-account .woocommerce-Address a.button.add:hover,
.woocommerce-account .woocommerce-Address a.button.add:focus-visible
{
    border-radius: 0 !important;
}
/* ========== WooCommerce My Account – Orders & Order details (dark theme) ========== */

/* Base text colour inside My Account content (body text) */
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content td,
.woocommerce-MyAccount-content li,
.woocommerce-MyAccount-content address
{
    color: #f5f5f5 !important;
}

/* Marks in the intro line: Order #, date, status */
.woocommerce-MyAccount-content mark
{
    color: #f5f5f5 !important;
    background: transparent !important;
}

/* ----- Tables: order list + order details – body rows ----- */

.woocommerce-MyAccount-content table.shop_table
{
    border-color: rgba(255, 255, 255, .18) !important;
    background: transparent !important;
}

.woocommerce-MyAccount-content table.shop_table tbody td,
.woocommerce-MyAccount-content table.shop_table tbody th,
.woocommerce-MyAccount-content table.shop_table tfoot th,
.woocommerce-MyAccount-content table.shop_table tfoot td
{
    color: #f5f5f5 !important;
    border-color: rgba(255, 255, 255, .18) !important;
    background: rgba(0, 0, 0, .55) !important;
}

/* Links inside tables (product name, View button text, etc.) */
.woocommerce-MyAccount-content table.shop_table a
{
    color: #eceaea !important;
}

/* ----- Table headers (white strip + black text) ----- */

.woocommerce-MyAccount-content table.shop_table thead th,
.woocommerce-MyAccount-content table.woocommerce-table--order-details thead th
{
    color: #000 !important;
    border-color: rgba(255, 255, 255, .18) !important;
    background: #eceaea !important;
}

/* ----- Section headings: "Order details", "Billing address" ----- */

/* Keep heading bar white with black text */
.woocommerce-MyAccount-content .woocommerce-order-details__title,
.woocommerce-MyAccount-content .woocommerce-column__title
{
    display: block;

    margin: 0 0 16px;
    padding: 12px 16px;

    color: #000 !important;
    background: #eceaea  !important;
}

/* Billing address box content – dark block with white text */
.woocommerce-MyAccount-content .woocommerce-customer-details address
{
    padding: 20px !important;

    color: #eceaea !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    background: rgba(0, 0, 0, .55) !important;
}

/* Links in tables – product / order links only (NOT buttons) */
.woocommerce-MyAccount-content table.shop_table a:not(.button)
{
    color: #fff !important;
}

/* "View" button in My Account → Orders */
.woocommerce-MyAccount-content table.shop_table .button
{
    color: #000 !important;      /* black text on light button */
    /* optional if you want a slightly darker grey button:
    background-color: #e4e0e0 !important;
    */
}