:root {
  --etna-recovery-banner-height: 54px;
}

html[data-etna-recovery-static="full-static-presentation"] {
  scroll-padding-top: var(--etna-recovery-banner-height);
}

html[data-etna-recovery-static="full-static-presentation"] body {
  padding-top: var(--etna-recovery-banner-height) !important;
}

#etna-recovery-static-banner {
  position: fixed;
  z-index: 2147483647;
  inset: 0 0 auto;
  display: flex;
  min-height: var(--etna-recovery-banner-height);
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  padding: 0.65rem 1rem;
  border-bottom: 1px solid #e4c880;
  color: #fff8dc;
  background: #231d0f;
  box-shadow: 0 4px 18px rgb(0 0 0 / 45%);
  font: 700 0.82rem/1.35 ui-sans-serif, system-ui, sans-serif;
  letter-spacing: 0.025em;
  text-align: center;
}

#etna-recovery-static-banner strong {
  color: #f3d37d;
  text-transform: uppercase;
}

html[data-etna-recovery-static="full-static-presentation"]
  :is(
    form,
    button,
    input,
    select,
    textarea,
    [contenteditable="true"],
    [data-pricing-checkout],
    [data-account-action],
    [data-mutation-action]
  ) {
  pointer-events: none !important;
  cursor: not-allowed !important;
  filter: grayscale(1);
  opacity: 0.58 !important;
}

@media (max-width: 680px) {
  :root {
    --etna-recovery-banner-height: 76px;
  }

  #etna-recovery-static-banner {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.15rem;
  }
}