:root{--page-title-display:none;}/* Start custom CSS *//* Volledige uploadgroep */
#upload-group {
    width: 100%;
}

/* Zelfgemaakte uploadzone */
#upload-zone {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 58px;
    padding: 18px 20px;
    overflow: hidden;
    border: 1px dashed var(--border, #d8d8d8);
    border-radius: 4px;
    background-color: transparent;
    cursor: pointer;
    transition:
        border-color 0.25s ease,
        background-color 0.25s ease;
}

/* Instructietekst */
#upload-zone p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--mid, #535353);
    font-size: 0.55rem;
    line-height: 1.4;
    text-align: center;
    text-transform: uppercase;
    pointer-events: none;
}

/* File Upload over de volledige uploadzone plaatsen */
#upload-input {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

/* Eventuele interne input ook volledig laten vullen */
#upload-input input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

/* Hoverstatus */
#upload-zone:hover {
    border-color: var(--accent);
    background-color: var(--bg-alt);
}

/* Toetsenbordfocus */
#upload-zone:focus-within {
    border-color: var(--accent);
    outline: 2px solid color-mix(in srgb, var(--accent) 25%, transparent);
    outline-offset: 2px;
}/* End custom CSS */