/* Static overrides for the archived MedicineChest layout. */

/* Fallback icon faces (same FA5 code points) for when the archived FA Light /
   Brands webfonts are unavailable. The site CSS lists them after FAI / FAB. */
@font-face { font-family: 'FAIfb'; font-weight: normal; font-style: normal; font-display: block;
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff2') format('woff2'); }
@font-face { font-family: 'FABfb'; font-weight: normal; font-style: normal; font-display: block;
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.woff2') format('woff2'); }

/* the SPA scrolled an absolutely positioned wrapper; let the document scroll */
html, body { height: auto !important; overflow: auto !important; }
body { opacity: 1 !important; visibility: visible !important; position: relative; }
._hr { position: relative !important; height: auto !important; min-height: 100vh;
       overflow: visible !important; }
._gh, ._zs { display: none !important; }

/* menu button: the SPA faded it in after boot */
/* (the SPA removed the hiding class ._a24 = opacity:0 + pointer-events:none after boot) */
._a2i, ._a2i._a24 { opacity: 1 !important; pointer-events: auto !important;
                     cursor: pointer; z-index: 1001 !important; }
/* decorative skewed header shape sits over the menu button; let clicks through */
._88a { pointer-events: none; }

/* side menu slide-in */
._ll0 { position: fixed !important; top: 0; bottom: 0; height: 100vh !important;
        overflow-y: auto; transition: transform .25s ease; }
body.ep-menu-open ._ll0 { transform: none !important; box-shadow: 0 0 40px rgba(0,0,0,.35); }
body.ep-menu-open::after { content: ""; position: fixed; inset: 0; background: rgba(0,0,0,.35); z-index: 999; }

/* header panels keep the original stacking (backdrop 10 < panel 11 < header 12) */
body.ep-menu-open ._a2i { opacity: 0 !important; pointer-events: none !important; }

/* parts that needed the vanished backend: login, basket */
._977, ._jjk { display: none !important; }

/* header photos the archive never captured: brand gradient instead of flat grey */
.ep-nobg {
  background-image: linear-gradient(120deg, rgba(16,16,16,.55), rgba(16,16,16,.15)),
                    linear-gradient(120deg, #5f8f2a 0%, #91c647 45%, #f38040 100%) !important;
  background-size: cover !important;
}

[role="button"], [role="link"] { cursor: pointer; }
[role="button"]:focus-visible, [role="link"]:focus-visible, a:focus-visible {
  outline: 2px solid #f5813f; outline-offset: 2px;
}