/* PB: poprawki widoku mobilnego (2026-10-02). Nic nie może wychodzić poza ekran. */
@media (max-width:767px){
  /* Hero strony głównej: szary panel z tekstem na pełną szerokość, pod nim kadr zdjęcia */
  .elementor-1040 .elementor-element-bc42729{padding-bottom:82vw}
  .elementor-1040 .elementor-element-bc42729 > .elementor-container{min-height:0!important}
  .elementor-1040 .elementor-element-bc42729 > .elementor-background-overlay{
    background-image:url(/wp-content/uploads/2025/02/Prawnik-Bielsko-mobile.jpg)!important;
    background-size:100% auto!important;background-position:center bottom!important;
    top:auto!important;bottom:0;height:82vw}
  .elementor-1040 .elementor-element-4240509{width:100%!important;background:#EBEBEB}
  .elementor-1040 .elementor-element-4240509 > .elementor-widget-wrap{margin:0!important;padding:32px 20px 28px!important}
  .elementor-1040 .elementor-element-4240509 .elementor-widget{width:100%;max-width:100%}
  .elementor-1040 .elementor-element-2ea819d > .elementor-container{display:flex;flex-wrap:wrap;gap:12px}
  .elementor-1040 .elementor-element-2ea819d .elementor-column{width:auto!important}
  .elementor-1040 .elementor-element-2ea819d .elementor-widget-wrap{padding:0!important;margin:0!important}
  .elementor-1040 .elementor-element-2ea819d .elementor-widget{margin-bottom:0!important}

  /* Tekst z Worda wyjustowany atrybutem align – na wąskim ekranie robi dziury między słowami */
  p[align="JUSTIFY" i],p[align="JUSTIFY" i] span{text-align:left!important}

  /* Długie adresy i słowa łamią się zamiast wystawać */
  .elementor-widget-text-editor,.elementor-widget-heading .elementor-heading-title,.the_content_wrapper{overflow-wrap:break-word}

  /* Tabele we wpisach mieszczą się w szerokości ekranu */
  .elementor-widget-text-editor table,.the_content_wrapper table{width:100%!important;max-width:100%;table-layout:fixed;font-size:12px;line-height:1.35}
  .elementor-widget-text-editor table td,.elementor-widget-text-editor table th,
  .the_content_wrapper table td,.the_content_wrapper table th{width:auto!important;padding:5px 3px!important;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
  .elementor-widget-text-editor table *,.the_content_wrapper table *{font-size:11px!important;line-height:1.35!important;font-family:inherit!important}
  .elementor-widget-text-editor table p,.the_content_wrapper table p{margin:0!important;text-align:left!important}
  .elementor-widget-text-editor table ul,.the_content_wrapper table ul{margin:0!important;padding-left:12px!important}

  /* Nagłówki w treści wpisów (np. „ODFRANKOWIENIE”) */
  .single-post .elementor-widget-text-editor h2{font-size:28px;line-height:1.2}
}

/* Strona główna, „Kilka słów o mnie”: kafelki jako równa siatka 2×2 wyrównana z tekstem obok (desktop) */
@media (min-width:1025px){
  .elementor-1040 .elementor-element-cecbabc > .elementor-container{align-items:center}
  .elementor-1040 .elementor-element-fa822e5{display:none}
  .elementor-1040 .elementor-element-d2a83ae .elementor-widget-wrap{padding:0 10px!important}
  .elementor-1040 .elementor-element-d2a83ae .elementor-widget:not(:last-child){margin-bottom:20px!important}
  .elementor-1040 .elementor-element-5fddbb0 > .elementor-widget-container,
  .elementor-1040 .elementor-element-1c6c0b2 > .elementor-widget-container,
  .elementor-1040 .elementor-element-f145579 > .elementor-widget-container,
  .elementor-1040 .elementor-element-03fb3d2 > .elementor-widget-container{height:320px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding-top:0!important;padding-bottom:0!important}
}
/* Białe podpisy na zdjęciach (Uniwersytet / Izba Adwokacka) – lekkie przyciemnienie dla czytelności */
.elementor-1040 .elementor-element-5fddbb0 > .elementor-widget-container,
.elementor-1040 .elementor-element-1c6c0b2 > .elementor-widget-container{box-shadow:inset 0 0 0 1000px rgba(11,20,64,.38)}