/* ===== Interior page banners: home artwork + sheen ======================
   Adam asked on 2026-09-19 for the home banner's background and animation
   to appear on every alcohq.com page, not just the home page.

   WHY THIS IS A SEPARATE FILE RATHER THAN AN EDIT TO alco-overrides.css
   That file carries an explicit note above the home banner block: "Interior
   page headings (.phead) stay flat ON PURPOSE. Do not widen these selectors
   to .phead without asking first." Adam has now asked, so the change is
   wanted - but that file is SHARED. public_html/tools-site/assets is a
   symlink to this directory and tools.alcohq.com loads alco-overrides.min.css
   too, so widening the selectors there would repaint tools.alcohq.com as
   well. Adam asked for alcohq.com only.

   This file is linked from alcohq-app/inc/head.php, which tools-site does not
   use, so the change lands on alcohq.com and nowhere else. It also keeps the
   original untouched, so reverting is deleting one <link>.

   WHY EVERYTHING HERE IS !important
   Not decoration. alco-overrides.css line 239-240 flattens every interior
   banner with !important and hides both pseudo-elements:
       body .phead { background:linear-gradient(110deg,#fbf7f2,#f5f6f8)!important }
       body .phead::before, body .phead::after { display:none!important }
   Matching specificity plus later load order is what wins; without
   !important these rules lose to those two lines. */

body .phead {
  /* Same three layers as body.page-home .heroslider. */
  background:
    linear-gradient(155deg, rgba(255,140,43,.16) 0%, rgba(255,140,43,.06) 45%, rgba(27,69,112,.05) 100%),
    var(--alco-access-bg, url('/assets/img/access-bg.svg')) no-repeat center top/cover,
    #f6f7f8 !important;
  position: relative;
  overflow: hidden;
}

/* The sheen. ::after is hidden sitewide by the flattening rule above and is
   reused here exactly as the home banner reuses it. */
body .phead::after {
  content: ""; display: block !important;
  position: absolute; inset: -20% -40%; z-index: 0; pointer-events: none;
  background: linear-gradient(105deg, transparent 38%,
    rgba(255,255,255,.55) 48%, rgba(255,168,92,.22) 53%, transparent 64%);
  animation: alco-hero-sheen 30s ease-in-out infinite;
}

/* Keep the heading and eyebrow above the sweep. Without this the sheen
   passes over the text rather than behind it. */
body .phead > .wrap { position: relative; z-index: 1; }

/* Defined in alco-overrides.css. Repeated so this file stands on its own if
   that block is ever moved; an identical redefinition is harmless. */
@keyframes alco-hero-sheen {
  0%       { transform: translate3d(-38%, 0, 0) }
  58%,100% { transform: translate3d(38%, 0, 0) }
}

/* Motion is decorative here. Someone who asks for reduced motion gets the
   artwork without the sweep - matching what the home banner already does. */
@media (prefers-reduced-motion: reduce) {
  body .phead::after { display: none !important }
}