/* Panaikiname standartinį naršyklės juodą trikampiuką */
details.is-style-vb-duk summary {
    list-style: none;
}
details.is-style-vb-duk summary::-webkit-details-marker {
    display: none;
}

/* Pagrindinis DUK bloko rėmelis */
details.is-style-vb-duk {
    background-color: #fff;
    color: #121212;
    border: 1px solid #dedede;
    box-sizing: border-box;
    margin-bottom: .24rem;
    border-radius: 2px;
}

/* Klausimo eilutė */
details.is-style-vb-duk summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.2rem 1rem 2rem;
    font-weight: 600;
    /* Paimta iš jūsų theme.json "contrast" spalvos arba var(--secondary-color) fallback */
    color: var(--wp--preset--color--contrast, #222222); 
    word-break: break-word;
    cursor: pointer;
    position: relative;
    /* Nuimame standartinį naršyklės mėlyną rėmelį, atsirandantį paspaudus (priklauso nuo naršyklės) */
    outline: none; 
}

/* Rodyklytė (uždaryta būsena) */
details.is-style-vb-duk summary::after {
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url("data:image/svg+xml,%3csvg focusable='false' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='none' stroke='%23111' stroke-width='.5' d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3e%3c/svg%3e") 50%/contain no-repeat;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
}

/* Rodyklytė ir tekstas (atidaryta būsena - WP naudoja [open] atributą, nereikia jokio JS) */
details.is-style-vb-duk[open] summary::after {
    background-image: url("data:image/svg+xml,%3csvg focusable='false' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%230099FF' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3e%3c/svg%3e");
}
details.is-style-vb-duk[open] summary {
    /* Paimta iš jūsų theme.json "Accent 1" spalvos */
    color: var(--wp--preset--color--accent-1, #005A9E);
}

/* 
 * Atsakymo turinio stiliai 
 * Kadangi WP Core neturi atskiro atsakymo "wrapperio", atitraukimus taikome patiems elementams 
 */
details.is-style-vb-duk > *:not(summary) {
    padding-inline: 2rem; /* Kairės ir dešinės atitraukimas */
    color: #333;
}

/* Pridedame atitraukimą bloko apačioje, kai jis atidarytas */
details.is-style-vb-duk[open] {
    padding-bottom: 1rem;
}

/* Panaikiname WP numatytą margin viršuje pirmajai pastraipai, kad tekstas nenuvažiuotų per toli nuo summary */
details.is-style-vb-duk > *:nth-child(2) {
    margin-block-start: 0;
}

/* Pastraipų šriftų dydžiai atsakymo viduje */
details.is-style-vb-duk > p {
    font-size: .96rem;
    line-height: 1.4rem;
}

/* Mobilios aplikacijos dizainas */
@media (max-width: 880px) {
    /* Sumažiname tarpus mobilioje versijoje tiek klausimui, tiek atsakymui */
    details.is-style-vb-duk summary,
    details.is-style-vb-duk > *:not(summary) {
        padding-inline: 1.2rem;
    }
}