.maco-bc-orderhistory h3 {
    margin-top: 2rem;
}

.maco-bc-orderhistory .maco-bc-paid {
    color: #1a7f37;
    font-weight: 600;
}

.maco-bc-orderhistory .maco-bc-unpaid {
    color: #b35900;
    font-weight: 600;
}

.maco-bc-order-detail .maco-bc-shipment {
    margin-bottom: 1.5rem;
}

/* Amount columns: right-aligned on desktop tables. WooCommerce responsive
   tables already float values right on mobile, so scope to the th/td layout. */
.maco-bc-orderhistory table:not(.shop_table_responsive) .maco-bc-amount,
.maco-bc-orderhistory th.maco-bc-amount {
    text-align: right;
}

@media screen and (min-width: 769px) {
    .maco-bc-orderhistory .shop_table_responsive td.maco-bc-amount {
        text-align: right;
    }
}

/* The "Vis" link: underlined with the theme's primary color when the theme
   defines one (e.g. yellow on Crossbutikken), falling back to the text color
   on themes without a primary preset. */
.maco-bc-orderhistory a.maco-bc-view {
    text-decoration: underline;
    text-decoration-color: var(--wp--preset--color--primary, currentColor);
    text-decoration-thickness: 0.15em;
    text-underline-offset: 0.25em;
    font-weight: 600;
}

.maco-bc-orderhistory a.maco-bc-view:hover {
    text-decoration-thickness: 0.25em;
}