@media (max-width: 782px) {

  /* A fő flex sor középre */
  .header-bar {
    justify-content: center !important;
  }

  /* A két fő blokk (branding + search) egymás alá, középre */
  .header-bar > * {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  /* Branding blokk (logo + title) */
  .header-bar .wp-block-group.is-layout-flex {
    justify-content: center !important;
    text-align: center;
  }

  /* CÍM KÜLÖN: ez hiányzott */
  .header-bar .wp-block-site-title {
    text-align: center;
    width: 100%;
  }

  /* Search 100% széles */
  .header-bar .wp-block-search {
    width: 100%;
  }
}