/* CAMPAIGN P-HOME: placeholder, filled in by the owning worker's own branch. Loaded after style.css so it can override with scoped, additive rules only. */

/* ---------------------------------------------------------------------
   V1 -- background image contrast (campaign-phome-visual)
   ---------------------------------------------------------------------
   Live-tested against all 12 real admin-configured background images
   (assets/backgrounds/default_1-3.jpg + 9 uploaded photos) at 390/768/
   1024/1440px. Every photo sampled is a dark/moody scene (night canal,
   ink-swirl abstracts, etc.) and every piece of UI that sits on top of
   the background (#page-tabs chips, .main-logo box, the upload card)
   already renders on a fully opaque white background -- none of them
   are translucent over the photo. Contrast is therefore already
   guaranteed regardless of which of the 12 images is showing, and on
   mobile (<=768px) the background is hidden entirely (body falls back
   to a plain white background-color). No scrim/overlay treatment is
   added: there is no genuine readability problem to fix here, and a
   full-page darkening would just degrade the photos for no reason. */

/* ---------------------------------------------------------------------
   V2 -- prefers-reduced-motion support for the background slideshow
   ---------------------------------------------------------------------
   The public theme has no prefers-reduced-motion handling anywhere
   (confirmed: none in style.css, responsive.css, or vegas.min.css).
   The Vegas background slideshow cross-fades via CSS transitions
   (.vegas-transition-* classes) and has an optional Ken Burns zoom
   (.vegas-animation-kenburns); body also carries a 1s background
   transition. Disabling those under reduced-motion is scoped to the
   background feature this task already owns -- it does not touch
   #page-tabs' or .tab-window's own transitions (nav/modal workers'
   scope; flagged separately for them). Images still change, they just
   cut instead of crossfading/panning. */
@media (prefers-reduced-motion: reduce) {
  body {
    transition: none;
  }

  .background,
  .background .vegas-slide,
  .background .vegas-slide-inner,
  .background [class*="vegas-transition-"] {
    transition-duration: 0ms !important;
    animation: none !important;
  }

  .background .vegas-animation-kenburns {
    animation: none !important;
    transform: none !important;
  }
}

/* CAMPAIGN P-HOME / integration owner: extending the V2 reduced-motion
   fix above to the two other animated elements this campaign touched
   (.tab-window's slide/fade and #page-tabs's hover/focus transitions),
   flagged by the visual worker as belonging to the nav/modal workers'
   files but safe to add here since this file already owns the site-
   wide reduced-motion media query. */
@media (prefers-reduced-motion: reduce) {
  .tab-window,
  .tab-window-backdrop,
  #page-tabs,
  #page-tabs a,
  .tabs:not(.core) li a {
    transition-duration: 0.001ms !important;
  }
}