/* /assets/css/knowledge_base.css */

.knowledge-accordion .card {
    /* Efekt "mrożonego szkła" dla każdej karty akordeonu */
    background: var(--theme-card-bg-color); /* Użycie zmiennej */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 1rem;
    border-radius: 10px !important; /* Ważne, aby nadpisać style Bootstrapa */
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}

.knowledge-accordion .card-header {
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    padding: 0;
}

/* Styl przycisku z pytaniem */
.knowledge-accordion .btn-link {
    width: 100%;
    text-align: left;
    padding: 1rem 1.25rem;
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: 500;
    /* Używamy koloru zdefiniowanego w motywie dla body */
    color: inherit; 
    opacity: 0.9;
}

.knowledge-accordion .btn-link:hover {
    background: rgba(255, 255, 255, 0.1);
    opacity: 1;
}

/* Styl dla rozwijanej treści z odpowiedzią */
.knowledge-accordion .card-body {
    /* POPRAWKA: Ustawiamy stały, ciemny kolor dla maksymalnej czytelności */
    color: var(--theme-card-text-color); /* Użycie zmiennej */ 
    font-size: 1rem;
    line-height: 1.7;
    /* Cień jest już niepotrzebny przy ciemnym tekście */
    text-shadow: none;
}