/*
 * This is a manifest file that'll be compiled into application.css.
 */

/* Modal transition styles */
.modal-transition {
  opacity: 0;
  transform: scale(0.95);
  transition: opacity var(--duration-normal, 250ms) var(--ease-spring, ease),
              transform var(--duration-normal, 250ms) var(--ease-spring, ease);
}
.modal-transition.modal-active {
  opacity: 1;
  transform: scale(1);
}

/* Hide default disclosure triangles for details elements */
details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}

/* Base background — matches body in application.tailwind.css */
html {
  background-color: #100E0C;
  min-height: 100vh;
  height: 100%;
}

body {
  min-height: 100vh;
}

/* Prevent horizontal scroll.
   `clip`, not `hidden`. With `hidden`, the browser computes the other axis as
   `overflow-y: auto`, which made <body> the page's scroll container. Hotwire
   Native's turbo.js reads a touch inside any overflowing auto/scroll element
   as "this element scrolls, don't pull to refresh", so pull-to-refresh was
   dead on every page of the Android app. `clip` cuts off horizontal overflow
   the same way without creating a scroll container. */
html, body {
  overflow-x: clip;
}