/* assets/css/tabs/cannabinoids.css */

/* --- SPEZIFISCHE TYPOGRAFIE --- */
#cannabinoids .full-name {
    font-size: 0.9rem;
    font-weight: normal;
    color: var(--text-light);
}

#cannabinoids .subtitle {
    margin: 10px 0 5px 0;
    font-size: 1rem;
    color: var(--text-main);
    display: block;
}

#cannabinoids .profile {
    font-size: 0.9rem;
    color: var(--text-light);
    margin-bottom: 15px;
    line-height: 1.5;
}

/* --- AKKORDEON FÜR DETAILS (Big Six) --- */
.more-info {
    margin-top: 15px;
    border-top: 1px dashed var(--border-color);
    padding-top: 10px;
}

.more-info summary {
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: bold;
    color: var(--primary-color);
    outline: none;
    transition: color 0.2s;
    list-style: none; /* Entfernt Standard-Dreieck */
}

/* Webbrowserspezifisches Entfernen des Dreiecks */
.more-info summary::-webkit-details-marker {
    display: none;
}

.more-info summary:hover {
    color: var(--primary-dark);
}

/* --- ANWENDUNGSLISTE --- */
.application-list {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
}

.application-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    font-size: 0.85rem;
    background: rgba(255, 255, 255, 0.7);
    padding: 10px;
    border-radius: 8px;
    line-height: 1.4;
}

.application-list .icon {
    font-size: 1.2rem;
    margin-right: 12px;
    min-width: 25px;
    text-align: center;
}

.application-list .app-text strong {
    display: block;
    color: var(--text-main);
    margin-bottom: 2px;
}

/* --- OPTIONAL: KATEGORIE-HINTERGRÜNDE --- */
/* Falls du die spezifischen Hintergrundfarben aus der allerersten Vorlage 
   (z.B. für CBD, CBG) beibehalten willst, werden diese hier definiert */
.cbd { background-color: #f1f8f5; border-color: #a3c9b8; }
.cbg { background-color: #fff9f0; border-color: #f1dfa9; }
.cbn { background-color: #f0f4ff; border-color: #a9c1f1; }
.cbc { background-color: #fef1f8; border-color: #f1a9ca; }
.derivatives { background-color: #f5f0ff; border-color: #c0a9f1; }