/* Phone/tablet layering of the fixed UI (WoodMart bottom menu 55px, sticky
 * add-to-cart bar 42px, scroll-to-top, Tanky bubble, spin pill).
 * Rules: nothing floats over the bottom menu; when the sticky add-to-cart bar is
 * visible, the floating buttons sit above it instead of on its quantity/price. */
@media (max-width:1024px){
  /* A hidden sticky bar must never show over the menu (theme setting z-index 999 put it above the 350 menu). */
  .wd-sticky-btn:not(.wd-sticky-btn-shown){visibility:hidden!important;pointer-events:none!important;z-index:340!important}

  /* Left column, bottom up: [menu 55] [scroll-to-top 90..130] [spin pill 138..] */
  html body #mts-spin-pill{bottom:138px!important}
  /* Right: Tanky bubble just above the menu (it used to overlap it by 5px). */
  html body #mtsBtn.mts-btn{bottom:66px!important}

  /* Sticky bar visible (top edge at 97px): lift all three above it. */
  html body:has(.wd-sticky-btn-shown) .scrollToTop{bottom:112px!important}
  html body:has(.wd-sticky-btn-shown) #mts-spin-pill{bottom:160px!important}
  html body:has(.wd-sticky-btn-shown) #mtsBtn.mts-btn{bottom:110px!important}
}