/**
 * MA Tours – WP path overrides
 * The main style-main.css uses relative paths (assets/images/...) which
 * work fine in a static site but not in WordPress where the stylesheet
 * is loaded from the theme directory.
 *
 * We fix the two CSS background-image declarations that reference local files
 * by overriding them using the --mat-theme-url custom property injected by PHP.
 */

.mat-hero {
  background-image:
    linear-gradient(to right, rgba(0,0,0,.52) 0%, rgba(0,0,0,.18) 60%, transparent 100%),
    url(var(--mat-hero-webp));
}

@supports not (background-image: url(data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA=)) {
  .mat-hero {
    background-image:
      linear-gradient(to right, rgba(0,0,0,.52) 0%, rgba(0,0,0,.18) 60%, transparent 100%),
      url(var(--mat-hero-png));
  }
}

.mat-about-photo {
  background-image: url(var(--mat-collage-webp));
}

.no-webp .mat-about-photo {
  background-image: url(var(--mat-collage-png));
}