:root {
  --archium-yellow-1: #ffff00;
  --archium-grey-1: #c5c5c5;
  --archium-grey-2: #7f7f7f;
  --archium-grey-3: #3f3f3f;
  --archium-grey-4: #000000;
  --archium-red-1: #ff0000;
  --archium-red-2: #7c0303;
  --archium-grey-a: #cfcece;
  --archium-grey-b: #e7e6e6;
  --archium-brown: #402209;
  --archium-blue: #658ca4;
  --archium-pre-background: rgb(240, 240, 240);
}


/* ===================================================== */
/* mediawiki related tweaks                              */
/* ===================================================== */

/* make multi template wrappers wrap and shrink if needed
 * example: multiple date inputs in a form */
.multipleTemplateWrapper {
  display: inline-grid;
  white-space: normal;
}

/* no idea anymore - probably removes empty linebreaks*/
fieldset {
  white-space: normal;
}

/* removes ugly empty white lines from date input fields */
.instanceMain > pre {
  display: none;
  white-space: normal;
}

/* makes it so that combo boxes do wrap if needed
 * and dont take up too much horizontal space.
 * !important is needed to avoid countless specific rules */
.select2-container {
  display: inline-grid !important;
}

.select2-choice {
  display: inline-grid;
}

/* removes ugly backgrounds and borders from input elements */
.archium-grid-item > pre {
  background: none;
  border: none;
}

/* set container dimensions.
 * the effect is better horizontal alignment
 * of out page content - including forms */
.container {
  margin: auto;
  width: 095vw;
  min-width: 360px;
}

/* center embedded images and make them (down)scalable
 * this does _not_ apply to image previews in forms */
.image img {
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 300px;
  object-fit: cover;
}

/* Places form above the resulsts in Special:RunQuery
 */
#mw-content-text:has(.pf-runquery-formcontent) {
  display: grid;
}

.pf-runquery-formcontent {
  grid-row: 1;
}

.dataTables_wrapper tbody td {
  white-space: break-spaces;
}


/* ===================================================== */
/* Artux related tweaks                                  */
/* ===================================================== */


/* makes the element invisible */
.ARCHIUM_HIDDEN {
  display: none !important;
}

/* define looks of grid ITEMS */
.archium-grid-item {
  display: contents;
}

/* define looks of dropdown menus */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffffd5;
  border: 5px;
  border-style: solid;
  border-radius: 0px;
  border-color: transparent;
  padding-right: 10px;
  /* min-width: 160px; */
  /* box-shadow: 0 0 3px 2px rgba(0,0,0,0.2); */
  z-index: 1;
}

.dropdown-list {
  display: none;
  position: absolute;
  background-color: #ffffffd5;
  border: 5px;
  border-style: solid;
  border-radius: 0px;
  border-color: transparent;
  /* padding-right: 10px; */
  /* min-width: 160px; */
  /* box-shadow: 0 0 3px 2px rgba(0,0,0,0.2); */
  z-index: 1;
}

.archium-overview:hover .dropdown-list {
  display: block;
}

.archium-ul:hover .dropdown-content {
  display: block;
}

/* emulate general, unnumbered lists */
.archium-ul {
  cursor: pointer;
  display: list-item;
  margin-left: 1.5em;
}

.archium-ul:last-of-type {
  margin-bottom: 1em;
}

/* ===================================================== */
/* Scribunto console                                     */
/* ===================================================== */

#mw-scribunto-output {
  padding: 10px;
  background: hsl(270, 21%, 6%);

  &:empty {
    display: none;
  }

  * {
    font-weight: 450;
    font-family: monospace;
  }

  .mw-scribunto-message {
    color: hsl(167, 83%, 38%);
  }

  .mw-scribunto-input {
    color: hsl(220, 54%, 59%);

    &::before {
      content: "> ";
    }
  }

  .mw-scribunto-error p {
    color: #f00;
  }

  .scribunto-trace * {
    color: hsl(0, 0%, 70%);
  }

  .mw-scribunto-print {
    color: hsl(0, 0%, 90%);
  }

  .mw-scribunto-clear {
    margin-top: 7rem;
  }
}