/* 1. KONTENER Z TŁEM (ROZCIĄGNIĘTY) */

.wp-block-shortcode {
  max-width: var(--global-content-width, 1290px);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--global-content-edge-padding, 20px);
  padding-right: var(--global-content-edge-padding, 20px);
}

.temat-tyg-sekcja {
  width: 100%;
  padding: 30px 0;
  /* background-image: url("/wieszwiecej1/wp-content/uploads/2026/01/riot-6129239_1280.jpg"); */
  background-size: cover;
  background-position: center;
}

/* 2. KONTENER WEWNĘTRZNY (TRZYMA TEKST W RYZACH) */
.temat-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  /* KLUCZOWE ROZWIĄZANIE: */
  /* Oblicza margines boczny: (100% szerokości ekranu - 1290px szerokości treści) / 2 */
  max-width: 100%;
  margin: 0 auto;
  padding: 10px 20px;
}

/* Poprawka dla mniejszych ekranów (żeby tekst nie zniknął) */

/* 3. STYLE TEKSTU */
.temat-naglowek {
  color: #ffffff;
  margin: 0 0 10px 0;
}

.temat-tytul {
  color: #ffffff;
  font-size: 40px;
  text-align: left;
  max-width: 800px; /* Ogranicza szerokość samego tytułu */
  margin: 0 0 20px 0 !important; /* Usunięto 'auto', żeby nie centrowało */
  line-height: 1.2;
}

.temat-zajawka {
  color: white;
  text-align: left;
  /*max-width: 700px;*/
  margin: 0 0 40px 0 !important; /* Usunięto 'auto' */
}

.temat-button-wiecej {
  margin: 0;
  cursor: pointer;
}