/* Book More Leadz Beta 34.11.7: shared public-page header refinement.
 * The homepage has a fluid header already. Inner public pages use bml-compact;
 * their previous 1240px header + expanding logo squeezed the two CTAs into
 * multiline flex items. Keep primary actions consistent without affecting
 * portal screens, other buttons or provider functionality.
 */
@media (min-width: 1241px) {
  .bml-app.bml-compact .bml-ref-header .bml-header-inner {
    width: calc(100% - 56px) !important;
    max-width: 1440px !important;
    gap: clamp(12px, 1.2vw, 23px) !important;
    justify-content: space-between;
  }
  .bml-app.bml-compact .bml-ref-header .bml-brand-link {
    /* The configured logo can be large, but must not consume CTA space. */
    width: min(var(--bml-header-logo-width, 284px), 22vw, 315px) !important;
    max-width: min(var(--bml-header-logo-width, 284px), 22vw, 315px) !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
  }
  .bml-app.bml-compact .bml-ref-header .bml-brand-link img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
  .bml-app.bml-compact .bml-ref-header .bml-header-live-tagline {
    font-size: 8.5px !important;
    letter-spacing: -.015em !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
  .bml-app.bml-compact .bml-ref-header .bml-nav {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 1 auto;
    min-width: 0;
    margin-left: 0 !important;
    gap: clamp(9px, 1vw, 19px) !important;
  }
  .bml-app.bml-compact .bml-ref-header .bml-nav a {
    white-space: nowrap !important;
  }
  .bml-app.bml-compact .bml-ref-header .bml-header-actions {
    display: flex !important;
    align-items: center;
    flex: 0 0 auto !important;
    min-width: max-content;
    margin-left: 0 !important;
    gap: 10px !important;
    white-space: nowrap !important;
  }
  .bml-app.bml-compact .bml-ref-header .bml-header-actions .bml-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    min-height: 42px !important;
    padding: 11px 17px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    text-align: center;
    white-space: nowrap !important;
    border-radius: 8px !important;
  }
  .bml-app.bml-compact .bml-ref-header .bml-menu-toggle {
    display: none !important;
  }
}
/* Switch to the existing accessible mobile menu before CTAs run out of room. */
@media (max-width: 1240px) {
  .bml-app.bml-compact .bml-ref-header .bml-header-inner {
    width: calc(100% - 40px) !important;
    max-width: 1240px !important;
  }
  .bml-app.bml-compact .bml-ref-header .bml-nav,
  .bml-app.bml-compact .bml-ref-header .bml-header-actions {
    display: none !important;
  }
  .bml-app.bml-compact .bml-ref-header .bml-menu-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    margin-left: auto;
  }
}