/* ===== Migam.org — wspólne style responsywne (breakpointy: 1059 / 860 / 560) ===== */

.sg-burger { display: none; }
.sg-mmenu { display: none; }
img { max-width: 100%; }
.mnav-panel a div { white-space: normal; }

@media (max-width: 1059px) {
  .sg-desknav, .sg-deskact { display: none !important; }
  .sg-burger { display: flex !important; }
  .sg-mmenu { display: block; }
  header > div { padding: 10px 16px !important; }
  header > div > *:last-child { margin-left: auto; }
  h1 { font-size: 44px !important; }
}

@media (max-width: 860px) {
  section > div { padding-left: 20px !important; padding-right: 20px !important; padding-top: 52px !important; padding-bottom: 52px !important; }
  footer > div { padding-left: 20px !important; padding-right: 20px !important; }
  section div[style*="grid-template-columns"], footer div[style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  section div[role="tablist"][style] { grid-template-columns: 1fr 1fr 1fr 1fr !important; }
  section div[style*="display: flex"] { flex-wrap: wrap; }
  h1 { font-size: 38px !important; line-height: 1.12 !important; }
  h2 { font-size: 29px !important; }
}

@media (max-width: 560px) {
  section div[role="tablist"][style] { grid-template-columns: 1fr 1fr !important; }
  h1 { font-size: 33px !important; }
  h2 { font-size: 26px !important; }
  a[style*="position: fixed"] { right: 14px !important; bottom: 14px !important; padding: 13px 18px !important; font-size: 14.5px !important; }
}


/* Kompaktowy nagłówek przy 5 wersjach językowych (flagi bez etykiet, ciaśniejsze odstępy) */
@media (min-width: 1060px) and (max-width: 1560px) {
  .lang-label { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; }
  .sg-desknav { gap: 14px !important; font-size: 14px !important; }
  .sg-deskact { gap: 8px !important; }
  .sg-deskact > a { padding-left: 14px !important; padding-right: 14px !important; font-size: 14px !important; }
  header > div { padding-left: 20px !important; padding-right: 20px !important; gap: 16px !important; }
}
