/*
 * Katalogquelle - Herkunftsnennung auf der Standortseite.
 *
 * Erscheint dort, wo die Daten eines Standorts aus einem fremden Katalog
 * stammen (automaten.extern_quelle). Erster Fall: Elongando, der
 * spanische Pressmuenzen-Katalog.
 *
 * EIGENE DATEI, KEINE TAILWIND-UTILITIES. tailwind.css ist ein gepurgter
 * Build ausserhalb von Git; neue Klassen fehlen auf DEV schlicht, und der
 * Block waere dort ein farbloser Kasten. Dieselbe Ueberlegung wie bei
 * partner.css, sammelgebiete.css und sammlung.css.
 *
 * GESTALTUNG: bewusst KEINE Werbeoptik. Das ist eine Quellenangabe, kein
 * Banner - sie soll nach Redaktion aussehen, nicht nach Anzeige. Ruhiges
 * Papierweiss, eine schmale Farbkante als einziger Blickfang, Typografie
 * statt Rahmen. Die Rot-Gelb-Kante ist eine leise Verbeugung vor Spanien,
 * ohne Flagge und ohne Klischee.
 */

.cq-quelle {
    --cq-quelle-a: #c8102e;   /* Rot  */
    --cq-quelle-b: #f0b323;   /* Gelb */

    position: relative;
    margin: 1.25rem 0;
    padding: 0.95rem 1.15rem 1rem;
    background: linear-gradient(180deg, #fffdf8 0%, #fffefb 100%);
    border: 1px solid #efe7d8;
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(40, 33, 20, 0.04);
    overflow: hidden;
}

/* Die Farbkante als ::before, damit sie den Radius mitnimmt. */
.cq-quelle::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, var(--cq-quelle-a), var(--cq-quelle-b));
}

.cq-quelle__label {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #9a8460;
    margin-bottom: 0.4rem;
}

/* Kleines Buchzeichen vor dem Label - reine Dekoration, deshalb
   aria-hidden im Template. */
.cq-quelle__label::before {
    content: "";
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    border-radius: 3px;
    background: linear-gradient(135deg, var(--cq-quelle-a), var(--cq-quelle-b));
    opacity: 0.85;
}

.cq-quelle__text {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.55;
    color: #4a4237;
}

.cq-quelle__marke {
    font-weight: 700;
    color: #2f2a22;
}

.cq-quelle__fuss {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.9rem;
    margin-top: 0.7rem;
}

/* Die Katalognummer ist fuer Sammler die eigentliche Brücke zwischen
   beiden Katalogen - deshalb als eigenes, monospaces Chip. */
.cq-quelle__code {
    display: inline-flex;
    align-items: baseline;
    gap: 0.4rem;
    padding: 0.2rem 0.55rem;
    background: #fff;
    border: 1px solid #e7dcc6;
    border-radius: 999px;
    font-size: 0.8rem;
    color: #6b5d45;
}

.cq-quelle__code b {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.85rem;
    font-weight: 700;
    color: #2f2a22;
    letter-spacing: 0.02em;
}

.cq-quelle__link {
    font-size: 0.85rem;
    font-weight: 600;
    color: #b0122c;
    text-decoration: none;
    border-bottom: 1px solid rgba(176, 18, 44, 0.3);
    transition: border-color 0.15s ease, color 0.15s ease;
}

.cq-quelle__link:hover {
    color: #8d0e23;
    border-bottom-color: currentColor;
}

.cq-quelle__link::after {
    content: " \2197";           /* Pfeil nach aussen */
    font-weight: 400;
}

@media (max-width: 480px) {
    .cq-quelle {
        padding: 0.85rem 0.95rem 0.9rem;
    }
    .cq-quelle__text {
        font-size: 0.9rem;
    }
}