/* Apply 8px border radius to all images */
img {
  border-radius: 8px;
}
/* === Pillar Renaissance: Global Button Styling === */

/* All buttons */
button,
input[type="button"],
input[type="submit"],
.wp-block-button__link,
.wp-block-button .wp-block-button__link {
  border-radius: 8px !important;
  border: none !important;
}

/* 🔷 Neat vertical spacing between all inner page content blocks */
/* 🌟 Base flex setup: neat alignment for all wp-block-columns */
.entry-content .wp-block-columns {
    display: flex;
    flex-wrap: wrap;
    align-items: center; /* vertical alignment */
    gap: 2rem; /* space between columns */
    margin-bottom: 2rem; /* space below each section */
}

/* 🌟 Equal columns: 50/50 by default */
.entry-content .wp-block-column {
    flex: 1 1 50%;
}

/* 🌟 Uniform square images inside columns */
.entry-content .wp-block-column img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
}

/* 🌟 Mobile-friendly stacking */
@media (max-width: 768px) {
    .entry-content .wp-block-column {
        flex: 1 1 100%;
    }
}

/* 🌟 Optional: Image Left (40%) + Content Right (60%) */
.entry-content .wp-block-columns.image-left .wp-block-column:first-child {
    flex: 1 1 40%;
}
.entry-content .wp-block-columns.image-left .wp-block-column:last-child {
    flex: 1 1 60%;
}

/* 🌟 Optional: Content Left (60%) + Image Right (40%) */
.entry-content .wp-block-columns.image-right .wp-block-column:first-child {
    flex: 1 1 60%;
}
.entry-content .wp-block-columns.image-right .wp-block-column:last-child {
    flex: 1 1 40%;
}


/* Базовий стиль (десктоп) */
.entry-header.ct-container .page-title {
  font-size: clamp(2.5rem, 2vw + 1rem, 4rem);
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
  color: #11111; /* або будь-який колір */
}

/* Великі екрани (від 1440px і вище) */
@media (min-width: 1440px) {
  .entry-header.ct-container .page-title {
    font-size: 4rem; /* ~64px */
  }
}

/* Середні екрани (планшети, 768–1024px) */
@media (max-width: 1024px) {
  .entry-header.ct-container .page-title {
    font-size: 2.5rem; /* ~40px */
  }
}

/* Малі екрани (телефони, до 767px) */
@media (max-width: 767px) {
  .entry-header.ct-container .page-title {
    font-size: 1.8rem; /* ~28px */
    line-height: 1.3;
    padding: 0 1rem;
  }
}


.wp-block-heading.has-text-align-left.has-palette-color-5-color {
  font-size: clamp(1.8rem, 1rem + 2vw, 3.5rem);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.5px; /* як у твоєму стилі */
  text-transform: uppercase;
  color: var(--wp--preset--color--palette-color-5, #111); /* fallback */
  margin: 0 0 1rem;
}

/* Великі екрани (1440px+) */
@media (min-width: 1440px) {
  .wp-block-heading.has-text-align-left.has-palette-color-5-color {
    font-size: 3.5rem; /* ≈ 56px */
  }
}

/* Середні екрани (планшети) */
@media (max-width: 1024px) {
  .wp-block-heading.has-text-align-left.has-palette-color-5-color {
    font-size: 2.4rem; /* ≈ 38px */
  }
}

/* Малі екрани (телефони) */
@media (max-width: 767px) {
  .wp-block-heading.has-text-align-left.has-palette-color-5-color {
    font-size: 1.6rem; /* ≈ 26px */
    line-height: 1.3;
  }
}