/* ===== Onesown - Artikel Backend: Edit-spezifische Styles ===== */
/* Gemeinsame Variablen, Utilities und Status-Farben: siehe artikel.css   */
/* Index-spezifische Styles: siehe artikel-index.css                      */


/* -- Edit: Sticky Buttons unten -- */
.bearbeiten-buttons-unten {
    position: sticky;
    bottom: -1rem;
    z-index: 5;
    padding: 0.5rem 0;
    flex-wrap: wrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

.bearbeiten-buttons-unten--sichtbar {
    opacity: 1;
    /* pointer-events bleibt none auf dem Container – nur der Button selbst ist klickbar */
}

/* Der Button selbst ist immer klickbar, egal ob Container pointer-events: none hat */
.bearbeiten-buttons-unten .rz-button {
    pointer-events: auto;
}

@media (max-width: 768px) {
    .bearbeiten-buttons-unten {
        bottom: 0rem !important;
        margin-right: 5px;
    }
}

/* -- Edit: URL-Zeile -- */
.artikel-url-badge {
    padding: 0.5rem 0.75rem;
    display: flex;
    align-items: center;
    width: 100%;
    gap: 0.35rem;
}

.artikel-url-link {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: none;
    color: inherit!important;
    text-decoration: none!important;
    text-align: left;
}

.artikel-url-input {
    width: 100%;
}

/* -- Edit: Datei-Klick -- */
.datei-klick-wrapper {
    cursor: pointer;
    flex: 1;
    min-width: 0;
}

/* -- Edit: Dateiliste Drag & Drop -- */
.file-list-container .drag-handle {
    cursor: move;
    color: var(--rz-text-disabled-color);
    transition: color 0.2s ease;
}

.file-list-container:hover .drag-handle {
    color: var(--rz-text-color);
}

/* -- Edit: URL-Liste Drag & Drop -- */
.artikel-url-badge .drag-handle {
    cursor: move;
    color: var(--rz-text-disabled-color);
    transition: color 0.2s ease;
    flex-shrink: 0;
}

.artikel-url-badge:hover .drag-handle {
    color: var(--rz-text-color);
}

.flex-1 {
    flex: 1;
    min-width: 0;
}

.rz-dropzone-item {
    border-top: 2px dashed transparent;
    padding: 1px 0;
}

.rz-can-drop.rz-dropzone-item {
    border-top: 2px solid var(--rz-success);
}

.rz-dropzone-item:last-child div {
    opacity: 0;
    height: 20px;
    padding: 0;
}

.rz-dropzone-item:last-child .artikel-url-badge {
    opacity: 0;
    height: 20px !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}

/* -- Edit: Datei-Metadaten Dialog (Vollbild auf Mobilgeräten) -- */
@media (max-width: 768px) {
    .datei-metadaten-dialog {
        width: 100vw !important;
        height: 100vh !important;
        max-width: 100vw !important;
        max-height: 100vh !important;
        top: 0 !important;
        left: 0 !important;
    }

    .datei-metadaten-dialog .rz-dialog-content {
        height: calc(100vh - 100px);
        overflow-y: auto;
    }
}


/* ===== Responsive: Edit-Seite Buttons ===== */

/* Auf Tablets und Mobil: Buttons zeigen nur das Icon (kein Text) */
@media (max-width: 767px) {
    .bearbeiten-buttons .rz-button-text {
        display: none;
    }

    .btn-versionshistorie {
        display: none;
    }

    /* Kopfbereich darf umbrechen wenn nötig */
    .bearbeiten-kopfbereich {
        flex-wrap: wrap;
    }

    .bearbeiten-kopfbereich > .rz-text {
        flex: 1 1 auto;
    }

    /* Buttons selbst dürfen umbrechen wenn zu wenig Platz */
    .bearbeiten-buttons {
        flex-shrink: 0;
        flex-wrap: wrap;
    }
}


/* -- Edit: Verschlüsselung Demo -- */
.verschluesselung-ciphertext {
    word-break: break-all;
    background-color: var(--rz-base-200);
    color: var(--rz-text-tertiary-color);
}