/* Custom Blocks CSS – style ładowane globalnie (vca-custom-blocks), zawsze z aktualnym ?ver=filemtime */

/* Moduły IPB – padding pionowy: połowa wcześniejszego standardu 4.375rem (70px) → 2.1875rem (35px) */
.ipb-module__inner {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}

@media (max-width: 768px) {
  .ipb-module__inner {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

/* -------------------------------------------------------------------------
   Kontakt PL / NL – siatka 4 kolumn
   (duplikat kluczowych reguł: style z blocks/*/block.css czasem ładują się z cache ACF
   albo dopiero przy renderze bloku – tu wymuszamy układ na każdej stronie)
   ------------------------------------------------------------------------- */
.vca-contact-pl__grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 2rem 2.5rem;
  align-items: start;
}

.vca-contact-nl__grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 2rem 2.5rem;
  align-items: start;
}

/* NL: każda .vca-contact-nl__col = 1 ścieżka (1fr); przy 2 kolumnach ścieżki 3–4 puste */

@media (max-width: 640px) {
  .vca-contact-pl__grid,
  .vca-contact-nl__grid {
    gap: 1.25rem 0.75rem;
  }
}

@media (max-width: 768px) {
  .vca-contact-nl .vca-contact-nl__container .vca-contact-nl__grid {
    grid-template-columns: 1fr !important;
  }
}
