/******************** GOLDEN STYLES ********************/

.table-text {
  font-size: 12px;
}

.card-subtitle {
  color: #899bbd;
  font-size: 14px;
  font-weight: 400;
}

.card-rounded-metric {
   font-size: 32px;
   color:  #012970;
   background: #f6f9ff;
   line-height: 0;
   width: 64px;
   height: 64px;
   flex-shrink: 0;
   flex-grow: 0;
}

.card-metric {
  font-size: clamp(16px, 2.5vw + 1.5rem, 60px);
  color:  #012970;
  font-weight: 300;
  font-style: normal;
  line-height: 1em;
  white-space: nowrap;
}

.card-metric-subtitle {
  font-size: clamp(12px, 0.5vw + 0.5rem, 60px);
  color:  #012970;
  font-weight: 600;
  word-wrap: normal;
}

.table-subtle-attribute {
  color: #899bbd;
  font-weight: 300;
}

.golden-tooltip .tooltip-inner {
  width: auto;
  font-weight: 300;
  white-space: normal;
  text-align: left;
}

.golden-tooltip .tooltip-inner ul,
.golden-tooltip .tooltip-inner ol {
    padding-left: 20px; /* Adjust this to control the left alignment */
    list-style-position: outside;
}

.golden-tooltip .tooltip-inner li {
    padding-left: 0;
    margin-left: 0;
}

.link-subtle a {
  color: black;
  transition: 0.3s;
}

.link-subtle a:hover {
  color: #4154f1;
}

.text-pre {
  font-size: .875em;
  font-family: var(--bs-font-monospace);
}


/******************** GOLDEN TEST STYLES ********************/

test heading {
    font-family: "Montserrat", sans-serif;
    color:  #012970;
    font-weight: 400;
    font-size: 1rem;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
    display: block;
}

test code {
    font-family: monospace;
    color: #0a58ca;
}

test table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    border-collapse: collapse;
    font-size: 0.875rem;
}

test table th {
    font-weight: bold;
    text-align: left;
    padding: 0.3rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    background-color: #f8f9fa;
}

test table td {
    padding: 0.3rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

test table, test table th, test table td {
    border: 1px solid #dee2e6;
}

test table tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

test record {
    white-space: pre-wrap;       /* Preserves newlines and wraps long lines */
    font-family: monospace;      /* Optional: to make it look like code */
    font-size: 0.7rem;
    display: -webkit-box;        /* Necessary for line-clamp to work */
    -webkit-box-orient: vertical; /* Set the orientation to vertical */
    overflow: hidden;            /* Hides the overflowing text */
    text-overflow: ellipsis;     /* Adds ellipsis (...) for truncated text */
    -webkit-line-clamp: 5;
}

test error {
    color: #bb2d3b;
}

test warning {
    color: #d78204;
}

test stack {
    white-space: pre-wrap;       /* Preserves newlines and wraps long lines */
    font-family: monospace;      /* Optional: to make it look like code */
    color: #0a58ca;
    font-size: 0.7rem;
    display: -webkit-box;        /* Necessary for line-clamp to work */
    -webkit-box-orient: vertical; /* Set the orientation to vertical */
    overflow: hidden;            /* Hides the overflowing text */
    text-overflow: ellipsis;     /* Adds ellipsis (...) for truncated text */
    -webkit-line-clamp: 5;
}

test badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    color: #fff;
    background-color: #007bff;
    margin-top: 5px;
}
test wbadge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    background-color:  #ffca2c;
    margin-top: 5px;
}


/******************** BUG FIXES ******************/

/** json-editor: buttons must have a space with previous title */
.json-editor-btn-add {
    margin-left: 10px;
    color: white;
    border: 1px solid #dee2e6 !important;
}

/* json-editor: Force all buttons even in a button group to to always have all the borders rounded as bootstrap5 */
.btn {
    border-radius: 0.5rem !important;
}

/* json-editor: Add at least 5px between buttons in a button group */
.btn-group > .btn {
    margin-right: 5px;
}

/* select2: bootstrap5 fix: on disabled, set right background and border */
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: var(--bs-secondary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
}

/* select2: bootstrap5 fix: on enabled, set right border */
.select2-container--default .select2-selection--single {
  border: var(--bs-border-width) solid var(--bs-border-color);
}

/* select2: set box width to be 100% */
.select2 {
  width: 100% !important;
}

/* form-label class override to make sure that the label is always on top of the input, it is not working for select2 */
.form-label {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-bottom: 0.5rem;
}