/* ===============================
26 Trees for 2026
Prefix: t26-
=============================== */

* {
  font-family: "Inter", sans-serif;
  box-sizing: border-box;
}

.t26-hero {
  height: 55vh;
  background:
    linear-gradient(rgba(0, 80, 40, 0.65), rgba(0, 80, 40, 0.65)),
    url("26trees2026.jpg") center / cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -50px;
}

.t26-hero-content {
  text-align: center;
  color: #fff;
}

.t26-hero-content h1 {
  font-size: 3rem;
  font-weight: 800;
}

.t26-hero-content h2 {
  font-size: 1.4rem;
  margin-top: 8px;
}

.t26-wrapper {
  max-width: 1100px;
  margin: auto;
  padding: 70px 20px;
}

.t26-block {
  margin-bottom: 45px;
}

.t26-block h3 {
  color: #1b5e20;
  font-weight: 700;
  margin-bottom: 12px;
}

.t26-soft {
  background: #f3fbf6;
  padding: 25px;
  border-left: 4px solid #2e7d32;
  border-radius: 8px;
}

.t26-highlight {
  background: #e8f5e9;
  padding: 25px;
  border-radius: 10px;
  text-align: center;
  font-weight: 600;
  color: #1b5e20;
  margin-bottom: 45px;
}

.t26-tags {
  font-weight: 600;
  color: #2e7d32;
}

.t26-note {
  font-style: italic;
  color: #555;
}

/* GALLERY */
.t26-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 15px;
}

.t26-gallery img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 12px;
}

/* SHARE */
.t26-share {
  text-align: center;
  margin: 80px 0;
}

.t26-share-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  margin-top: 25px;
}

.t26-share-btn {
  padding: 12px 22px;
  border-radius: 30px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
}

.t26-whatsapp {
  background: #25D366;
}

.t26-instagram {
  background: linear-gradient(135deg, #E1306C, #C13584);
}

.t26-linkedin {
  background: #0A66C2;
}

/* SUPPORT */
.t26-support-text {
  max-width: 700px;
  margin-bottom: 20px;
}

.t26-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 15px;
}

.t26-grid div {
  border: 1px solid #c8e6c9;
  padding: 18px;
  border-radius: 8px;
  font-weight: 700;
  background: #fff;
  text-align: center;
}

.t26-grid span {
  display: block;
  font-weight: 400;
  font-size: 0.85rem;
  margin-top: 6px;
}

.t26-donate-btn-wrap {
  text-align: center;
  margin-top: 30px;
}

.t26-donate-btn {
  padding: 14px 30px;
  background: linear-gradient(135deg, #2e7d32, #43a047);
  color: #fff;
  font-weight: 700;
  border-radius: 30px;
  text-decoration: none;
}

.t26-cta {
  margin-top: 60px;
  text-align: center;
  font-weight: 600;
  color: #2e7d32;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .t26-hero-content h1 {
    font-size: 2.2rem;
  }
}