html {
  font-size: 14px;
}

@media (min-width: 1024px) {
  html {
    font-size: 1.0rem;
  }
}

/*@media (max-width: 430px) {*/
@media (max-width: 1024px) {
  html {
     font-size: 1.2rem;
  }

  .checkresult-col {
    min-width: 200px;
  }

  .checkresult-editor {
    min-width: 180px;
  }
}

.master-card {
  border-radius: 0.85rem;
  margin-top: 0.85rem;
}

.uppercase-input {
  text-transform: uppercase;
}

/* this might be optional, only visible on Desktop not on mobile devices */
.master-row-link {
  cursor: pointer;
}

.tap-hover-table tbody tr.tap-hover > * {
  background-color: rgba(13, 110, 253, 0.12) !important;
}

.readonly-cell {
  min-width: 100px;
}

.readonly-cell-small {
  min-width: 30px;
}

.checkitem-cell {
  font-size: 1.3rem;
  white-space: pre-line;
  color: brown;
}

.checkitem-col {
  min-width: 180px;
}

/* not aligned with the rest of the buttons not looking good */
.save-feedback-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.save-feedback {
  min-height: 1rem;
  margin-top: 0.5rem;
  font-size: 1.5rem;
  color: #198754;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.save-feedback.is-visible {
  opacity: 1;
}

.checkresult-col {
  min-width: 180px;
}

.checkresult-form {
  flex-wrap: nowrap;
  align-items: center;
}

.checkresult-editor {
  min-width: 200px;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.checkresult-token {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  touch-action: manipulation;
}

.checkresult-token-label {
  font-size: 2.25rem;
  color: #6c757d;
  touch-action: manipulation;
}

.checkresult-toggle {
  font-size: 2.25rem;
  min-width: 2.25rem;
  padding: 0.1rem 0.4rem;
  touch-action: manipulation;
}

.submit-button {
/*  font-size: 2.25rem;*/
/*  touch-action: pan-y;*/
  touch-action: manipulation;
}

/* Keep in-page anchor jumps clear of fixed navbars. */
#basic-info-section,
#in-charged-section,
#detail-checklist-section {
  scroll-margin-top: 5.5rem;
}

/* Container styles */
.scroll-snap-container {
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch; /* Critical for iOS inertia */
  scrollbar-width: none; /* Optional: Hide scrollbar on Firefox */
}

/* To hide scrollbar on Chrome/Safari/iPhone */
.scroll-snap-container::-webkit-scrollbar {
  display: none;
}

/* Item styles */
.scroll-snap-item {
  scroll-snap-align: start; /* Each item snaps to the left edge */
}

/* TOO COMPLICATED, DONT USE
.signature-toggle-button.btn-outline-secondary {
  background-color: transparent;
  color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}

.signature-toggle-button.btn-outline-secondary.signature-toggle-enabled,
.signature-toggle-button.btn-outline-secondary.signature-toggle-enabled:hover,
.signature-toggle-button.btn-outline-secondary.signature-toggle-enabled:focus,
.signature-toggle-button.btn-outline-secondary.signature-toggle-enabled:active,
.signature-toggle-button.btn-outline-secondary.signature-toggle-enabled.active {
  background-color: var(--bs-secondary);
  color: #fff;
  border-color: var(--bs-secondary);
}

.signature-toggle-button.btn-outline-secondary:not(.signature-toggle-enabled),
.signature-toggle-button.btn-outline-secondary:not(.signature-toggle-enabled):hover,
.signature-toggle-button.btn-outline-secondary:not(.signature-toggle-enabled):focus,
.signature-toggle-button.btn-outline-secondary:not(.signature-toggle-enabled):active,
.signature-toggle-button.btn-outline-secondary:not(.signature-toggle-enabled).active {
  background-color: transparent;
  color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}
*/