/** * Fanatyco Sticky Add-to-Cart Bar — structural styles. * Loaded in so the bar is hidden from first paint (no flash). * Visual styling (colors, padding, etc.) comes from Elementor's controls. */ .fpe-sticky-atc { position: fixed; left: 0; right: 0; bottom: 0; width: 100%; transform: translateY(100%); transition: transform .35s ease-out; z-index: 9000; background: #fff; box-sizing: border-box; pointer-events: none; } /* iOS safe-area handling — applied only when there's a real safe area inset (i.e. iPhone X+ in portrait). Padding goes INSIDE the bar so the button clears the home indicator, but the bar itself stays flush with the bottom edge. On Android / desktop / older iPhones, the safe-area-inset is 0 so no extra padding is added. */ @supports (padding-bottom: env(safe-area-inset-bottom)) { .fpe-sticky-atc { padding-bottom: env(safe-area-inset-bottom); } } .fpe-sticky-atc.is-visible { transform: translateY(0); pointer-events: auto; } .fpe-sticky-atc__inner { display: flex; align-items: center; gap: 16px; width: 100%; } .fpe-sticky-atc__btn { cursor: pointer; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; }