
/* Pricing cards: equal height + sticky button at bottom */
.rotunda-price-item.wp-block-columns {
  /* ensure columns stretch to same height */
  align-items: stretch;
  gap: clamp(16px, 2vw, 24px);
}

/* Let each column be a flex container */
.rotunda-price-item .wp-block-column {
  display: flex;
}

/* The inner card (.wp-block-group) becomes a vertical flex box */
.rotunda-price-item .wp-block-column > .wp-block-group {
  display: flex;
  flex-direction: column;
  height: 100%;
  /* Optional: subtle card polish */
  transition: box-shadow .2s ease, transform .2s ease;
  background: var(--wp--preset--color--base, #fff);
}

/* Keep headings tight, bullets readable */
.rotunda-price-item .wp-block-group h3,
.rotunda-price-item .wp-block-group h4 {
  line-height: 1.1;
}
.rotunda-price-item .wp-block-group ul {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

/* Remove the empty <p> the block adds before buttons */
.rotunda-price-item .wp-block-column > .wp-block-group p:empty {
  display: none;
}

/* This pushes the buttons area to the bottom of the card */
.rotunda-price-item .wp-block-column > .wp-block-group .wp-block-buttons {
  margin-top: auto;
}

/* Make the Subscribe button look consistent and easier to hit */
.rotunda-price-item .wp-block-button__link {
  display: block;
  width: 100%;
  text-align: center;
  padding-block: .9rem;
  border-radius: 10px; /* matches card radius */
}

/* Optional: simple hover effect like many pricing tables */
.rotunda-price-item .wp-block-column > .wp-block-group:hover {
  box-shadow: 0 8px 28px rgba(0,0,0,.08);
  transform: translateY(-2px);
}

/* Stack nicely on small screens */
@media (max-width: 781px) { /* WP’s default column breakpoint */
  .rotunda-price-item.wp-block-columns {
    gap: 16px;
  }
}
