/* AdriaVeza FAQ accordion — centralni frontend stil */
.av-faq {
    margin: 2rem 0;
    padding: 1.25rem;
    border: 1px solid #b8d7ef;
    border-radius: 12px;
    background: #f2f8fd;
}

.av-faq > h2 {
    margin-top: 0;
    margin-bottom: 1rem;
    color: #174f7a;
}

.av-faq__intro {
    margin-bottom: 1rem;
}

.av-faq__items {
    display: grid;
    gap: 0.75rem;
}

.av-faq__item {
    margin: 0;
    border: 1px solid #c9deef;
    border-radius: 9px;
    background: #fff;
    overflow: clip;
}

.av-faq__question {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 1rem 3.25rem 1rem 1rem;
    color: #0b5ea8;
    background: #e7f3fc;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.45;
    cursor: pointer;
    list-style: none;
    text-decoration: none;
}

.av-faq__question::-webkit-details-marker {
    display: none;
}

.av-faq__question::marker {
    content: "";
}

.av-faq__question::after {
    position: absolute;
    top: 50%;
    right: 1rem;
    display: inline-grid;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    transform: translateY(-50%);
    border: 1px solid #8cbfe2;
    border-radius: 50%;
    background: #fff;
    color: #0b5ea8;
    content: "+";
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
}

.av-faq__item[open] > .av-faq__question::after {
    content: "−";
}

.av-faq__question:hover {
    color: #084b85;
    background: #dceefe;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18em;
}

.av-faq__question:focus-visible {
    outline: 3px solid #4b9bd3;
    outline-offset: -3px;
}

.av-faq__answer {
    padding: 0.9rem 1rem 1rem;
    color: inherit;
}

.av-faq__answer > :first-child {
    margin-top: 0;
}

.av-faq__answer > :last-child {
    margin-bottom: 0;
}

/* Čitljiv rezervni prikaz ako je u bazi ostao standardni FAQ v1. */
.av-faq article.av-faq__item > .av-faq__question {
    cursor: default;
}

.av-faq article.av-faq__item > .av-faq__question::after {
    display: none;
}

@media (max-width: 575.98px) {
    .av-faq {
        padding: 1rem;
        border-radius: 10px;
    }

    .av-faq__question {
        padding: 0.9rem 3rem 0.9rem 0.9rem;
    }

    .av-faq__answer {
        padding: 0.8rem 0.9rem 0.9rem;
    }
}

/* Djelomično označeni FAQ blokovi dobivaju jednak prikaz i prije trajne
   standardizacije sadržaja. JavaScript im dodaje standardne klase u DOM-u. */
.av-faq > details.av-faq__item,
.av-faq > .av-faq__items > details.av-faq__item {
    margin-top: 0.75rem;
}

.av-faq > h2 + details.av-faq__item,
.av-faq > .av-faq__intro + details.av-faq__item,
.av-faq > p + details.av-faq__item {
    margin-top: 1rem;
}

/* AdriaVeza "Najčešće pogreške" accordion — svijetla ružičasto-crvena varijanta */
.av-mistakes {
    margin: 2rem 0;
    padding: 1.25rem;
    border: 1px solid #dca6ab;
    border-radius: 12px;
    background: #fff4f5;
}

.av-mistakes > h2 {
    margin-top: 0;
    margin-bottom: 1rem;
    color: #7f2630;
}

.av-mistakes__intro {
    margin-bottom: 1rem;
}

.av-mistakes__items {
    display: grid;
    gap: 0.75rem;
}

.av-mistakes__item {
    margin: 0;
    border: 1px solid #e2b8bc;
    border-radius: 9px;
    background: #fff;
    overflow: clip;
}

.av-mistakes__question {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 1rem 3.25rem 1rem 1rem;
    color: #8e2631;
    background: #fdebed;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.45;
    cursor: pointer;
    list-style: none;
    text-decoration: none;
}

.av-mistakes__question::-webkit-details-marker { display: none; }
.av-mistakes__question::marker { content: ""; }

.av-mistakes__question::after {
    position: absolute;
    top: 50%;
    right: 1rem;
    display: inline-grid;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    transform: translateY(-50%);
    border: 1px solid #d08b92;
    border-radius: 50%;
    background: #fff;
    color: #8e2631;
    content: "+";
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
}

.av-mistakes__item[open] > .av-mistakes__question::after { content: "−"; }
.av-mistakes__question:hover { color: #6f1f28; background: #f9dfe2; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
.av-mistakes__question:focus-visible { outline: 3px solid #c7646e; outline-offset: -3px; }
.av-mistakes__answer { padding: 0.9rem 1rem 1rem; color: inherit; }
.av-mistakes__answer > :first-child { margin-top: 0; }
.av-mistakes__answer > :last-child { margin-bottom: 0; }

@media (max-width: 575.98px) {
    .av-mistakes { padding: 1rem; border-radius: 10px; }
    .av-mistakes__question { padding: 0.9rem 3rem 0.9rem 0.9rem; }
    .av-mistakes__answer { padding: 0.8rem 0.9rem 0.9rem; }
}