/* ============================================================
   Site fixes — small overrides on top of the captured WP CSS.
   Loaded last in app/layout.jsx. ID-scoped selectors are used
   wherever the original uses IDs, so these win regardless of
   source order (page <style> blocks render after <head> links).
   ============================================================ */

/* Menu filter sections: anchor offset so smooth-scroll doesn't hide the
   section heading under the sticky header. */
#brxe-pbaefw > .brxe-container > .brxe-div[id] {
  scroll-margin-top: 90px;
}

/* Menu (#brxe-cpgmys) filter pills — centered, content-width pills
   that wrap neatly on mobile instead of a ragged stretched grid. */
@media (max-width: 478px) {
  #brxe-cpgmys #brxe-fscrfw,
  #brxe-cpgmys #brxe-yrixtt,
  #brxe-cpgmys #brxe-qlsvqu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  #brxe-cpgmys .menu-filter-button.brxe-button {
    flex: 0 1 auto;
    white-space: nowrap;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
  }
}
