/**
 * @file
 * indexx Exit button – intentionally loud, colors via CSS custom properties.
 *
 * --indexx-exit-bg / --indexx-exit-fg are injected by indexx_exit_page_attachments()
 * based on /admin/config/system/indexx-exit. Fallbacks below apply if the
 * module is somehow not bootstrapped (e.g. static preview).
 *
 * .indexx-exit-button--fixed   : top-right, always visible (default placement)
 * .indexx-exit-button--inline  : normal flow, for embedding in body text
 *                                 via a Drupal-Block paragraph
 *
 * Override in your theme as needed.
 */
.indexx-exit-button {
  display: inline-block;
  margin: 0;
  padding: 0.6em 1.1em;

  background: var(--indexx-exit-bg, #b30000);
  color: var(--indexx-exit-fg, #fff);
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.2;
  text-decoration: none;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

.indexx-exit-button:hover,
.indexx-exit-button:focus {
  /* Invert: works for any configured color combination. */
  background-color: var(--indexx-exit-fg, #fff);
  color: var(--indexx-exit-bg, #b30000);

}

.indexx-exit-button--fixed {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 2147483647;
  border-radius: 0 0 0 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

.indexx-exit-button--inline {
  position: static;
}