/* ==========================================================
   BraScout v16 — Floating action button layout
   Single source of truth for where the FABs sit, so nothing
   overlaps after the site-share button was added:
     LEFT  : accessibility (bottom)  +  feedback (above it)
     RIGHT : store-mode (top)  +  share (bottom), same edge
   Loaded LAST, so these win over the per-feature positions in
   v11/v12 css and the v15 share button (which set them
   individually before they had to coexist).
   ========================================================== */

/* ---------- Mobile (primary target) ---------- */
@media (max-width:759px){
  /* LEFT column: a11y at the bottom, feedback stacked above it */
  .pf-a11y-fab{
    left:14px !important; right:auto !important;
    bottom:calc(80px + env(safe-area-inset-bottom,0px)) !important;
  }
  .pf-feedback-fab{
    left:14px !important; right:auto !important;
    bottom:calc(134px + env(safe-area-inset-bottom,0px)) !important;
  }

  /* RIGHT column: store-mode directly above share, same right edge,
     tight 10px gap so they read as one vertical pair. */
  .pf-ss-fab{
    right:14px !important;
    bottom:calc(80px + env(safe-area-inset-bottom,0px)) !important;
  }
  .store-mode-fab{
    right:14px !important;
    bottom:calc(142px + env(safe-area-inset-bottom,0px)) !important;
  }

  /* When the "Find my size" sticky pill is showing (bottom-right for
     not-yet-measured users), lift the right pair above it. */
  body:has(.pf-sticky-cta.show) .pf-ss-fab{
    bottom:calc(146px + env(safe-area-inset-bottom,0px)) !important;
  }
  body:has(.pf-sticky-cta.show) .store-mode-fab{
    bottom:calc(208px + env(safe-area-inset-bottom,0px)) !important;
  }
}

/* ---------- Desktop ---------- */
@media (min-width:760px){
  .pf-a11y-fab{left:24px !important; right:auto !important; bottom:24px !important}
  .pf-feedback-fab{left:24px !important; right:auto !important; bottom:84px !important}
  .pf-ss-fab{right:24px !important; bottom:24px !important}
  .store-mode-fab{right:24px !important; bottom:90px !important}
  body:has(.pf-sticky-cta.show) .pf-ss-fab{bottom:90px !important}
  body:has(.pf-sticky-cta.show) .store-mode-fab{bottom:156px !important}
}