/* ===========================
   Accordion
   =========================== */

.accordion {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.accordion__item {
    padding: 20px 24px;
    transition: background-color 0.2s ease;
}

.accordion__item--aktywny {
    background-color: #f0f7fc;
}

.accordion__naglowek {
    display: flex;
    align-items: center;
    gap: 16px;
}

.accordion__naglowek--klikalny {
    cursor: pointer;
    user-select: none;
}

.accordion__ikona {
    color: var(--color_blue);
    font-size: 1.2rem;
    flex-shrink: 0;
}

.accordion__tytul {
    flex: 1;
    font-weight: 600;
    font-size: 1rem;
}

.accordion__strzalka {
    color: var(--color_blue);
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.accordion__item--aktywny .accordion__strzalka {
    transform: rotate(180deg);
}

/* Treść */
.accordion__tresc {
    display: none;
    padding-top: 16px;
    padding-left: calc(1.2rem + 16px); /* wyrównanie do tytułu */
    line-height: 1.7;
}

.accordion__item--aktywny .accordion__tresc {
    display: block;
}

/* Mobile */
@media (max-width: 768px) {
    .accordion__item {
        padding: 16px;
    }
}

/* Warianty kolorystyczne */
.accordion--niebieski .accordion__ikona,
.accordion--niebieski .accordion__strzalka {
    color: var(--color_blue);
}
.accordion--niebieski .accordion__item--aktywny {
    background-color: #f0f7fc;
}

.accordion--fioletowy .accordion__ikona,
.accordion--fioletowy .accordion__strzalka {
    color: var(--color_violet);
}
.accordion--fioletowy .accordion__item--aktywny {
    background-color: #f7f0f7;
}

.accordion--zielony .accordion__ikona,
.accordion--zielony .accordion__strzalka {
    color: var(--color_green);
}
.accordion--zielony .accordion__item--aktywny {
    background-color: #f5faed;
}

.accordion--pomaranczowy .accordion__ikona,
.accordion--pomaranczowy .accordion__strzalka {
    color: var(--color_orange);
}
.accordion--pomaranczowy .accordion__item--aktywny {
    background-color: #fff5eb;
}