/* =========================================
   FAQ KOMPONENTA — sve klase imaju faq- prefix
   Izvor dizajna: sport.aspx FAQ sekcija
   Klase kopirane 1:1 iz event.css + main.css
   Verzija: 2026-04-12-1845
   ========================================= */

/* ---- faq-wrapper ----
   Izvor: .card-soft (event.css:227) + Bootstrap .p-3 .p-md-4 .mb-4 */
.faq-wrapper {
    border: 1px solid #eef1f3;
    border-radius: 16px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.04);
    padding: 1rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
    .faq-wrapper {
        padding: 1.5rem;
    }
}

/* ---- faq-title ----
   Izvor: .section-title-seo (event.css:182) + .mt-0 */
.faq-title {

    border-bottom: 2px solid #eee;
    margin: 0 0 14px 0;
    padding-bottom: 8px;
    font-weight: 800;
    color: #495B69;
    font-size: 1.2rem;
}

/* ---- faq-intro ----
   Izvor: .faq-intro (event.css) + .mb-3 */
.faq-intro {
    margin-bottom: 1rem;
    line-height: 1.78;
    color: #2a2f33;
}

/* ---- faq-accordion ----
   Izvor: .accordion (Bootstrap reset) */
.faq-accordion {
}

/* ---- faq-item ----
   Izvor: .faq .accordion-item (event.css:273) */
.faq-item {
    border: 1px solid #eef1f3;
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 10px;
}

/* ---- faq-header ----
   Izvor: .accordion-header (Bootstrap) */
.faq-header {
    margin: 0;
}

/* ---- faq-question ----
   Izvor: .accordion-button (main.css:216) + .faq .accordion-button (event.css:268)
   + .accordion-button:not(.collapsed) (main.css:227) */
.faq-question {

    background-color: #f9f9f9;
    padding: 12px 15px;
    font-weight: 700;
    color: #28a745;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
    width: 100%;
    display: flex;
    align-items: center;
    border: 0;
    font-size: 1rem;
    text-align: left;
    cursor: pointer;
}

.faq-question.collapsed {
    color: #495B69;
    background-color: transparent;
    box-shadow: none;
}

.faq-question:focus {
    box-shadow: none;
    outline: none;
}

/* Izvor: .accordion-button::after (main.css:233) */
.faq-question::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 0.8rem;
    background-position: center;
    opacity: 0.6;
    transition: transform 0.2s ease-in-out;
}

.faq-question:not(.collapsed)::after {
    transform: rotate(-180deg);
}

/* ---- faq-answer ----
   Izvor: .accordion-body (Bootstrap) + .desc-text (event.css:191) */
.faq-answer {

    line-height: 1.78;
    text-align: justify;
    color: #2a2f33;
    padding: 1rem 1.25rem;
}