/* -----------------------------------------------------------------------------
   ZARAZ CONSENT MODAL - HOST SHELL

   WHY THIS IS ITS OWN FILE
   These rules were appended to enterrahost.css and were lost: that file is
   edited often and each edit replaces it wholesale, taking anything appended to
   it with it. They live here so a stylesheet edit cannot silently remove them.

   WHY IT MUST BE A <head> STYLESHEET AT ALL
   Zaraz mounts the modal at its own default size and position - measured
   480x445 centred - and only takes our styling once the shadow-root injection
   lands. That is ~365ms of a large, unbranded, centred modal on screen before
   it snaps to a small dark card in the bottom-left corner. Very visible.

   opacity, NOT visibility: visibility is inherited, so a rule inside the shadow
   root setting visible on the card shows through a hidden host. opacity applies
   to the whole subtree and cannot be overridden from inside.

   The animation is a CSS-only failsafe. If consent-modal.js fails to load, the
   modal still reveals at 1.8s rather than staying invisible - a missing consent
   prompt is a compliance problem, not a cosmetic one.
   -------------------------------------------------------------------------- */
.cf_modal_container {
    position: fixed !important;
    top: auto !important;
    right: auto !important;
    bottom: 24px !important;
    left: 24px !important;
    width: 0 !important;
    height: 0 !important;
    overflow: visible !important;
    /* Above page content: show() does not use the browser top layer, only
       showModal() does, so the layering has to be restored by hand. */
    z-index: 2147483000 !important;
    opacity: 0 !important;
    animation: eh-consent-reveal 0s linear 1.8s forwards !important;
}
.cf_modal_container[data-enterramon-styled] {
    opacity: 1 !important;
    animation: none !important;
}
@keyframes eh-consent-reveal { to { opacity: 1; } }