/* ----------------------------------------------------------------------------------------
   Vision, Mission & Values section — added 2026-10-07 from client doc (task #713).
   Scoped to .vmv-* classes only; no existing theme rule is modified.
   Kept in its own file on purpose: custom.css ends with a stray unmatched }
   whose parser error-recovery silently swallows the first rule appended after it.
   Rollback: delete this file, remove its <link> from header.php, and restore
   index.php from /root/unigreen-backup-20261007-vmv/.
---------------------------------------------------------------------------------------- */
.vmv-section {
  padding: 100px 0;
  background-color: var(--bg-color);
}

.vmv-section .vmv-title {
  text-align: center;
  margin-bottom: 50px;
}

.vmv-item {
  background-color: var(--secondary-color);
  border-radius: 10px;
  padding: 40px 30px;
  transition: all 0.4s ease-in-out;
}

.vmv-item:hover {
  transform: translateY(-8px);
}

.vmv-item .vmv-icon {
  position: relative;
  width: 64px;
  height: 64px;
  border-radius: 10px;
  background-color: var(--accent-color);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}

.vmv-item .vmv-icon figure {
  margin: 0;
  line-height: 0;
}

.vmv-item .vmv-icon img {
  max-width: 32px;
  filter: brightness(0) invert(1);
}

.vmv-item h3 {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 14px;
}

.vmv-item p {
  margin: 0;
}

@media only screen and (max-width: 991px) {
  .vmv-section {
    padding: 60px 0;
  }

  .vmv-section .vmv-title {
    margin-bottom: 30px;
  }
}

/* ----------------------------------------------------------------------------------------
   Tagline (task #714, 2026-10-07) - "Green Science, Universal care."
   Rendered with the theme's own .section-title h3 eyebrow pill, which custom.css already
   styles (incl. .dark-section + responsive variants), so no new visual styling is added.
   The ONLY override: custom.css sets text-transform:capitalize on that element, which would
   display the client's "Universal care." as "Universal Care.". The client specified the
   lowercase 'c', so capitalisation is turned off for this element alone.
   Rollback: delete this block and restore index.php from /root/unigreen-backup-20261007-tagline/.
---------------------------------------------------------------------------------------- */
.section-title h3.unigreen-tagline {
  text-transform: none;
}