.bs-listing-editor { margin: 0 0 2.5rem; padding: 1.25rem; border: 1px solid var(--wp--preset--color--contrast, #ccc); border-radius: 8px; }
.bs-listing-editor h2 { margin-top: 0; }
.bs-input { width: 100%; max-width: 32rem; }
.bs-field-row { margin: 0 0 1rem; }
.bs-req { color: #b00; }
.bs-ctas .button { margin-right: .5rem; }
.bs-pending-note { background: #fff8e5; padding: .5rem .75rem; border-radius: 4px; }
.bs-modules-list .bs-module { border-top: 1px solid #eee; padding: .5rem 0; }

/* My Listings index */
.bs-listings-index { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .5rem; }
.bs-listings-index__row { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; padding: .75rem 1rem; border: 1px solid var(--color-border-100, #e6e6e6); border-radius: var(--radius-md, 6px); background: var(--color-surface-0, #fff); }
.bs-listings-index__name { font-weight: 600; margin-right: auto; }
.bs-listings-index__edit { white-space: nowrap; }
.bs-listings-back { margin: 0 0 1rem; }
.bs-review-note { background: #fff8e5; padding: .6rem .85rem; border-radius: var(--radius-md, 6px); margin: 0 0 1rem; }

/* Status badge */
.bs-badge { display: inline-block; padding: .15rem .55rem; border-radius: 999px; font-size: .78rem; font-weight: 600; line-height: 1.5; }
.bs-badge--free { background: #eef1f4; color: #46505a; }
.bs-badge--premium,
.bs-badge--featured { background: var(--color-green-600, #0E8A37); color: #fff; }
.bs-badge--review { background: #fde7d6; color: #9a5a18; }

/* Account chrome: breadcrumb bar + horizontal button menu below the main nav */
.bs-acct-chrome { margin: 0 0 1.75rem; }
.bs-acct-chrome__bar { display: flex; align-items: center; gap: 1rem; margin: 0 0 .75rem; }
.bs-acct-crumbs { font-size: .85rem; color: var(--color-ink-500, #5E6B7A); }
.bs-acct-crumbs a { color: var(--color-navy-600, #0B257A); text-decoration: none; }
.bs-acct-crumbs__sep { margin: 0 .4rem; color: var(--color-ink-300, #8A94A1); }
.bs-acct-home { margin-right: auto; }
.bs-acct-title { margin: 0 0 1rem; }

.bs-acct-menu { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.bs-acct-menu li { margin: 0; }
.bs-acct-link { display: inline-block; padding: .5rem .9rem; border: 1px solid var(--color-border-200, #D6CBB6);
  border-radius: var(--radius-sm, 3px); background: #fff; color: var(--color-ink-700, #3D4A59);
  text-decoration: none; font-weight: 600; font-size: .9rem; }
.bs-acct-link:hover { border-color: var(--color-navy-500, #1F3F9E); color: var(--color-navy-600, #0B257A); }
.bs-acct-link.is-active { background: var(--color-navy-600, #0B257A); border-color: var(--color-navy-600, #0B257A); color: #fff; }

/* Mobile overlay (account-only). Toggled by account.js. Wide, centered links. */
.bs-acct-overlay { position: fixed; inset: 0; z-index: 1000; background: #fff; padding: 4.5rem 1.5rem 2rem;
  display: flex; flex-direction: column; justify-content: center; align-items: center; gap: .25rem; overflow-y: auto; }
.bs-acct-overlay[hidden] { display: none; }
.bs-acct-overlay__list { list-style: none; margin: 0; padding: 0; width: 100%;
  display: flex; flex-direction: column; align-items: stretch; gap: .25rem; }
.bs-acct-overlay__list li { margin: 0; }
/* In the overlay the items are wide centered links, not buttons. */
.bs-acct-overlay .bs-acct-link { display: block; width: 100%; text-align: center; border: 0; border-radius: 0;
  background: none; padding: .9rem 1rem; font-size: 1.15rem; color: var(--color-navy-600, #0B257A); }
.bs-acct-overlay .bs-acct-link.is-active { background: none; color: var(--color-navy-700, #081C5E); text-decoration: underline; }
.bs-acct-overlay__close { position: absolute; top: 1rem; right: 1.25rem; font-size: 2rem; line-height: 1;
  background: none; border: 0; cursor: pointer; }

/* The Woo default vertical nav is replaced by the chrome block. */
.woocommerce-account .woocommerce-MyAccount-navigation { display: none; }
