/* Keikolog Kata-Übersicht – gekapselte Styles (Prefix kkl-) */

.kkl-container {
    --kkl-text: #222;
    --kkl-muted: #888;
    --kkl-border: #eee;
    color: var(--kkl-text);
    margin: 1.5em 0;
}

.kkl-group {
    margin-bottom: 1.75em;
}

.kkl-group-title {
    /* Schriftgröße/-gewicht vom WordPress-Theme übernehmen. */
    margin: 0 0 0.6em;
    padding-bottom: 0.3em;
    border-bottom: 2px solid var(--kkl-border);
}

.kkl-training {
    background: #fff;
    border: 1px solid var(--kkl-border);
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    padding: 0.9em 1.1em;
    margin-bottom: 0.9em;
}

.kkl-date {
    /* Schrift/Farbe vom WordPress-Theme übernehmen. */
    margin: 0 0 0.55em;
}

/* Liste, Listeneinträge (.kkl-kata) und Kata-Namen (<strong>) übernehmen die
   Styles vom WordPress-Theme – hier bewusst keine eigenen Overrides. */

.kkl-tag {
    display: inline-block;
    font-size: 0.72em;
    font-weight: 600;
    line-height: 1.6;
    padding: 0.1em 0.7em;
    border-radius: 999px;
    white-space: nowrap;
}

/* Kategorie-Farben (aus der Iaido-Planner-App übernommen) */
.kkl-tag.tag-znkr      { background: #e8f0fe; color: #5b8dd9; }
.kkl-tag.tag-omori     { background: #f3e8ff; color: #7c3aed; }
.kkl-tag.tag-chuden    { background: #d1fae5; color: #059669; }
.kkl-tag.tag-okuden-s  { background: #fef3c7; color: #d97706; }
.kkl-tag.tag-okuden-t  { background: #fee2e2; color: #dc2626; }
.kkl-tag.tag-sonstiges { background: #eee;    color: #888; }

.kkl-empty {
    color: var(--kkl-muted);
    font-style: italic;
}

@media (max-width: 480px) {
    .kkl-training {
        padding: 0.75em 0.85em;
    }
}