:root {
  /* set custom colors */
  --ARCHIUM_COLOR_hascher_obect:                  #638b2e;
  --ARCHIUM_COLOR_hascher_object_transparent:     #638b2e7f;
  --ARCHIUM_COLOR_hascher_literature:             #492b6e;
  --ARCHIUM_COLOR_hascher_literature_transparent: #492b6e7f;
  --ARCHIUM_COLOR_hascher_topic:                  #7c2d31;
  --ARCHIUM_COLOR_hascher_topic_transparent:      #7c2d317f;

  --ARCHIUM_COLOR_hascher_identity:               #de8f6e;
  --ARCHIUM_COLOR_hascher_provenance:             #88ab75;
  --ARCHIUM_COLOR_hascher_contents:               #dbd56e;
  --ARCHIUM_COLOR_hascher_status:                 #2ec4b6;
  --ARCHIUM_COLOR_hascher_links:                  #6e55ca;
  --ARCHIUM_COLOR_hascher_attachment:             #7d7c84;

  cursor: default;
}

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

/* make multi template wrappers wrap and shrink if needed */
/* exanple: 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;
  max-width: 75%;
  min-width: 350px;
}

/* 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: contain;
}
/* this distorts images but vills the image box => REVISIT */

/* display the parser output as "flex",
this way extra blank lines which are not hidden by
ARCHIUM_HIDE will be omitted */
/* .mw-parser-output {
  display: flex;
} */
/* BREAKS NORMAL PAGES => REVISIT */

/* hide stuff to allow for readable code in templates */
.ARCHIUM_HIDDEN {
  display:none;
}

/* =============================== */
/* define looks of grid CONTAINERS
  and other grid related stuff */
/* =============================== */
.archium-background-Objekt {
  border-radius: 5px;
  border-color: transparent;
  background: var(--ARCHIUM_COLOR_hascher_object_transparent);
  width: 100%;
  min-width: min-content;
  display: grid;
  grid-template-areas:
    'header header header header header header'
    'identity identity identity identity identity identity'
    'provenance provenance provenance provenance provenance provenance'
    'contents contents contents contents contents contents'
    'status status status status status status'
    'links links links links links links'
    'attachments attachments attachments attachments attachments attachments';
}

.archium-background-Literatur {
  border-radius: 5px;
  border-color: transparent;
  background: var(--ARCHIUM_COLOR_hascher_literature_transparent);
  width: 100%;
  min-width: min-content;
  display: grid;
  grid-template-areas:
    'header header header header header header'
    'identity identity identity identity identity identity'
    'provenance provenance provenance provenance provenance provenance'
    'contents contents contents contents contents contents'
    'status status status status status status'
    'links links links links links links'
    'attachments attachments attachments attachments attachments attachments';
}

.archium-background-Thema {
  border: 5px;
  border-style: solid;
  border-radius: 5px;
  border-color: transparent;
  background: var(--ARCHIUM_COLOR_hascher_topic_transparent);
}

/* Define a basic container class */
.archium-grid-container-base {
  display: grid;
  padding: 5px;
  margin: 5px;
  gap: 5px;
}

.archium-grid-container-header {
  grid-area: header;
  grid-template-columns: auto auto;
}

.archium-grid-container-identity {
  grid-area: identity;
  grid-template-columns: auto auto auto auto auto auto;
  background-color: var(--ARCHIUM_COLOR_hascher_identity);
}

.archium-grid-container-provenance {
  grid-area: provenance;
  grid-template-columns: auto auto auto;
  background-color: var(--ARCHIUM_COLOR_hascher_provenance);
}

.archium-grid-container-contents {
  grid-area: contents;
  grid-template-columns: auto auto auto;
  background-color: var(--ARCHIUM_COLOR_hascher_contents);
}

.archium-grid-container-status {
  grid-area: status;
  grid-template-columns: auto auto auto auto auto auto;
  background-color: var(--ARCHIUM_COLOR_hascher_status);
}

.archium-grid-container-links {
  grid-area: links;
  grid-template-columns: auto auto auto auto auto auto;
  background-color: var(--ARCHIUM_COLOR_hascher_links);
}

.archium-grid-container-attachments {
  grid-area: attachments;
  grid-template-columns: auto auto;
  background-color: var(--ARCHIUM_COLOR_hascher_attachment);
}


/* ========================== */
/* define looks of grid ITEMS */
/* ========================== */

.archium-grid-item {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 0 5px 0 5px;
  align-content: center;
}

/* remove background from header */
.archium-grid-item-header {
  background-color: transparent;
  display: grid
}

.archium-grid-item:hover {
  box-shadow: 0 0 3px 2px rgba(255, 0, 0, 0.4);
}

.archium-grid-item:focus-within {
  box-shadow: 0 0 3px 2px rgba(255, 0, 0, 0.4);
}


/* ============================== */
/* define looks of dropdown menus */
/* ============================== */

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffffd5;
  border: 5px;
  border-style: solid;
  border-radius: 5px;
  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: 5px;
  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;
}