/* There Is Help — custom additions
   Kept separate from style.css so future edits are easy to find and
   don't get lost inside the 5,700+ line theme file. */

/* Tighten nav link spacing so all items (incl. Feedback) fit on one line
   instead of wrapping — theme default was 19px margin / 17px font. */
.main-menu .navigation {
  white-space: nowrap;
}
.main-menu .navigation > li {
  margin: 0px 11px;
}
.main-menu .navigation > li > a {
  font-size: 15px;
}

/* Card hover lift: programs, projects, events, gallery.
   (Blog cards already have their own hover scale effect from the theme.) */
.single-cause-content,
.single-upcoming-event,
.single-portfolio-content {
  transition: transform 300ms ease, box-shadow 300ms ease;
}
.single-cause-content:hover,
.single-upcoming-event:hover,
.single-portfolio-content:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}

.card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.donate-btn {
  padding: 4px 25px 6px 25px !important;
  font-size: 18px;
}

.donation-mode-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 12px;
  padding: 4px 12px;
  font-size: 13px;
  color: #ff5e14;
  background: rgba(255, 94, 20, 0.08);
  border: 1px solid rgba(255, 94, 20, 0.25);
  border-radius: 20px;
}

.donation-mode-badge i {
  font-size: 12px;
}

.donating-to-banner {
  margin: 4px 0 20px;
  padding: 10px 16px;
  font-size: 15px;
  color: #212121;
  background: rgba(255, 94, 20, 0.08);
  border-left: 3px solid #ff5e14;
  border-radius: 4px;
}

.donating-to-banner strong {
  color: #ff5e14;
}

@media (max-width: 767px) {
  .card-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .donation-mode-badge {
    margin-left: 0;
    margin-top: 8px;
  }
}

/* Public feedback / testimonial cards (home page, feedback list & detail) */
.public-feedback-section .sec-title .text {
  color: #ff5e14;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 15px;
}

.feedback-card {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
  padding: 35px 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.feedback-card .quote-icon {
  color: #ff5e14;
  font-size: 26px;
  margin-bottom: 15px;
}

.feedback-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: 0 0 0 3px rgba(255, 94, 20, 0.12);
}

.feedback-card .feedback-organization {
  color: #ff5e14;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 15px;
}

.feedback-card .feedback-message {
  color: #555555;
  font-size: 15px;
  line-height: 1.8;
  flex-grow: 1;
  margin-bottom: 20px;
}

.feedback-card .feedback-author {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-size: 17px;
  color: #212121;
}

.feedback-card .feedback-date {
  color: #999999;
  font-size: 13px;
  margin-bottom: 15px;
}

.feedback-detail-box {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
  padding: 45px;
}

.feedback-detail-box .quote-icon {
  color: #ff5e14;
  font-size: 34px;
  margin-bottom: 20px;
}

.feedback-detail-box .feedback-avatar {
  width: 90px;
  height: 90px;
  margin-bottom: 20px;
}

.feedback-detail-box .feedback-organization {
  color: #ff5e14;
  font-size: 15px;
  font-weight: 600;
}

.feedback-detail-box .feedback-message {
  color: #444444;
  font-size: 19px;
  line-height: 1.9;
  font-family: 'Playfair Display', serif;
  font-style: italic;
  margin-bottom: 25px;
}

.feedback-detail-box .feedback-author {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-size: 20px;
  color: #212121;
}

.feedback-detail-box .feedback-date {
  color: #999999;
  font-size: 14px;
}

/* Avatar sits beside the name/organization/date instead of stacked above it.
   Placed last so it wins over the equal-specificity rules above. */
.feedback-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}

.feedback-header .feedback-info {
  min-width: 0;
}

.feedback-header .feedback-author,
.feedback-header .feedback-organization,
.feedback-header .feedback-date {
  margin-bottom: 0;
}