/* =========================================================
   ZWIERZAK 5.13.11 — MOBILE TOPBAR + BREADCRUMBS POLISH
   Cel: usunąć nadmierną wysokość topbara na podstronach
   i poprawić czytelność okruszków nawigacyjnych.
   Nie zmienia HOME/slidera ani desktopu.
   ========================================================= */

@media (max-width: 620px) {
  body.zw-v510:not(.home) .site-header .topbar {
    height: auto !important;
    min-height: 0 !important;
    padding: 6px 0 7px !important;
  }

  body.zw-v510:not(.home) .site-header .topbar__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: max-content !important;
    align-items: start !important;
    align-content: start !important;
    justify-items: stretch !important;
    width: min(calc(100% - 20px), var(--container));
    height: auto !important;
    min-height: 0 !important;
    gap: 2px !important;
    padding: 0 !important;
  }

  body.zw-v510:not(.home) .site-header .topbar__today {
    display: none !important;
  }

  body.zw-v510:not(.home) .site-header .topbar__emergency {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }

  body.zw-v510:not(.home) .site-header .topbar__emergency svg {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
  }

  body.zw-v510:not(.home) .site-header .topbar__emergency > span {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.zw-v510:not(.home) .site-header .topbar__social {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: flex-start !important;
    font-size: 11.5px !important;
    line-height: 1.3 !important;
    color: var(--ink) !important;
    white-space: normal !important;
  }

  body.zw-v510:not(.home) .site-header .topbar__social > span {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.zw-v510:not(.home) .site-header .topbar__social > a {
    display: none !important;
  }

  /* PHP generuje elementy bez tekstowej spacji wokół separatora.
     Flex + gap daje poprawny odstęp bez zmieniania HTML/SEO. */
  body.zw-v510:not(.home) main .breadcrumbs {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    column-gap: .34em !important;
    row-gap: 3px !important;
    min-width: 0 !important;
    line-height: 1.35 !important;
  }

  body.zw-v510:not(.home) main .breadcrumbs > span[aria-hidden="true"] {
    color: #7b8781;
  }

  body.zw-v510:not(.home) main .breadcrumbs > span[aria-current="page"] {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}