/*
 * ios-fix.css — Tér Design Studio
 * Fixes for iOS Safari (add this <link> to every project page)
 *
 * iOS Safari does not support background-attachment:fixed.
 * The image renders completely blank when that property is set.
 * This file overrides it to scroll for all touch/mobile devices.
 */

/* ── Banner image fix ─────────────────────────────────────────────────────── */

/* Default: scroll (safe for all devices) */
.breadcrumb__area {
  background-attachment: scroll !important;
}

/* Re-enable parallax only on real pointer devices (desktop with mouse) */
@media (hover: hover) and (pointer: fine) {
  .breadcrumb__area {
    background-attachment: fixed !important;
  }
}

/* Belt-and-braces: iOS-specific @supports guard */
@supports (-webkit-touch-callout: none) {
  .breadcrumb__area {
    background-attachment: scroll !important;
  }
}


/* ── Snapshot icons fix ───────────────────────────────────────────────────── */

/*
 * iOS enables "Reduce Motion" by default (Settings > Accessibility > Motion).
 * A rule in main.css hides .snapshot-grid .snap-ico inside
 * @media (prefers-reduced-motion: reduce) — this override forces them visible.
 */
.snapshot-grid .snap-ico,
.project-snapshot .snap-ico,
[class*="-snapshot"] .snap-ico {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}