/* Client photo replacements for internal pages only. Existing gradients and styling are preserved. */

.page-banner {
  background:
    linear-gradient(145deg, rgba(17, 17, 17, 0.94), rgba(44, 44, 44, 0.88)),
    url("../images/client-photos/custom-lean-to-construction/completed-open-front-shelter.jpeg") center/cover
      no-repeat;
}

.page-banner-alt {
  background:
    linear-gradient(145deg, rgba(17, 17, 17, 0.95), rgba(31, 31, 157, 0.45)),
    url("../images/client-photos/fencing/ranch-entry-fencing.jpeg") center/cover
      no-repeat;
}

.page-banner-welding {
  background:
    linear-gradient(145deg, rgba(17, 17, 17, 0.94), rgba(198, 90, 17, 0.45)),
    url("../images/client-photos/custom-welding/welder-at-work.jpeg") center/cover
      no-repeat;
}

.page-banner-fencing {
  background:
    linear-gradient(145deg, rgba(17, 17, 17, 0.94), rgba(44, 44, 44, 0.88)),
    url("../images/client-photos/fencing/wire-fence-line.jpeg") center/cover no-repeat;
}

.page-banner-fabrication {
  background:
    linear-gradient(145deg, rgba(17, 17, 17, 0.94), rgba(44, 44, 44, 0.88)),
    url("../images/client-photos/metal-fabrication/shelter-frame-front.jpeg") center/cover
      no-repeat;
}

.page-banner-repairs {
  background:
    linear-gradient(145deg, rgba(17, 17, 17, 0.94), rgba(44, 44, 44, 0.88)),
    url("../images/client-photos/equipment-repairs/agricultural-frame-reinforcement.jpeg") center/cover
      no-repeat;
}

.page-banner-projects {
  background:
    linear-gradient(145deg, rgba(17, 17, 17, 0.94), rgba(44, 44, 44, 0.88)),
    url("../images/client-photos/custom-metal-projects/custom-container-conversion.jpeg")
      center/cover no-repeat;
}

.page-banner-contact {
  background:
    linear-gradient(145deg, rgba(17, 17, 17, 0.95), rgba(44, 44, 44, 0.85)),
    url("../images/client-photos/custom-welding/welder-at-work.jpeg") center/cover
      no-repeat;
}

.page-banner-about {
  background:
    linear-gradient(145deg, rgba(17, 17, 17, 0.94), rgba(44, 44, 44, 0.88)),
    url("../images/client-photos/custom-welding/welder-at-work.jpeg") center/cover no-repeat;
}

.services-hero {
  background:
    linear-gradient(145deg, rgba(17, 17, 17, 0.96), rgba(30, 30, 30, 0.93)),
    url("../images/client-photos/custom-lean-to-construction/completed-open-front-shelter.jpeg") center/cover
      no-repeat;
}

.services-hero-lean-to {
  background:
    linear-gradient(145deg, rgba(17, 17, 17, 0.96), rgba(30, 30, 30, 0.93)),
    url("../images/client-photos/custom-lean-to-construction/completed-open-front-shelter.jpeg")
      center/cover no-repeat;
}

.services-hero-fencing {
  background:
    linear-gradient(145deg, rgba(17, 17, 17, 0.96), rgba(30, 30, 30, 0.93)),
    url("../images/client-photos/fencing/wire-fence-line.jpeg") center/cover no-repeat;
}

.services-hero-welding {
  background:
    linear-gradient(145deg, rgba(17, 17, 17, 0.96), rgba(30, 30, 30, 0.93)),
    url("../images/client-photos/custom-welding/welder-at-work.jpeg") center/cover
      no-repeat;
}

.services-hero-fabrication {
  background:
    linear-gradient(145deg, rgba(17, 17, 17, 0.96), rgba(30, 30, 30, 0.93)),
    url("../images/client-photos/metal-fabrication/shelter-frame-front.jpeg") center/cover
      no-repeat;
}

.services-hero-repairs {
  background:
    linear-gradient(145deg, rgba(17, 17, 17, 0.96), rgba(30, 30, 30, 0.93)),
    url("../images/client-photos/equipment-repairs/agricultural-frame-reinforcement.jpeg") center/cover
      no-repeat;
}

.services-hero-projects {
  background:
    linear-gradient(145deg, rgba(17, 17, 17, 0.96), rgba(30, 30, 30, 0.93)),
    url("../images/client-photos/custom-metal-projects/custom-container-conversion.jpeg")
      center/cover no-repeat;
}

.cta-banner {
  background: url("../images/client-photos/fencing/ranch-entry-fencing.jpeg")
    center/cover no-repeat;
}

.contact-form-section-parallax {
  background-image: url("https://dev.stackblue.com/rusty-bucket/wp-content/uploads/2026/10/3250.jpg");
}

/* Contain full-size popup photos on desktop and mobile. */
.lightbox-figure img {
  max-width: 100%;
  object-fit: contain;
}
.service-benefit-image img:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 3px;
}

/* Distinct, page-specific title photos; existing overlays and layout stay intact. */
[data-header-photo="about"] {
  background-image: linear-gradient(145deg, rgba(17, 17, 17, 0.94), rgba(44, 44, 44, 0.88)), url("https://dev.stackblue.com/rusty-bucket/wp-content/uploads/2026/10/89.jpg");
}

[data-header-photo="services"] {
    background-image: linear-gradient(145deg, rgb(0 0 0 / 94%), rgb(0 0 0 / 80%)), url(../images/client-photos/metal-fabrication/shelter-frame-front.jpeg);
}

[data-header-photo="blog"] {
  background-image: linear-gradient(145deg, rgba(17, 17, 17, 0.94), rgba(44, 44, 44, 0.88)), url("https://dev.stackblue.com/rusty-bucket/wp-content/uploads/2026/10/90.jpg");
}

[data-header-photo="contact"] {
  background-image: linear-gradient(145deg, rgba(17, 17, 17, 0.95), rgba(44, 44, 44, 0.85)), url("https://dev.stackblue.com/rusty-bucket/wp-content/uploads/2026/10/91.jpg");
}

[data-header-photo="get-a-quote"] {
    background-image: linear-gradient(145deg, rgb(17 17 17 / 85%), rgb(44 44 44 / 58%)), url(../images/client-photos/metal-fabrication/fabricated-steel-gate-frame.jpeg);
}
[data-header-photo="custom-lean-to-construction"] {
  background-image: linear-gradient(145deg, rgba(17, 17, 17, 0.96), rgba(30, 30, 30, 0.93)), url("../images/client-photos/fencing/shelter-and-corral.jpeg");
}

[data-header-photo="fencing"] {
  background-image: linear-gradient(145deg, rgba(17, 17, 17, 0.96), rgba(30, 30, 30, 0.93)), url("../images/client-photos/fencing/pipe-corral-fence.jpeg");
}

[data-header-photo="custom-welding"] {
  background-image: linear-gradient(145deg, rgba(17, 17, 17, 0.96), rgba(30, 30, 30, 0.93)), url("../images/client-photos/custom-welding/structural-welding.jpeg");
}

[data-header-photo="metal-fabrication"] {
  background-image: linear-gradient(145deg, rgba(17, 17, 17, 0.96), rgba(30, 30, 30, 0.93)), url("../images/client-photos/metal-fabrication/welded-base-plate.jpeg");
}

[data-header-photo="equipment-repairs"] {
  background-image: linear-gradient(145deg, rgba(17, 17, 17, 0.96), rgba(30, 30, 30, 0.93)), url("../images/client-photos/equipment-repairs/repaired-trailer-tongue.jpeg");
}

[data-header-photo="custom-metal-projects"] {
  background-image: linear-gradient(145deg, rgba(17, 17, 17, 0.96), rgba(30, 30, 30, 0.93)), url("../images/client-photos/custom-metal-projects/custom-driveway-gate.jpeg");
}

[data-header-photo="blog-built-to-last-quality-welding"] {
  background-image: linear-gradient(145deg, rgba(17, 17, 17, 0.94), rgba(198, 90, 17, 0.45)), url("../images/client-photos/metal-fabrication/stainless-tube-fabrication.jpeg");
}

[data-header-photo="blog-fencing-to-fabrication"] {
  background-image: linear-gradient(145deg, rgba(17, 17, 17, 0.94), rgba(44, 44, 44, 0.88)), url("../images/client-photos/fencing/decorative-ranch-entry-gate.jpeg");
}

[data-header-photo="blog-reasons-choose-professional-welding"] {
  background-image: linear-gradient(145deg, rgba(17, 17, 17, 0.94), rgba(44, 44, 44, 0.88)), url("../images/client-photos/fencing/residential-double-gate.jpeg");
}