/*********************************************************************************
* 26. Training & Donation Pages
*********************************************************************************/

/* ---- Fix bullet lists inside .single-service content ---- */
.single-service .content ul:not(.gallery):not(.checklist) {
  list-style: disc;
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}
.single-service .content ul:not(.gallery):not(.checklist) li {
  margin-bottom: 0.4rem;
  color: #6c757d;
}

/* ---- btn-outline-primary theme match ---- */
.btn.btn-outline-primary {
  color: #F25624 !important;
  border-color: #F25624 !important;
  background-color: transparent !important;
}
.btn.btn-outline-primary::before {
  background: #F25624;
}
.btn.btn-outline-primary:hover {
  color: #ffffff !important;
  border-color: #F25624 !important;
}

/* ---- btn-outline-secondary theme match ---- */
.btn.btn-outline-secondary {
  color: #0c0c0c !important;
  border-color: #0c0c0c !important;
  background-color: transparent !important;
}
.btn.btn-outline-secondary::before {
  background: #0c0c0c;
}
.btn.btn-outline-secondary:hover {
  color: #ffffff !important;
  border-color: #0c0c0c !important;
}

/* ---- Accordion (Mission Statement) ---- */
.accordion-item {
  border: 1px solid #dee2e6;
  border-radius: 8px !important;
  overflow: hidden;
}
.accordion-button {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #0c0c0c;
  background-color: #fff;
  padding: 1rem 1.25rem;
}
.accordion-button:not(.collapsed) {
  color: #F25624;
  background-color: #fef5f2;
  box-shadow: none;
}
.accordion-button:focus {
  border-color: #F25624;
  box-shadow: 0 0 0 0.15rem rgba(242, 86, 36, 0.25);
}
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F25624'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F25624'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-body {
  font-size: 18px;
  color: #6c757d;
  line-height: 1.8;
  font-style: italic;
  border-top: 2px solid #F25624;
}

/* ---- Impact Area Cards (Training Page) ---- */
.impact-card {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 2rem 1.5rem;
  text-align: center;
  height: 100%;
  border-top: 4px solid #F25624;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.impact-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.impact-card .impact-icon {
  font-size: 2.5rem;
  color: #F25624;
  margin-bottom: 1rem;
}
.impact-card h5 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #0c0c0c;
  margin-bottom: 0.75rem;
}
.impact-card p {
  color: #6c757d;
  font-size: 16px;
  margin-bottom: 0;
}

/* ---- Vision List Styling ---- */
.vision-list {
  list-style: none !important;
  margin-left: 0 !important;
  padding: 0;
}
.vision-list li {
  position: relative;
  padding: 0.6rem 0 0.6rem 2rem;
  border-bottom: 1px solid #eee;
  font-size: 18px;
}
.vision-list li:last-child {
  border-bottom: none;
}
.vision-list li::before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #F25624;
  position: absolute;
  left: 0;
  top: 0.65rem;
}

/* ---- Sponsor Cards (Donation Page) ---- */
.sponsor-card {
  border: none;
  border-radius: 10px;
  overflow: hidden;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.sponsor-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
.sponsor-card .card-header {
  border-radius: 0;
  border-bottom: none;
  padding: 1.5rem 1rem;
  text-align: center;
}
.sponsor-card .card-header i {
  display: block;
  margin-bottom: 0.5rem;
}
.sponsor-card .card-header h5 {
  color: #ffffff;
  margin-bottom: 0.25rem;
}
.sponsor-card .card-header small {
  color: rgba(255, 255, 255, 0.85);
  font-size: 15px;
  font-weight: 600;
}
.sponsor-card .card-body {
  padding: 1.25rem;
}
.sponsor-card .card-body ul {
  list-style: none !important;
  margin-left: 0 !important;
  padding: 0;
}
.sponsor-card .card-body ul li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #eee;
  font-size: 15px;
  color: #6c757d;
}
.sponsor-card .card-body ul li:last-child {
  border-bottom: none;
}
.sponsor-card .card-body ul li i {
  color: #28a745;
  margin-right: 8px;
}

/* Tier Colors */
.tier-bronze .card-header {
  background: linear-gradient(135deg, #cd7f32, #a0622e);
}
.tier-silver .card-header {
  background: linear-gradient(135deg, #b0b3b8, #8a8d91);
}
.tier-gold .card-header {
  background: linear-gradient(135deg, #d4a017, #b8860b);
}
.tier-platinum .card-header {
  background: linear-gradient(135deg, #2c3e50, #1a252f);
}

/* ---- Expansion Features List (Donation Page) ---- */
.expansion-list {
  list-style: none !important;
  margin-left: 0 !important;
  padding: 0;
}
.expansion-list li {
  position: relative;
  padding: 0.5rem 0 0.5rem 2rem;
  font-size: 18px;
  color: #6c757d;
}
.expansion-list li::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #F25624;
  position: absolute;
  left: 0;
  top: 0.55rem;
}

/* ---- Call to Action Box ---- */
.cta-box {
  background: linear-gradient(135deg, #fef5f2 0%, #ffffff 100%);
  border: 2px solid #F25624;
  border-radius: 12px;
  padding: 2.5rem;
}

/* ---- Mail Info Card ---- */
.mail-info {
  background-color: #ffffff;
  border-left: 4px solid #F25624;
  border-radius: 8px;
  padding: 1.5rem 2rem;
  display: inline-block;
}

/* ---- Nonprofit Badge ---- */
.nonprofit-badge {
  background-color: #ffffff;
  border: 2px solid #dee2e6;
  border-radius: 10px;
  padding: 1.5rem 2rem;
  text-align: center;
}
.nonprofit-badge i {
  font-size: 2rem;
  color: #F25624;
  margin-bottom: 0.75rem;
  display: block;
}

/* ---- Responsive adjustments ---- */
@media all and (max-width: 768px) {
  .impact-card {
    margin-bottom: 1rem;
  }
  .sponsor-card {
    margin-bottom: 1rem;
  }
  .cta-box {
    padding: 1.5rem;
  }
  .mail-info {
    display: block;
  }
}