/* Additive fixes for the Solar landing page, loaded AFTER the design's own
 * home*.css. Those three files stay byte-identical to the design team's build.
 */

/* ==========================================================================
   ACCREDITATION STRIP — company-supplied logos
   --------------------------------------------------------------------------
   `.excl-certs img { height: 3.5rem; width: auto }` is authored for the design's
   own assets: four near-square 392x236 badges (aspect 1.66) whose artwork sits
   inside generous internal padding, so the visible mark occupies ~74% of the
   box and each logo renders about 5.8rem wide.

   A company's real logos are tight, wide wordmarks — aspect 2.85 to 5.16, mark
   filling ~87% of the height. At the same 3.5rem height they render 10-18rem
   wide, up to three times the design's, which is why they read as oversized.

   They are therefore given a fitted slot instead of a fixed height: `contain`
   scales each logo down to sit inside the same optical area the design's badges
   occupy, whatever its aspect ratio, so a short mark and a wide one end up with
   consistent visual weight rather than one dominating the row.

   The design's own row is untouched — this class is only on backend-supplied
   logos, so a company with no badges configured sees exactly what it saw before.
   ========================================================================== */
.excl-certs img.excl-cert-badge {
  height: auto;
  max-height: 2.75rem;             /* the design's ~2.59rem optical mark height */
  max-width: 8rem;                 /* close to the design's own 5.8rem badge width */
  width: auto;
  object-fit: contain;
}

/* ==========================================================================
   TRUST BAND — company-supplied logos
   --------------------------------------------------------------------------
   Each column's box is authored for the mark the design ships: 170x80 for the
   first, 80x80 for the other two. A company's own logo will not share those
   proportions, so a replacement is contained inside the slot rather than
   stretched to fill it — the box, the spacing and the column rules are
   untouched, and the design's own marks keep their exact rendering because this
   class is only on a replacement.
   ========================================================================== */
.tband-logo img.tband-logo-custom {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}