/* "＋ Add a 1090 Post" control (2026-10-07; markup from scripts/bs_onboard_lib.php). Loaded on every page: the header action
   is persistent for members. The plus mirrors the header's white-circle / blue-ring nav buttons. */
.bs-addpost { display: inline-flex; align-items: center; justify-content: center; gap: .5em; min-height: 48px; padding: 0 20px 0 8px;
  border-radius: 999px; font-size: 1.08rem; font-weight: 800; line-height: 1.1; text-decoration: none; white-space: nowrap; cursor: pointer;
  -webkit-tap-highlight-color: transparent; }
.bs-addpost:focus-visible { outline: 3px solid #14213d; outline-offset: 2px; }
.bs-plus { position: relative; flex: 0 0 auto; width: 1.9em; height: 1.9em; border-radius: 50%; background: #fff;
  border: .17em solid #0a7fd8; box-shadow: 0 0 0 1px rgba(0,0,0,.45), 1px 2px 3px rgba(0,0,0,.35); }
.bs-plus::before, .bs-plus::after { content: ""; position: absolute; left: 50%; top: 50%; background: #111; border-radius: 2px;
  width: 58%; height: .2em; transform: translate(-50%, -50%); }
.bs-plus::after { transform: translate(-50%, -50%) rotate(90deg); }

/* on the blue banner */
.bs-addpost-onblue { background: #fff; color: #0b3d66; box-shadow: 0 3px 0 #8cc0e6, 2px 3px 6px rgba(0,0,0,.3); }
.bs-addpost-onblue:hover, .bs-addpost-onblue:focus { background: #eef7ff; color: #0b3d66; }
.bs-addpost-wrap { display: inline-flex; flex-direction: column; align-items: center; gap: 5px; }
.bs-addpost-note { margin: 0; font-size: .85rem; line-height: 1.25; color: #eaf6ff; text-align: center; }

/* persistent header action (members): a slim row under the button bar on phones, inside the asphalt strip from 768px */
.bs-headbar { display: flex; justify-content: flex-end; align-items: center; padding: 5px 8px; background: linear-gradient(160deg, #005a96, #007dcd);
  border-bottom: 2px solid #fff; }
.bs-addpost-header { min-height: 36px; padding: 0 14px 0 4px; font-size: .95rem; background: #fff; color: #14213d;
  box-shadow: 1px 2px 4px rgba(0,0,0,.4); }
.bs-addpost-header:hover, .bs-addpost-header:focus { background: #eef7ff; color: #14213d; }
.bs-addpost-header .bs-plus { width: 1.75em; height: 1.75em; }
@media (min-width: 768px) {
  .bs-headbar { position: absolute; right: 14px; bottom: 3px; padding: 0; background: none; border: 0; z-index: 150; }  /* under #secondmenu (1000) */
  .bs-addpost-header { min-height: 26px; padding: 0 12px 0 2px; font-size: .9rem; }
  .bs-addpost-header .bs-plus { width: 1.55em; height: 1.55em; }
}