/* Rhuah SoulSpace — Support Card plugin styles */

.rhs-support-sticky {
  position: sticky;
  top: 24px;              /* nudge this down if it overlaps a fixed header */
  align-self: flex-start;
}

.rhs-support-card {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  background: #fdf8ef;
  border: 1px solid #ecdfc4;
  border-radius: 18px;
  padding: 20px 24px 26px;
  text-align: center;
  box-shadow: 0 6px 20px rgba(42, 35, 24, 0.08);
  font-family: 'General Sans', 'Helvetica Neue', Arial, sans-serif;
}

.rhs-lang-switch {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-bottom: 14px;
}

.rhs-lang-btn {
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: #6b6152;
  background: transparent;
  border: 1px solid #ecdfc4;
  border-radius: 999px;
  padding: 4px 12px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.rhs-lang-btn:hover {
  border-color: #146b60;
}

.rhs-lang-btn.is-active {
  background: #146b60;
  border-color: #146b60;
  color: #ffffff;
}

.rhs-support-icon {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #ffffff;
  box-shadow: 0 3px 10px rgba(42, 35, 24, 0.15);
  margin-bottom: 14px;
}

.rhs-support-heading {
  font-size: 19px;
  line-height: 1.3;
  font-weight: 700;
  color: #9e0682;
  margin: 0 0 12px;
}

.rhs-support-body {
  font-size: 14px;
  line-height: 1.6;
  color: #2a2318;
  margin: 0 0 12px;
}

.rhs-support-price {
  margin: 6px 0 2px;
}

.rhs-price-old {
  font-size: 15px;
  color: #a89b81;
  text-decoration: line-through;
  margin-right: 8px;
}

.rhs-price-new {
  font-size: 24px;
  font-weight: 700;
  color: #146b60;
}

.rhs-support-price-caption {
  font-size: 12px;
  color: #6b6152;
  margin-bottom: 14px;
}

.rhs-support-tagline {
  font-size: 11px;
  font-style: italic;
  color: #6b6152;
  margin: 14px 0 0;
}

.rhs-support-cta {
  display: inline-block;
  background: #146b60;
  color: #ffffff !important;
  font-weight: 600;
  font-size: 15px;
  padding: 12px 26px;
  border-radius: 999px;
  text-decoration: none !important;
  transition: background 0.2s ease, transform 0.15s ease;
}

.rhs-support-cta:hover {
  background: #0f5851;
  transform: translateY(-1px);
}

.rhs-support-footer {
  margin-top: 16px;
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #a89b81;
}

/* Divi typically stacks columns below ~980px. Once the sidebar column
   drops beneath the main content instead of sitting beside it, sticky
   positioning has nothing tall to stick against, so we turn it off and
   give the card a bit of breathing room instead. */
@media (max-width: 980px) {
  .rhs-support-sticky {
    position: static;
    margin-top: 40px;
  }
}