/* Layout fixes for the static copy of the old site (no JavaScript).
 *
 * 1. Full-width rows. The SiteOrigin page builder stretches some rows to the window edges
 *    with JavaScript; without it, its fallback (front-flex.min.css) gives them ±1000px
 *    margins and hides the excess with body { overflow-x: hidden }. Phones ignore that:
 *    Chrome lays the home page out 1370px wide and zooms out, Safari lets it be dragged
 *    400px sideways. The standard full-bleed technique below makes the row exactly as wide
 *    as the viewport (100vw), keeping the background edge to edge.
 */
html body.siteorigin-panels-before-js .siteorigin-panels-stretch {
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: calc(50vw - 50%) !important;
  padding-right: calc(50vw - 50%) !important;
}

/* 2. Tables. Old Komunikaty tables (one with an inline width of 598px) are wider than a
 *    phone screen. On small screens they scroll inside themselves instead of widening the
 *    page.
 */
@media screen and (max-width: 768px) {
  .entry-content table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }
}

/* 3. Home headline. At 66px "TARNOWSKI" (5.7em) is wider than a phone screen, so the
 *    theme's word-wrap: break-word split it mid-word ("TARNOWS / KI"), and WebKit's
 *    hyphens: auto hyphenated "TENISOWY" on tablets. Scale the font with the viewport below
 *    550px and break only between words. The theme asks for the font 'sans-serif' in quotes,
 *    which is not the generic family, so browsers use their default font; 12vw fits the word
 *    from 320px up even in a font as wide as Verdana (6.9em).
 */
.textwidget .start-headline {
  font-size: min(66px, 12vw);
  -webkit-hyphens: manual;
  hyphens: manual;
}