/*
 * My Account pages (loaded by AccountServiceProvider on account pages only).
 *
 * The Elementor "My Account" widget gives table buttons a grey fallback text colour, which ends up
 * on a dark blue fill. The !important flags win over the widget's long generated selectors.
 */

/* Hover colours the widget leaves unset fall back to a light blue (#5bc0de) that isn't ours. */
.woocommerce-account .elementor-widget-woocommerce-my-account {
    --links-hover-color: #002e42;
    --tables-links-hover-color: #002e42;
}

.woocommerce-account .woocommerce-MyAccount-content a:not(.button):hover {
    color: #002e42;
    text-decoration: underline;
}

/* Buttons that remain buttons (subscription Actions, pagination, downloads, forms):
   white text on Leantime blue, with room between them. */
.woocommerce-account .woocommerce .button {
    background-color: var(--e-global-color-primary, #004766) !important;
    border-color: var(--e-global-color-primary, #004766) !important;
    color: #fff !important;
    margin: 0 0.5em 0.5em 0;
}

/* The widget pads form buttons 15px top / 10px bottom (Log in, Register, Save), so their text sits low. */
.woocommerce-account .woocommerce form .button {
    padding: 12px 20px !important;
}

.woocommerce-account .woocommerce .button:hover,
.woocommerce-account .woocommerce .button:focus-visible {
    background-color: #002e42 !important;
    border-color: #002e42 !important;
    color: #fff !important;
}

/* Row actions in the orders, subscriptions and related-orders tables (View, Invoice, Pay, ...)
   are links: they open something, they don't change anything. */
.woocommerce-account .woocommerce .woocommerce-orders-table__cell-order-actions .button {
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: var(--e-global-color-primary, #004766) !important;
    font-weight: 600;
    margin: 0 1.25em 0 0;
    padding: 0 !important;
    text-decoration: none;
}

.woocommerce-account .woocommerce .woocommerce-orders-table__cell-order-actions .button:last-child {
    margin-right: 0;
}

.woocommerce-account .woocommerce .woocommerce-orders-table__cell-order-actions .button:hover,
.woocommerce-account .woocommerce .woocommerce-orders-table__cell-order-actions .button:focus-visible {
    background: none !important;
    color: #002e42 !important;
    text-decoration: underline;
}