.ba-msa-list { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); margin: 1rem 0 1.25rem; }
.ba-msa-card { border: 1px solid #eee; border-radius: 10px; padding: 1rem; display: flex; flex-direction: column; gap: 0.5rem; }
.ba-msa-card.is-default { border-color: #479ac6; }
.ba-msa-card address { font-style: normal; font-size: 0.875rem; line-height: 1.5; }
.ba-msa-phone { font-size: 0.8125rem; color: #6b7780; }
.ba-msa-badge { display: inline-block; font-size: 0.6875rem; font-weight: 600; color: #fff; background: #479ac6; border-radius: 2px; padding: 0.125rem 0.4375rem; vertical-align: middle; }
.ba-msa-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: auto; }
.ba-msa-actions .button { font-size: 0.8125rem; }
#ba_msa_select_field select { width: 100%; }

/* Fiókom menü: ikon a "Szállítási címeim" menüpont elé, ugyanúgy, mint a téma többi menüpontjánál
   (blonwe style.css: .my-account-wrapper .woocommerce-MyAccount-navigation-menu .woocommerce-MyAccount-
   navigation-link--{endpoint} a:before). A téma általános szabálya (klbtheme font, méret, térköz) erre
   az elemre is érvényes, csak a `content` hiányzik. Ikon: klb-icon-truck-thin (\eb89, teherautó) --
   user választása, 2026-09-21. A többi menüpont is "-thin" vonalas ikont használ, egyiküké sem azonos
   ezzel (a "Cím" menüpont \ec3f-et használ). Alternatíva: klb-icon-delivery-truck-thin (\ec10). */
.my-account-wrapper .woocommerce-MyAccount-navigation-menu .woocommerce-MyAccount-navigation-link--ba-shipping-addresses a:before {
    content: '\eb89';
}