/*
 * PetClinic homepage — per-section green gradients.
 * Base green canvas is in style.css (all pages).
 */

.home .site-content > section + section {
  border-top: none;
}

/* ---- Hero (teal-green gradient, already styled) ---- */
.home .hero-section {
  background: radial-gradient(circle at 18% 15%, rgba(255, 255, 255, .18) 0, rgba(255, 255, 255, 0) 48%),
              linear-gradient(130deg, #0d3d28 0%, #1a6b42 42%, #2f9428 78%, #4caf50 100%);
}

/* ---- About — deep forest green ---- */
.home #about {
  background: linear-gradient(165deg, #153d24 0%, #1e5631 50%, #226038 100%);
  color: #e8f5e9;
}

.home #about .section-title {
  color: #f6c945;
}

.home #about .section-sub {
  color: #c8e6c9;
}

.home #about .about-body p {
  color: #dcedc8;
}

/* ---- Services — vibrant clinic green ---- */
.home #services {
  background: linear-gradient(180deg, #2a7a3d 0%, #2f9428 50%, #278035 100%);
  color: #f1f8e9;
}

.home #services .section-title {
  color: #fff8dc;
}

.home #services .section-sub {
  color: #dcedc8;
}

.home #services .service-card-premium,
.home #services .service-card-fallback {
  background: #ffffff;
  border-color: rgba(255, 255, 255, .35);
  box-shadow: 0 12px 32px rgba(10, 40, 20, .22);
}

.home #services .service-card-body h3 {
  color: #135d4f;
}

.home #services .service-card-body p {
  color: #325f50;
}

/* ---- Features — soft mint-green ---- */
.home #features {
  background: linear-gradient(180deg, #3a8f4a 0%, #45a052 50%, #3d9649 100%);
  color: #f1f8e9;
}

.home #features .section-title {
  color: #fff8dc;
}

.home #features .section-sub {
  color: #e8f5e9;
}

.home #features .feature-card h3 {
  color: #fff8dc;
}

.home #features .feature-card p {
  color: #dcedc8;
}

.home #features .feature-icon-shell {
  background: rgba(255, 255, 255, .92);
  border-color: rgba(255, 255, 255, .5);
  box-shadow: 0 8px 24px rgba(10, 40, 20, .15);
}

.home #features .feature-icon-fallback svg {
  fill: #174b41;
}

.home #features .features-center-image {
  border-color: rgba(255, 255, 255, .45);
  box-shadow: 0 16px 40px rgba(10, 40, 20, .2);
}

/* ---- Testimonials — rich green ---- */
.home #testimonials {
  background: linear-gradient(180deg, #1f5c35 0%, #22663a 50%, #1a5230 100%);
  color: #e8f5e9;
}

.home #testimonials .section-title,
.home #testimonials .gallery-kicker {
  color: #f6c945;
}

.home #testimonials .gallery-head-line {
  background: #f6c945;
}

.home #testimonials .testimonial-card {
  background: #ffffff;
  border-color: rgba(255, 255, 255, .3);
  box-shadow: 0 12px 32px rgba(8, 30, 16, .22);
}

.home #testimonials .testimonial-quote {
  color: #325f50 !important;
}

.home #testimonials .testimonial-author {
  color: #2f9428;
}

.home #testimonials .testimonial-stars {
  color: #f6c945;
}

/* ---- Gallery — lighter green ---- */
.home #gallery {
  background: linear-gradient(180deg, #2d8a42 0%, #329648 50%, #2f8f3f 100%);
  color: #f1f8e9;
}

.home #gallery .section-title {
  color: #fff8dc;
}

.home #gallery .gallery-kicker {
  color: #dcedc8;
}

.home #gallery .gallery-head-line {
  background: #f6c945;
}

.home #gallery .gallery-item {
  border-color: rgba(255, 255, 255, .25);
  box-shadow: 0 10px 28px rgba(10, 40, 20, .18);
}

/* ---- Contact — deep green close ---- */
.home #contact {
  background: linear-gradient(180deg, #153d24 0%, #1a4d2c 55%, #1e5631 100%);
  color: #e8f5e9;
}

.home #contact .section-title {
  color: #f6c945;
}

.home #contact .section-sub {
  color: #c8e6c9;
}

.home #contact .contact-details-card,
.home #contact .contact-map-card {
  background: #ffffff;
  border-color: rgba(255, 255, 255, .3);
  box-shadow: 0 12px 32px rgba(8, 30, 16, .22);
}

.home #contact .contact-details-card p,
.home #contact .contact-details-card strong {
  color: #214d40;
}

.home #contact .contact-details-card a {
  color: #2f9428;
}

.home #contact .contact-details-card a:hover {
  color: #174b41;
}

/* Builder mode homepage */
.home .homepage-builder {
  background: linear-gradient(180deg, #1e5631 0%, #2f9428 100%);
  color: #e8f5e9;
}

.home .homepage-builder .section-title,
.home .homepage-builder .entry-content h2,
.home .homepage-builder .entry-content h3 {
  color: #f6c945;
}

.home .homepage-builder .entry-content p,
.home .homepage-builder .entry-content li {
  color: #dcedc8;
}