/*
 * Approved v5 WordPress integration fixes.
 * This file is deliberately a small overlay: it does not redesign or replace
 * any approved v5 content, media or layout.
 */

/* Preserve the approved hero treatment against theme-level heading/link rules. */
.bec-feedstocks .bec-video-hero__copy h1 {
  color: var(--bec-white) !important;
}

.bec-feedstocks a.bec-button,
.bec-feedstocks a.bec-button:visited,
.bec-feedstocks a.bec-button:hover,
.bec-feedstocks a.bec-button:focus {
  text-decoration: none !important;
}

/*
 * The following five approved graphics contain essential labels. They must be
 * shown in full, never centre-cropped like a photographic card image.
 */
.bec-feedstocks img[alt="BEC geospatial screening diagram combining terrain, water, land cover, access and crop fit"],
.bec-feedstocks img[alt="BEC diagram connecting oil crops, traceable seed, crushing, oil specifications and fuel markets"],
.bec-feedstocks img[alt="BEC schematic of genetic source, nursery capacity and phased woody-crop establishment"],
.bec-feedstocks img[alt="BEC diagram of pressed fibre cake, cellulose panels, biomass pellets and torrefied products"],
.bec-feedstocks img[alt="Feedstock basin spatial plan linking supply zones, collection hubs, roads, constraints and an industrial plant gate"] {
  object-fit: contain !important;
  object-position: center center !important;
  background: var(--bec-pale);
}

/* Keep each labelled graphic at its intrinsic proportion so every edge and
 * word remains visible on desktop, tablet and mobile. */
.bec-feedstocks .bec-atlas-card figure:has(img[alt="BEC geospatial screening diagram combining terrain, water, land cover, access and crop fit"]),
.bec-feedstocks .bec-atlas-card figure:has(img[alt="BEC diagram connecting oil crops, traceable seed, crushing, oil specifications and fuel markets"]),
.bec-feedstocks .bec-atlas-card figure:has(img[alt="BEC schematic of genetic source, nursery capacity and phased woody-crop establishment"]) {
  height: auto !important;
  aspect-ratio: 3 / 2;
  background: var(--bec-pale);
}

.bec-feedstocks .bec-form-card figure:has(img[alt="BEC diagram of pressed fibre cake, cellulose panels, biomass pellets and torrefied products"]) {
  height: auto !important;
  aspect-ratio: 1280 / 823;
  background: var(--bec-pale);
}

.bec-feedstocks-page-basins .bec-page-hero figure {
  min-height: 0 !important;
  aspect-ratio: 3 / 2;
  background: var(--bec-pale);
}

.bec-feedstocks-page-basins .bec-page-hero figure img {
  object-fit: contain !important;
}

/*
 * Explicitly authorised page-hero proportion correction (2026-08-10).
 * Keep the approved content and media intact while giving long headings a
 * wider copy column and reducing the photographic frame's visual weight.
 */
@media (min-width: 801px) {
  .bec-feedstocks .bec-page-hero {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr);
    gap: 44px;
  }

  .bec-feedstocks .bec-page-hero h1 {
    font-size: clamp(44px, 4.5vw, 58px);
    line-height: 1.02;
    letter-spacing: -0.035em;
  }

  .bec-feedstocks .bec-page-hero figure {
    min-height: clamp(440px, 39vw, 500px);
  }

  .bec-feedstocks .bec-page-hero .bec-hero-actions {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (max-width: 800px) {
  .bec-feedstocks .bec-page-hero h1 {
    font-size: clamp(40px, 5.5vw, 46px);
    line-height: 1.03;
    letter-spacing: -0.032em;
  }

  .bec-feedstocks .bec-page-hero figure {
    min-height: 0;
    aspect-ratio: 8 / 5;
  }

  .bec-feedstocks-page-basins .bec-page-hero figure {
    min-height: 0 !important;
    aspect-ratio: 3 / 2;
  }
}

@media (max-width: 520px) {
  .bec-feedstocks .bec-page-hero h1 {
    font-size: clamp(36px, 9.7vw, 40px);
  }
}