/* =====================================================================
 * FAQ blok — pitanja iz admina, isti prikaz na FAQ strani i na
 * stranicama za prijavu agenta/agencije.
 *
 * Prikaz se ograničava PO GRUPAMA, ne po pitanjima: rez usred grupe je
 * ostavljao naslove tema bez ijednog pitanja ispod njih.
 *
 * Sve grupe su u HTML-u i kad stoji „Prikaži još"; višak je samo
 * sakriven. Tako Google vidi cio sadržaj (FAQPage rich results),
 * pretraga radi nad svim pitanjima, a otkrivanje je trenutno — bez
 * zahtjeva ka serveru. AJAX bi se isplatio tek u hiljadama stavki.
 *
 * Izgled pretrage (.mini-search) i dugmeta (.load-more) dolazi iz
 * main.css — ovdje su samo stanja koja ta dva ne pokrivaju.
 * ===================================================================== */

.faq-group--hidden,
.faq-item--hidden {
    display: none;
}

/* Razmak iznad naslova teme.
   Naslov je prvo dijete svoje grupe, pa ga `.text h3:first-child` iz main.css
   obara na `margin-top: 0 !important` — zbog toga i ovdje mora !important,
   inače pravilo nema nikakav efekat. */
.faq-block .faq-group h3[data-faq-group-title] {
    margin-top: 50px !important;
}

/* Prva tema stoji odmah ispod pretrage; tamo dodatni razmak nije potreban.
   Ide preko rednog broja, a ne preko :first-of-type — prvi `div` u bloku je
   polje za pretragu, pa bi :first-of-type promašio. */
.faq-block [data-faq-group-index='1'] h3[data-faq-group-title] {
    margin-top: 0 !important;
}

@media screen and (max-width: 575px) {
    .faq-block .faq-group h3[data-faq-group-title] {
        margin-top: 35px !important;
    }
}

.faq-no-results {
    margin: 25px 0 0;
    color: rgba(51, 51, 51, 0.7);
    font-style: italic;
}
.faq-no-results[hidden] {
    display: none;
}

/* Grupa koju je pretraga ispraznila nema šta da prikaže — ni svoj naslov. */
.faq-group[hidden] {
    display: none;
}

/* Kad se sve otkrije, tekst i strelice nestaju, a okvir ostaje kao
   razdjelnik prema pozivu na akciju ispod. */
.faq-block .load-more.is-exhausted {
    cursor: default;
}
.faq-block .load-more.is-exhausted > * {
    display: none;
}
.faq-block .load-more:focus-visible {
    outline: 2px solid #446654;
    outline-offset: 4px;
}