/* ─────────────────────────────────────────────────────────────────────
   Strona ma własny pasek z logotypem i własną stopkę, więc nagłówek
   i stopka motywu są zbędne — bez tego widać dwa menu jedno nad drugim.
   Motyw dokłada też własne odstępy wokół treści (margines na <main>
   i wypełnienie w kontenerze wpisu); to one zostawiały białe pasy
   nad paskiem i pod stopką. Zerujemy wyłącznie opakowania motywu,
   nasze sekcje zostają nietknięte.
   ───────────────────────────────────────────────────────────────────── */

/* 1. nagłówek i stopka motywu */
.wp-site-blocks > header.wp-block-template-part,
.wp-site-blocks > footer.wp-block-template-part { display: none !important; }

/* 2. tytuł strony wypisywany przez motyw nad treścią */
.wp-site-blocks .wp-block-post-title { display: none !important; }

/* 3. białe pasy: odstępy opakowań motywu */
.wp-site-blocks { padding-top: 0 !important; padding-bottom: 0 !important; }
.wp-site-blocks > * { margin-block-start: 0 !important; margin-block-end: 0 !important; }
.wp-site-blocks > main {
  margin-top: 0 !important; margin-bottom: 0 !important;
  padding-top: 0 !important; padding-bottom: 0 !important;
}
.wp-site-blocks > main > .wp-block-group,
.wp-site-blocks > main > .wp-block-query,
.wp-site-blocks > main .wp-block-post-content {
  margin-top: 0 !important; margin-bottom: 0 !important;
  padding-top: 0 !important; padding-bottom: 0 !important;
}

/* 4. boczne wypełnienie motywu — nasze sekcje idą na całą szerokość
      i mają własne marginesy wewnętrzne */
.wp-site-blocks > main.has-global-padding { padding-left: 0 !important; padding-right: 0 !important; }
.wp-site-blocks > main .entry-content > .alignfull { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; max-width: none !important; }

/* ── Tablet w pionie (iPad) ───────────────────────────────────────────
   WordPress rozkłada kolumny obok siebie już od 782 px. Na iPadzie
   w pionie daje to słupki po ok. 360 px: tekst łamie się co kilka słów,
   a karty cennika robią się ciasne. Do 1023 px układamy kolumny jedna
   pod drugą, tak jak na telefonie, a kadrom i portretowi nadajemy
   szerokość, przy której nie rozjeżdżają się na całą stronę. */
@media (min-width:782px) and (max-width:1023px){
  .estet#es-start > .wp-block-columns,
  .estet#es-o-gabinecie > .wp-block-columns,
  .estet#es-wizyta > .wp-block-columns,
  .estet#es-kontakt > .wp-block-columns,
  .estet .e-cennik-para{ flex-wrap:wrap !important; }

  .estet#es-start > .wp-block-columns > .wp-block-column,
  .estet#es-o-gabinecie > .wp-block-columns > .wp-block-column,
  .estet#es-wizyta > .wp-block-columns > .wp-block-column,
  .estet#es-kontakt > .wp-block-columns > .wp-block-column,
  .estet .e-cennik-para > .wp-block-column{ flex-basis:100% !important; }

  .estet .e-ramka-dwa,
  .estet .e-ramka-wizyta{ max-width:440px; margin-left:auto; margin-right:auto; }
  .estet figure.wp-block-image.e-portret{ max-width:440px; margin-left:auto !important; margin-right:auto !important; }
  .estet .e-map{ min-height:340px; }
  .estet .e-cennik-para .e-grupa{ margin-bottom:26px !important; }
}