/*  Poprawki widoku mobilnego. Dotycza tylko waskich ekranow - wersja
 *  desktopowa zostaje bez zmian.  */

@media (max-width:1080px){
  /* 100vh na telefonach liczy tez pasek przegladarki - dol menu byl nieosiagalny */
  [data-r="mobpanel"]{max-height:calc(100dvh - 74px) !important}
  /* odnosniki w podmenu jeden pod drugim, takze gdy skrypt jeszcze nie ruszyl */
  [data-r="mobpanel"] > div > div > a{display:block}
}

@media (max-width:960px){
  /* kolumna `1fr` nie zwezy sie ponizej szerokosci tresci (dlugie etykiety,
     pigulki) - karty wychodzily poza ekran */
  [data-r="g2"] > *,
  [data-r="g3"] > *,
  [data-r="g4"] > *,
  [data-r="g8"] > *{min-width:0;overflow-wrap:break-word}
  /* `span 3` tworzyl trzy kolumny mimo ukladu jedno- i dwukolumnowego */
  [data-r="g3"] > [style*="grid-column: span"],
  [data-r="g4"] > [style*="grid-column: span"]{grid-column:1 / -1 !important}

  /* partnerzy: logo i etykieta w naglowku karty, kod rabatowy bez spacji */
  [data-r="g2"] > * > div:has(> img + span[style*="flex: 0 0 auto"]){flex-wrap:wrap;row-gap:12px}
  button[data-code]{max-width:100%;overflow-wrap:anywhere;text-align:left}
  span:has(> button[data-code]){flex-wrap:wrap;max-width:100%}

  /* branza prawna: zdjecie, podpis i logo w jednym wierszu */
  [data-r="g2"] > * > div:has(> span[style*="margin-left: auto"]){flex-wrap:wrap}
}

@media (max-width:620px){
  /* siatki z minimalna szerokoscia kolumny wieksza niz ekran */
  [data-boksy-outsourcing]{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr)) !important}
  [data-boksy-outsourcing] > div{min-width:0}
  .c-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr)) !important}
  .c-boxy{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr)) !important}
  .c-staty{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr)) !important}
}

@media (max-width:380px){
  /* dlugie slowo w naglowku obok ikony nie miescilo sie w wierszu */
  div[style*="display: flex"][style*="gap: 20px"]:has(> div[style*="width: 56px"] + h3){flex-wrap:wrap}
}