/* Thin supplement for the static restore of alphaprosecurity.com.
   The REAL Flatsome theme CSS (flatsome.css + flatsome-shop.css) loads first and
   handles all layout. This file only patches static-export quirks:
   - kills JS-dependent loading spinner / site-preloader
   - keeps hover overlays visible (no JS to toggle them)
   - neutralised cart/account links
   - mobile safety + broken-image grace */

/* loading spinner / preloader (no JS on static) */
.loading-spin, .preloader, #preloader, .ux-loading,
.banner .loading-spin, body.loading-site:before { display:none !important; }
.loading-site, html.loading-site { opacity:1 !important; visibility:visible !important; }
.no-js .hide-for-small, .no-js [data-lazy-src] { opacity:1 !important; }

/* hover-reveal product overlays (add-to-cart bar / tools) — show without JS */
.show-on-hover { opacity:1 !important; filter:none !important; }
.hover-slide-in { transform:none !important; opacity:1 !important; }
/* quick-view / wishlist overlay tools are inert on static — hide to avoid confusion */
.product-small .image-tools.top, .quick-view, .wishlist-button { display:none !important; }

/* de-linked / inert WooCommerce controls */
a[data-disabled="1"], a[data-noaction] { cursor:default; }

/* --- Social + UI icons via Font Awesome (recovered fl-icons.woff2 is a mismatched
       version whose social glyphs render as tofu). Remap to FA6 web font. --- */
i.icon-facebook, i.icon-instagram, i.icon-twitter, i.icon-envelop,
i.icon-search, i.icon-menu, i.icon-angle-down, i.icon-angle-up, i.back-to-top:before,
a.back-to-top:before {
  font-family:"Font Awesome 6 Brands","Font Awesome 6 Free" !important;
  font-weight:400; font-style:normal; -webkit-font-smoothing:antialiased;
}
i.icon-facebook:before  { content:"\f39e" !important; font-family:"Font Awesome 6 Brands" !important; }
i.icon-instagram:before { content:"\f16d" !important; font-family:"Font Awesome 6 Brands" !important; }
i.icon-twitter:before   { content:"\f099" !important; font-family:"Font Awesome 6 Brands" !important; }
i.icon-envelop:before, i.icon-envelope:before { content:"\f0e0" !important; font-family:"Font Awesome 6 Free" !important; font-weight:900 !important; }
i.icon-search:before    { content:"\f002" !important; font-family:"Font Awesome 6 Free" !important; font-weight:900 !important; }
i.icon-menu:before      { content:"\f0c9" !important; font-family:"Font Awesome 6 Free" !important; font-weight:900 !important; }
i.icon-angle-down:before{ content:"\f107" !important; font-family:"Font Awesome 6 Free" !important; font-weight:900 !important; }
i.icon-angle-up:before  { content:"\f106" !important; font-family:"Font Awesome 6 Free" !important; font-weight:900 !important; }

/* back-to-top button must NOT cover/intercept page content (CLICKBLOCKED fix) */
.back-to-top, a.back-to-top {
  position:fixed !important; right:20px; bottom:20px; width:46px; height:46px;
  z-index:40; opacity:.85; pointer-events:auto;
}
.back-to-top:not(:hover){ opacity:.6; }

/* product image fit inside the theme box-image */
.product-small .box-image img { object-fit:contain; }

/* "Sale!" badge: the visible Flatsome badge gets a solid opaque bg + shadow */
.product-small .badge .badge-inner, .badge-inner {
  background-color:#d26e4b !important; color:#fff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
  box-shadow:0 2px 6px rgba(0,0,0,.25);
  font-weight:700; border-radius:2px;
}
/* The WooCommerce default span.onsale is a duplicate "Sale!" that overlaps the
   product image. Flatsome already renders its own visible .badge "Sale!" (styled
   above), so HIDE the redundant span.onsale to remove the text×image overlap. */
.product-small span.onsale, .box-image span.onsale, .product span.onsale,
.col-inner > span.onsale, span.onsale { display:none !important; }

/* broken-image grace (alt text shows, no jagged blue border) */
img:-moz-broken { color:#888; }

/* Google font family fallback */
body { font-family:"Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }

/* mobile-first safety */
html, body { overflow-x:hidden; max-width:100%; }
* { box-sizing:border-box; }
@media (max-width:549px){
  h1[style], h2[style] { width:auto !important; font-size:1.25em !important; }
  .logo a { font-size:1.2rem !important; }
}