/* Strona „materiały do filmu” (inc-materialy.php). Ładowana tylko pod /materialy/<slug>/.
   Kolory i skala pisma z motywu; formularz dziedziczy .lh-kform z .lh-smartletter.
   Układ zaakceptowany przez Łukasza 14.09.2026: krótki i wyśrodkowany w pionie między paskiem a dolną krawędzią okna. */
main.lh-materialy {
  box-sizing: border-box;
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* pasek menu jest przyklejony nad treścią, więc górny odstęp dolicza jego wysokość */
  padding-top: calc(var(--lh-header-h, 81px) + 40px) !important;
  padding-bottom: 40px !important;
}
.lh-mat {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  grid-template-areas: "naglowek karta";
  column-gap: 48px;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
}
.lh-mat-naglowek { grid-area: naglowek; min-width: 0; }
.lh-mat-karta { grid-area: karta; margin: 0; }

.lh-mat-info {
  margin: 4px 0 0;
  font-size: var(--wp--preset--font-size--maly);
  line-height: 1.5;
  color: #94a3b8;
}
.lh-mat-info a { color: #a3e635; text-decoration: underline; }

.lh-mat-blad {
  margin: 16px 0 0;
  color: #fca5a5;
  font-weight: 600;
}

@media (max-width: 900px) {
  .lh-mat {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "naglowek" "karta";
  }
  .lh-mat-karta { margin-top: var(--oddech-element); padding: 24px 20px; }
  main.lh-materialy { padding-top: calc(var(--lh-header-h, 69px) + 24px) !important; padding-bottom: 24px !important; }
}

.lh-mat-po .lh-sl-karta-info-tytul { margin-bottom: 12px; }
.lh-mat-karta .lh-mat-form { margin-bottom: 0; }
.lh-mat-karta .lh-mat-info { margin-bottom: 0; }