/* Canada feedback implementation — 27 Aug 2026. */

/* 2 + 4: stable navigation contrast and more legible desktop type. */
@media (min-width: 1025px) {
  .site-header,
  body.home .site-header,
  .cw-home-has-video-hero .site-header:not(.is-scrolled),
  .cw-home-has-video-hero .site-header:not(.is-scrolled):hover,
  .cw-home-has-video-hero .site-header:not(.is-scrolled):focus-within,
  .cw-home-has-video-hero .site-header:not(.is-scrolled) .site-header__utility,
  .cw-home-has-video-hero .site-header:not(.is-scrolled) .site-header__main {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 1px 0 rgba(16, 102, 59, 0.14);
    backdrop-filter: none;
  }

  .cw-home-has-video-hero .site-header:not(.is-scrolled) .site-brand__logo {
    filter: none;
  }

  .cw-home-has-video-hero .site-header:not(.is-scrolled) .site-nav a,
  .cw-home-has-video-hero .site-header:not(.is-scrolled) .site-utility-nav a,
  .cw-home-has-video-hero .site-header:not(.is-scrolled) .site-language__toggle {
    color: var(--cw-green-primary);
    text-shadow: none;
  }

  .site-nav {
    font-size: 20px;
  }

  .site-nav,
  .site-nav__menu {
    gap: clamp(17px, 1.35vw, 25px);
  }
}

/* 6: same typographic role for Species names on Home and detail heroes. */
.cw-home-species__caption h3,
.cw-species-hero__caption h1,
.cw-species-hero__caption h2 {
  font-family: var(--font-heading);
  font-weight: 400;
  letter-spacing: 0;
}

/* 7: strengthen the scannable alternating Why Canadian Wood layout. */
.cw-why-wood-property__copy {
  border-left: 6px solid var(--cw-light-evergreen);
}

.cw-why-wood-property__copy p + p {
  margin-top: 14px;
}

.cw-why-next-steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  padding-top: 72px;
  padding-bottom: 72px;
}

.cw-why-next-steps a {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 34px;
  border-top: 6px solid var(--cw-light-evergreen);
  background: var(--cw-color-surface-evergreen-soft);
  color: var(--cw-color-text);
  text-decoration: none;
}

.cw-why-next-steps strong {
  color: var(--cw-green-heading);
  font-family: var(--font-body);
  font-size: clamp(26px, 2.2vw, 36px);
  font-weight: 400;
}

/* 9: species-colour treatment is limited to the active/engaged label. */
.cw-species-characteristic {
  --cw-species-characteristic-accent: var(--cw-evergreen);
}

.cw-species-characteristic h3 {
  transition: color 180ms ease, background-color 180ms ease;
}

.cw-species-characteristic:hover h3,
.cw-species-characteristic:focus-within h3 {
  color: var(--cw-white);
  background: var(--cw-species-characteristic-accent);
}

/* 10: slider controls only appear when JavaScript confirms overflow. */
.js-species-collections:not(.has-overflow) > .cw-species-collections__viewport > .cw-species-arrow,
.js-species-collections:not(.has-overflow) .cw-species-arrow {
  display: none;
}

/* 12: four Finishes per row on a 13-inch desktop/laptop viewport. */
@media (min-width: 1200px) {
  .cw-finishes__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* 22 + 23: shared typography and bottom-aligned Resource actions. */
.cw-resources-group__title,
.cw-resource-card__title,
.cw-resources-button {
  font-family: var(--font-body);
}

.cw-resources-grid {
  align-items: stretch;
}

.cw-resource-card__button {
  margin-top: auto;
}

.cw-resource-card__title {
  margin-bottom: 20px;
}

/* 26: normalize the two pages specifically called out by Canada. */
.cw-success-intro h1,
.cw-success-intro h2,
.cw-contact-office h1,
.cw-contact-people h2,
.cw-contact-resources h2 {
  font-family: var(--font-body);
  font-size: clamp(32px, 2.5vw, 44px);
  font-weight: 400;
  line-height: 1.12;
  color: var(--cw-green-heading);
}

.cw-success-card h2,
.cw-success-card h3 {
  font-family: var(--font-body);
  font-size: clamp(24px, 2vw, 32px);
  font-weight: 400;
  line-height: 1.18;
}

/* 25: event-type detail journey, registration and post-event imagery. */
.cw-event-details {
  margin: 0 0 40px;
  padding: 24px 28px;
  border-left: 6px solid var(--cw-light-evergreen);
  background: var(--cw-color-surface-evergreen-soft);
}

.cw-event-details__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.cw-media-button--secondary {
  background: transparent;
  color: var(--cw-green-primary);
  border: 1px solid var(--cw-green-primary);
}

.cw-event-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  padding-bottom: 72px;
}

.cw-event-gallery img {
  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

@media (max-width: 767px) {
  .cw-event-gallery {
    grid-template-columns: 1fr;
  }

  .cw-why-next-steps {
    grid-template-columns: 1fr;
  }
}