body {
  padding-bottom: 8.75rem; /* Account for both search bar and nav bar */
}

h1 {
  font-weight: 600 !important;
}

/* Inclusively hidden (borrowed from the internet) */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.btn-primary {
  /* background-color: #ff6b6b !important; */
  /* border-color: #ff6b6b !important; */
  background-color: #F97316 !important;
  border-color: #F97316 !important;
}

summary {
  list-style: none;
}

summary::-webkit-details-marker {
  display: none;
}

details {
  cursor: pointer;
  border: 1px solid lightgrey;
  border-radius: .5rem;
  padding: 0.5rem;
  margin: 0.5rem auto;
}

details > summary {
  padding: 0.5rem;
  padding-right: 0;
}

details[open] > summary {
  margin-bottom: 1rem;
}

details[open] {
  border-left: .2rem solid #F97316;
}

.dragging {
  opacity: 0.6;
  background-color: #f0f0f0;
}

.dragging :where(summary, .card) {
  opacity: 0.3;
}

.drag-handle:hover {
  cursor: grab;
}

.drag-handle {
  padding-left: 1rem;
}

.drag-handle > i {
  font-size: 1.2rem;
}

[data-sortable-accordion-target="handle"] {
  cursor: move;
}

[data-sortable-accordion-target="handle"] svg,
[data-sortable-accordion-target="handle"] i {
  pointer-events: none;
}

.exercise-log-volume-container {
  display: flex;
  justify-content: end;
  flex-basis: 100%;
  margin-bottom: 1.2rem;
}