/* ============================================================
   Option C: "Brand duotone" background photos (trial)
   ------------------------------------------------------------
   Photos are recoloured into Academy green / purple so they look
   consistent whatever their original lighting, then sit behind
   the page banners and the coloured call-to-action bands.

   Everything for this look lives in THIS file plus one <link>
   line in includes/header.php. To roll back: remove that line
   (or delete this file). Nothing else was changed.
   Photos come from images/gallery (tracked in git, so they
   exist on the live server too).
   ============================================================ */

/* --- Page banners (About, Programs, Events, Gallery, Coaches, Contact) ---
   The banner photo is set inline by the CMS; blending it with a dark green
   base turns it into a green duotone. A softer wash keeps text readable. */
.page-hero.has-photo{
  background-color:#0E5E2A;
  background-blend-mode:luminosity;
}
.page-hero.has-photo::before{
  background:linear-gradient(100deg,rgba(14,94,42,.88) 0%,rgba(22,134,58,.55) 50%,rgba(142,42,139,.35) 100%);
}

/* --- Homepage hero --- */
.hero .hero-bg{
  background-color:#0E5E2A;
  background-blend-mode:luminosity;
}
.hero .hero-bg:after{
  background:linear-gradient(100deg,rgba(14,94,42,.92) 0%,rgba(22,134,58,.62) 45%,rgba(142,42,139,.30) 100%);
}

/* --- Coloured bands (homepage "Talent grows", About "Become part of the movement") ---
   Layer order: readable wash on top, photo in the middle, brand colour underneath. */
.band{
  background-color:#0E5E2A;
  background-image:
    linear-gradient(120deg,rgba(14,94,42,.80),rgba(22,134,58,.62)),
    url("../../images/gallery/2026-02-post-27-feb-2026-2/photo_01.jpg");
  background-size:cover,cover;
  background-position:center,center 40%;
  background-blend-mode:normal,luminosity;
}
.band.green{
  background-image:
    linear-gradient(120deg,rgba(14,94,42,.82),rgba(22,134,58,.60)),
    url("../../images/gallery/2026-02-post-15-feb-2026/photo_01.jpg");
}
/* Coaches page band: purple duotone for variety */
.band.tight{
  background-color:#4a1448;
  background-image:
    linear-gradient(120deg,rgba(93,26,91,.84),rgba(142,42,139,.62)),
    url("../../images/gallery/2026-02-a-parent/photo_01.jpg");
  background-position:center,center 35%;
}
.band.dark{
  background-image:
    linear-gradient(120deg,rgba(14,94,42,.88),rgba(10,60,28,.80)),
    url("../../images/gallery/2026-02-post-27-feb-2026-2/photo_01.jpg");
}

/* --- Soft photo behind the homepage "About" section ---
   A faint grey photo under a strong white wash: texture, not distraction. */
.about-sec{
  background-color:#fff;
  background-image:
    linear-gradient(rgba(255,255,255,.90),rgba(255,255,255,.93)),
    url("../../images/gallery/2025-04-post-11-apr-2025/photo_01.jpg");
  background-size:cover,cover;
  background-position:center,center;
  background-blend-mode:normal,luminosity;
}

/* Phones: less photo, more colour, so text stays crisp on small screens */
@media(max-width:680px){
  .band,.band.green,.band.tight,.band.dark{background-position:center,center}
  .about-sec{background-image:linear-gradient(rgba(255,255,255,.95),rgba(255,255,255,.95)),url("../../images/gallery/2025-04-post-11-apr-2025/photo_01.jpg")}
}