/* === Wyróżnione boksy (paragrafy z tłem) === */
.wp-block-paragraph.has-primary-background-color,
.wp-block-paragraph.has-tertiary-background-color,
.wp-block-paragraph.has-white-background-color,
.wp-block-paragraph.has-background-background-color {
  background-color: #f0f4ff !important;
  color: #111 !important;
  padding: 1rem 1.25rem !important;
  border-left: 3px solid #2F5EE9 !important;
  border-radius: 4px !important;
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
}

.wp-block-quote .wp-block-paragraph.has-primary-background-color,
.wp-block-quote .wp-block-paragraph.has-tertiary-background-color,
.wp-block-quote .wp-block-paragraph.has-white-background-color,
.wp-block-quote .wp-block-paragraph.has-background-background-color {
  border-left: none !important;
  padding-left: 1rem !important;
}

.wp-block-group.is-layout-constrained .wp-block-group.is-layout-constrained {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.wp-block-code {
  max-width: 100% !important;
  overflow-x: auto;
  background-color: #f4f4f4 !important;
  padding: 1rem !important;
  border-radius: 4px !important;
}

/* === Menu — kropki, hover === */
.wp-block-navigation ul,
.wp-block-navigation .wp-block-navigation__container { gap: 0 !important; }
.wp-block-navigation .wp-block-navigation-item { margin: 0 !important; }

.wp-block-navigation .wp-block-navigation-item:not(:last-child)::after {
  content: "·" !important;
  margin: 0 1em !important;
  opacity: .5 !important;
  display: inline-block !important;
  pointer-events: none !important;
}

.wp-block-navigation .wp-block-navigation-item a {
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  text-decoration: none !important;
}

.wp-block-navigation .wp-block-navigation-item a:hover {
  text-decoration: underline !important;
  text-underline-offset: .25em !important;
}

/* === Site title — ciut wyrazistszy niż menu, NIC więcej === */
/* Specyficzność (0,2,1) świadomie pobija .wp-site-blocks h1 */
.wp-site-blocks h1.wp-block-site-title,
.wp-site-blocks h1.wp-block-site-title a {
  font-weight: 700 !important;
  font-size: 1.05em !important;
  letter-spacing: .04em !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}

/* === Skala nagłówków VT323 (kompensuje niski x-height pixel fontu) ===
   :not(.wp-block-site-title) — żeby nie zjadać site title */
.wp-site-blocks h1:not(.wp-block-site-title),
.editor-styles-wrapper h1 {
  font-size: clamp(2.5rem, 5vw, 3.75rem) !important;
  line-height: 1.05 !important;
  letter-spacing: .01em;
}

.wp-site-blocks h2,
.editor-styles-wrapper h2 {
  font-size: clamp(2rem, 3.6vw, 2.75rem) !important;
  line-height: 1.1 !important;
}

.wp-site-blocks h3,
.editor-styles-wrapper h3 {
  font-size: clamp(1.6rem, 2.6vw, 2.1rem) !important;
  line-height: 1.15 !important;
}

.wp-site-blocks h4 { font-size: 1.5rem !important; line-height: 1.2 !important; }
.wp-site-blocks h5 { font-size: 1.3rem !important; line-height: 1.25 !important; }
.wp-site-blocks h6 {
  font-size: 1.15rem !important;
  line-height: 1.3 !important;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.wp-block-post-title {
  font-size: clamp(2.25rem, 4.5vw, 3.25rem) !important;
  line-height: 1.05 !important;
}

.home .wp-block-post-title { display: none; }

/* === Hero (T-Rex + mrugający napis) === */
.ra-hero-stage {
  position: relative;
  max-width: 1100px;
  margin: 6rem auto 2rem;   /* było 4rem — więcej powietrza nad sceną */  line-height: 0;
}

.ra-hero-img {
  width: 100%;
  height: auto;
  display: block;
}

.ra-hero-title {
  position: absolute;
  top: 1%;                  /* było 11% — napis wyżej, oddycha od głowy T-Rexa */  left: 50%;
  transform: translateX(-50%);
  font-family: "VT323", monospace;
  font-size: clamp(2.75rem, 10vw, 6.25rem);
  letter-spacing: .08em;
  color: #fff;
  white-space: nowrap;
  pointer-events: none;
  text-shadow: 5px 5px 0 #000;
  animation: ra-blink 1.8s infinite;
}

@keyframes ra-blink {
  0%, 70%, 100% { opacity: 1; }
  72%, 88% { opacity: 0; }
  90% { opacity: 1; }
  92%, 96% { opacity: 0; }
}

/* Tytuły wpisów — odsuń ⌗ od tekstu (motyw używa -24px, za mało przy powiększonych tytułach) */
.wp-block-post-title {
  padding-left: 2.75rem !important;
}

.wp-block-post-title::before {
  margin-left: -2.75rem !important;
}