/*===============================*/
/* GG OBJECT                     */
/*===============================*/

.archium-background-Objekt {
    border-radius: 5px;
    border-color: transparent;
    background: light-dark(hsl(192, 10%, 75%), var(--color-surface-1));
    width: 100%;
    max-width: 100%;
    min-width: min-content;
    display: grid;
    padding: 5px;
}

.archium-grid-container-base {
    display: grid;
    padding: 5px;
    margin: 5px;
    gap: 5px;

    border-radius: 5px;
    background-color: light-dark(var(--color-progressive--hover), var(--color-surface-1));

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-top: 0;
        height: min-content;
    }

    &.archium-grid-title {
        background: light-dark(#ffffff, var(--color-surface-1));
    }

    &.archium-grid-anhaenge {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            'label               label              '
            'dateianhaengeShow   dateianhaengeArchiv'
            'dateianhaengeShow   dateianhaengeArchiv'
    }

    &.archium-grid-id {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas:
            'label      label   label'
            'titel      l_id    bild '
            'signatur   signatur_plus    bild '
    }

    &.archium-grid-inhalt {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            'label       label         '
            'kontext     abstrakt      '
            'anmerkungen schriftverweis'
            'anmerkungen inhaltinfo    '
            'datenformat medieninfo_org'
            'zeiten      zeiten        '
    }

    &.archium-grid-verbindungen {
        grid-template-areas:
            'label          label'
            'verknuepfungen doi  '
    }

}

.archium-grid-container-base fieldset {
    legend {
        font-weight: bold;
        font-size: 1.2rem;
    }

    input:not([type=checkbox]):not([type=radio]),
    select,
    .oo-ui-buttonWidget {
        font-size: 0.9rem;
        min-height: 2.3rem;
        border-radius: 0 !important;
        border: 1px solid #BBB !important;
        color: #000 !important;
        background: #fff !important;

        a {
            border-radius: 0 !important;
            min-height: 2.3rem;
        }
    }

    .multipleTemplateWrapper {
        width: 100%;
    }
}

.archium-grid-container-base .archium-form-pseudogrid fieldset {
    display: grid;
    grid-template-columns: min-content auto;
    column-gap: 10px;
    row-gap: 2px;

    span.pseudogrid-title {
        grid-column: 1 / span 1;
        white-space: nowrap;
        min-height: 2rem;
    }

    span.inputSpan,
    span.dateInput,
    span.comboboxSpan {
        display: flex;
        grid-column: 2 / span 1;
        align-items: center;
    }

}


.archium-grid-title {
    padding: 0;
    display: grid;
    grid-template-columns: auto min-content;

    background: transparent !important;

    .archium-grid-item-header {
        display: flex;
        align-items: center;
        white-space: nowrap;

        background: light-dark(#fff, var(--color-surface-4));
        border-radius: 5px;
    }

    .archium-dataset-tool {
        font-size: 1.2em;
        color: var(--background-color-progressive);

        &:hover {
            background: light-dark(hsl(0, 0%, 90%), hsl(0, 0%, 20%));
            color: var(--background-color-progressive--hover);
            cursor: pointer;
        }
    }

    h3 {
        margin: 0;
    }

    span {
        padding: 5px 10px;
        border-radius: 5px;
    }
}

.archium-grid-item-separator {
    width: 95%;
    height: 3px;
    border-radius: 5px;
    margin: 5px auto;

    background: light-dark(var(--color-surface-1), var(--color-surface-4));
}


.archium-grid-item {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 12px 8px;
    align-items: start;

    background: light-dark(#fff, var(--color-surface-4));
    border-radius: 5px;
}

.archium-background-Objekt-display .archium-grid-item table {
    width: 100%;

    tr {
        background: light-dark(hsl(300, 0%, 90%), var(--color-surface-3));
        ;
    }

    td {
        padding: 5px;
    }

    td:nth-child(1) {
        white-space: nowrap;
        /* Shrinks to fit content */
        width: 0px;
    }

    td:nth-child(2) {
        /* Ensures it takes the remaining space */
        max-width: 0px;
    }
}

li:has(.gg_display_anmerkung) {
    margin: 5px;
    padding: 5px;

    background-color: light-dark(hsl(0, 0%, 90%), var(--color-surface-3));
}



/*===============================*/
/* GG MediaWiki tweaks           */
/*===============================*/

.archium-hero-img {
    width: 100%;
}



/*===============================*/
/* ArTUX common                  */
/*===============================*/

.ARCHIUM_HIDDEN {
    display: none;
}



/*===================================*/
/* mediawiki related tweaks (common) */
/*===================================*/

/* 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,
.archium-grid-item>pre:not(:has(fieldset)) {
    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; */
    display: contents;
}

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

/* ============================== */
/* 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;
}


/**/
.archium-keywords-search tbody tbody {
    strong {
        display: none
    }

    td {
        padding: 0 !important
    }

    .thorax-tree-view-link {
        font-weight: 600;
        font-size: 1rem;
    }
}