/* Custom styles for elements with the 'yb' class */

/* Style for form labels */
.yb .form-label {
  color: #332d53;
  font-weight: bold;
}

/* Style for h2 tags with 'yb' class */
.yb h2 {
  color: #332d53;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

/* Apply styles only on index.php in the records folder */
body.yb.records.index .yb.form-label {
  color: #332d53;
}

body.yb.records.index .yb {
  color: #332d53;
}

/* Make the modal-body scrollable when the image gets too big */
#imageModal .modal-body {
  overflow: auto;
  max-height: calc(
    100vh - 180px
  ); /* header + footer total ~180px, tweak as needed */
  padding: 0; /* so image touches edges */
}

/* Pin the footer controls at the bottom */
#imageModal .modal-footer {
  position: sticky !important;
  bottom: 0;
  background: #fff;
}