/*  content-editor.css — E2b 3a
 *
 *  Nur die Werkzeugleiste. Alles Uebrige (Karten, Farben, Knoepfe der
 *  Oberflaeche) gehoert dem Host: dieses Modul laeuft in Cavallearn UND in
 *  MaderStudio, und ein Modul, das die Farbwelt seines Hosts vorgibt, ist in
 *  jedem zweiten falsch.
 *
 *  Die Farben kommen deshalb aus CSS-Variablen MIT Rueckfallwert: setzt der
 *  Host sie, fuegt sich die Leiste ein; setzt er sie nicht, sieht sie trotzdem
 *  nach etwas aus.
 */

.cl-md-leiste {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    padding: .35rem;
    border: 1px solid var(--cl-rand, rgba(255, 255, 255, .14));
    border-bottom: 0;
    border-radius: .4rem .4rem 0 0;
    background: var(--cl-flaeche-2, rgba(255, 255, 255, .04));
}

.cl-md-knopf {
    min-width: 2rem;
    padding: .2rem .45rem;
    font-size: .82rem;
    line-height: 1.2;
    cursor: pointer;
    color: var(--cl-text, inherit);
    background: var(--cl-flaeche, transparent);
    border: 1px solid var(--cl-rand, rgba(255, 255, 255, .14));
    border-radius: .3rem;
}

.cl-md-knopf:hover {
    border-color: var(--cl-gold, #C8A000);
    color: var(--cl-gold, #C8A000);
}

.cl-md-knopf:active { transform: translateY(1px); }

/* Das Feld schliesst oben buendig an die Leiste an — sonst sieht es aus wie
   zwei Sachen, die nichts miteinander zu tun haben. */
.cl-md-leiste + textarea {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0;
}