/*
 * FLORA Account UI — 2026-10-02
 * Sits after flora-account-ui-20260902a.css.
 * One job: every account section stays reachable, notices stay readable,
 * and the agronomist banner uses the same light green as the cabinet.
 */

@media (max-width: 1180px) {
    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
        overflow: visible !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
        width: auto !important;
        min-width: 0 !important;
        flex-wrap: wrap !important;
    }

    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout {
        margin-left: 0 !important;
    }
}

/* WooCommerce prints the action before the sentence and floats it.
   On a narrow account card the sentence splits around the button. */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info:has(.button),
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message:has(.button) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info::before,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message::before {
    order: -1 !important;
    align-self: flex-start !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message .button {
    float: none !important;
    order: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    align-self: flex-start !important;
    text-align: center !important;
}

@media (max-width: 640px) {
    body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button,
    body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message .button {
        width: 100% !important;
        align-self: stretch !important;
    }
}

@media (min-width: 720px) {
    body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info:has(.button),
    body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message:has(.button) {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button,
    body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message .button {
        margin-left: auto !important;
    }
}

/* Agronomist progress card: same paper and green as the cabinet, not a dark slab. */
body.woocommerce-account .fe-banner {
    background: #f4faf6 !important;
    color: #17324d !important;
    border: 1px solid #d5e6dc !important;
    box-shadow: none !important;
}

body.woocommerce-account .fe-banner::before,
body.woocommerce-account .fe-banner::after {
    display: none !important;
}

body.woocommerce-account .fe-banner-tier,
body.woocommerce-account .fe-info-btn {
    background: #e7f5ec !important;
    color: #105f39 !important;
    border-color: #bddfce !important;
}

body.woocommerce-account .fe-quota-bar-track {
    background: #d7ebdf !important;
}

body.woocommerce-account .fe-quota-bar-fill:not(.fe-quota-warning):not(.fe-quota-danger) {
    background: #187b4b !important;
}

/* Legacy account CSS paints every submit with a navy gradient and !important.
   The login card sets a green variable, but that rule loses. Restore it here. */
body.woocommerce-account .fa-auth-page .fa-auth-btn--primary {
    background: #187b4b !important;
    background-image: none !important;
    box-shadow: 0 4px 14px -4px rgba(24, 123, 75, .45) !important;
}

body.woocommerce-account .fa-auth-page .fa-auth-btn--primary:hover:not(:disabled) {
    background: #105f39 !important;
    background-image: none !important;
}

body.woocommerce-account .fa-auth-page .fa-auth-btn--ghost {
    background: #ffffff !important;
    background-image: none !important;
    color: #187b4b !important;
    border: 1px solid #187b4b !important;
    box-shadow: none !important;
}

body.woocommerce-account .fe-locked-pitch,
body.woocommerce-account .fe-banner-locked-sub,
body.woocommerce-account .fe-banner-brand,
body.woocommerce-account .fe-banner-title {
    color: #17324d !important;
}