/* === INFO ICON STYLING (Subtle Pulse + Premium Blue) === */
.info-icon {
  font-size: 0.9rem;
  color: #007bff;
  cursor: pointer;
  margin-left: 6px;
  vertical-align: middle;
  transition: color 0.2s ease;
  animation: pulseIcon 3s infinite ease-in-out;
}

.info-icon:hover {
  color: #004aad;
  animation: none;
}

/* Subtle Pulse Animation */
@keyframes pulseIcon {
  0% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.7; transform: scale(1.1); }
  100% { opacity: 1; transform: scale(1); }
}

/* Tooltip look */
.tooltip-inner {
  background-color: #004aad !important;
  color: #fff;
  font-size: 0.85rem;
  max-width: 260px;
  text-align: left;
  border-radius: 6px;
  padding: 6px 10px;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #004aad !important;
}

/* === PRICING TIER FIXES === */

/* Align price sections horizontally across cards */
.pricing-tier .card-body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.pricing-tier h4 {
  min-height: 3rem; /* keeps price areas aligned even if taglines vary */
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

/* Improve spacing between list items */
.pricing-tier ul li {
  margin-bottom: 0.5rem; /* add vertical space */
  line-height: 1.6;
}

/* === Pricing – force price baselines to align across cards === */

/* Make card bodies flex columns so we can control vertical flow */
.pricing-tier .card-body {
  display: flex;
  flex-direction: column;
}

/* Equalize the height of the tagline under the tier name
   (works without adding classes; targets the first muted <p> in the card body) */
.pricing-tier .card-body > p.text-muted:first-of-type {
  /* height that comfortably fits up to two lines of that font/size */
  min-height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; /* keeps single-line taglines centered */
}

/* Keep the price block on the same line across all cards */
.pricing-tier h4 {
  /* ensure the price row has a consistent block height */
  min-height: 2.8rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 1rem;
  line-height: 1; /* remove tiny font-rendering variances */
}

/* Improve spacing between bullet points for readability */
.pricing-tier ul li {
  margin-bottom: 0.5rem;
  line-height: 1.6;
}