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


/* -- Artikelkarte: Kopfbereich mit Titel und Badges -- */
.artikel-karte-kopf {
    display: flex;
    align-items: flex-start;
    gap: 0.35rem;
    flex-wrap: nowrap;
    min-width: 0;
}

.artikel-karte-badges {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    flex-shrink: 0;
}

/* Badges (URLs, Bilder, Videos, Dateien) nur auf Desktop */
.badge-nur-desktop {
}

@media (max-width: 575px) {
    .badge-nur-desktop {
        display: none !important;
    }

    /* Titel-Bereich darf schrumpfen, damit Badges (Pin etc.) nicht umbrechen */
    .artikel-karte-kopf > .artikel-titel-mit-id {
        flex: 1 1 0% !important;
        min-width: 0;
    }

    /* Titel-Text darf umbrechen */
    .artikel-karte-kopf .artikel-titel-link {
        display: inline;
        word-break: break-word;
    }

    /* Badges bleiben rechts, wrappen untereinander falls nötig */
    .artikel-karte-badges {
        flex-shrink: 0 !important;
        flex-wrap: wrap !important;
        justify-content: flex-end !important;
        gap: 0.3rem;
    }
}


/* -- Filter-Panel -- */
.filter-checkbox-label {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
    user-select: none;
}


/* -- Responsive: Filter-Toggle -- */

/* Toggle-Button nur auf Mobile sichtbar */
.filter-toggle-btn-mobile {
    display: none !important;
}

@media (max-width: 767px) {
    .filter-toggle-btn-mobile {
        display: inline-flex !important;
    }

    /* Filter-Spalte standardmäßig ausgeblendet */
    .filter-spalte {
        display: none !important;
    }

    /* Filter als Fixed-Overlay über den Inhalt legen */
    .filter-spalte--sichtbar {
        display: block !important;
        position: fixed !important;
        inset: 0;
        z-index: 500;
        overflow-y: auto;
        background: white;
        padding: 1rem;
        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.28);
    }
}


/* -- Responsive: Kopf-Buttons -- */

@media (max-width: 767px) {
    .index-kopf-buttons .rz-button-text {
        display: none;
    }

    .index-suche-bereich .rz-button-text {
        display: none;
    }

    /* Buttons, die auf Mobile komplett ausgeblendet werden */
    .filter-btn-nur-desktop {
        display: none !important;
    }
}


/* -- Volltextsuche -- */
.artikel-anzahl-info {
    font-size: var(--oo-fs-klein);
    color: var(--rz-text-disabled-color);
    white-space: nowrap;
    flex-shrink: 0;
}

.fts-treffer-snippet {
    font-size: var(--oo-fs-sekundaer);
    color: var(--rz-text-disabled-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: block;
}

.fts-gefunden-in {
    font-size: var(--oo-fs-klein);
    color: var(--rz-text-disabled-color);
    font-style: italic;
}

.fts-rank-badge {
    font-size: var(--oo-fs-klein);
    color: var(--rz-text-disabled-color);
    background: var(--rz-base-200);
    border-radius: 0.25rem;
    padding: 0.05rem 0.35rem;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}