/*
 * Дерево документів (template-parts/docs-tree.php) у вкладці «Документи»
 * блоку «Умови кредитування»: розділ (плашка) → папка (рядок з текою) →
 * документ. Структура й відступи — як на tpozyka, кольори — палітра bizpozyka.
 */
.bp-tree {
    --bp-tree-panel: rgba(61, 84, 77, 0.24);
    --bp-tree-accent: #FFBE15;
    --bp-tree-green: #2BB32A;
    --bp-tree-muted: rgba(255, 255, 255, 0.6);
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 0 2.5rem;
}

/* ---- рівень 1: розділи ---------------------------------------------------- */
.bp-tree__item { background: var(--bp-tree-panel); border-radius: 20px; }
.bp-tree__head {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 80px;
    padding: 20px;
    cursor: pointer;
    list-style: none;
}
.bp-tree__head::-webkit-details-marker { display: none; }
.bp-tree__head::marker { content: ''; }
.bp-tree__ic {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    background: var(--bp-tree-green);
    -webkit-mask: url('../static_images/docs/ic-cabinet.svg') center / 40px 40px no-repeat;
            mask: url('../static_images/docs/ic-cabinet.svg') center / 40px 40px no-repeat;
}
.pablick_content .bp-tree__title,
.bp-tree__title {
    flex: 1;
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: none;
    color: #fff;
}
.bp-tree__chev {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    background: var(--bp-tree-muted);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
    transition: transform .25s ease;
}
.bp-tree__item[open] > .bp-tree__head > .bp-tree__chev { transform: rotate(180deg); }
.bp-tree__head:hover > .bp-tree__title { color: var(--bp-tree-accent); }
.bp-tree__panel { padding: 0 20px 20px; }

/* ---- рівень 2: папки — не картка, а рядок з текою всередині розділу ----- */
.bp-tree--sub { gap: 0; margin: 0; }
.bp-tree--sub > .bp-tree__item { background: none; border-radius: 0; }
.bp-tree--sub > .bp-tree__item > .bp-tree__head { min-height: 0; padding: 10px 0 10px 50px; }
.bp-tree--sub > .bp-tree__item > .bp-tree__head > .bp-tree__ic {
    width: 30px;
    height: 30px;
    -webkit-mask-image: url('../static_images/docs/ic-folder.svg');
            mask-image: url('../static_images/docs/ic-folder.svg');
    -webkit-mask-size: 30px 30px;
            mask-size: 30px 30px;
}
.pablick_content .bp-tree--sub .bp-tree__title,
.bp-tree--sub .bp-tree__title { font-size: 1.125rem; font-weight: 600; line-height: 1.35; }
.bp-tree--sub > .bp-tree__item > .bp-tree__panel { padding: 0 0 10px; }

/* ---- рівень 3: документи ------------------------------------------------- */
.pablick_content .bp-docs,
.bp-docs { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.bp-docs__item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 5px 0 5px 50px;
    min-height: 30px;
}
/* Документ у папці — ще на рівень глибше. */
.bp-tree--sub .bp-docs__item { padding-left: 90px; }
/* Вкладена папка «Архів» — ще на рівень глибше за документи своєї папки. */
.bp-tree--arch > .bp-tree__item > .bp-tree__head { padding-left: 90px; }
.bp-tree--arch .bp-docs__item { padding-left: 130px; }
.bp-docs__ic {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    background: var(--bp-tree-accent);
    -webkit-mask: url('../static_images/docs/ic-document.svg') center / 22px 24.4px no-repeat;
            mask: url('../static_images/docs/ic-document.svg') center / 22px 24.4px no-repeat;
}
.bp-docs__name {
    flex: 1 1 auto;
    min-width: 0;
    padding-top: 5px;
    font-size: 1rem;
    line-height: 1.4;
    color: #fff;
    overflow-wrap: anywhere;
}
.pablick_content .bp-docs__link,
.bp-docs__link {
    flex: 0 0 auto;
    padding-top: 5px;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.4;
    color: var(--bp-tree-accent);
    text-decoration: underline;
    transition: color .2s ease;
}
.pablick_content .bp-docs__link:hover,
.bp-docs__item:hover .bp-docs__link { color: #fff; }
/* Рядок «Архів» — посилання на сторінку архіву, сірий, як на tpozyka. */
.bp-docs__item--arch > .bp-docs__ic { background: var(--bp-tree-muted); }

/* Текстові блоки розділу «Контакти» — поля підвала зі своїми <p>/<strong>. */
.bp-docs__info { padding: 5px 0 5px 50px; font-size: .875rem; line-height: 1.4; color: #fff; }
.bp-docs__info + .bp-docs__info { margin-top: 10px; }
.bp-docs__info p { margin: 0 0 10px; }
.bp-docs__info p:last-child { margin-bottom: 0; }
.bp-docs__info--muted { color: var(--bp-tree-muted); }

@media (max-width: 991px) {
    .bp-tree__head { min-height: 0; padding: 16px 18px; }
    .bp-tree__ic { width: 30px; height: 30px; -webkit-mask-size: 30px 30px; mask-size: 30px 30px; }
    .pablick_content .bp-tree__title,
    .bp-tree__title { font-size: 1.125rem; }
    .bp-tree__panel { padding: 0 18px 18px; }

    .bp-tree--sub > .bp-tree__item > .bp-tree__head { padding: 10px 0; }
    .pablick_content .bp-tree--sub .bp-tree__title,
    .bp-tree--sub .bp-tree__title { font-size: 1rem; }

    /* На вузьких екранах вкладені відступи з'їдають рядок — прибираємо їх,
       а посилання переносимо під назву. */
    .bp-docs__item,
    .bp-tree--sub .bp-docs__item { padding-left: 0; flex-wrap: wrap; }
    .bp-tree--arch > .bp-tree__item > .bp-tree__head,
    .bp-tree--arch .bp-docs__item { padding-left: 20px; }
    .bp-docs__info { padding-left: 0; }
    .pablick_content .bp-docs__info p { font-size: inherit; }
    .bp-docs__name { flex: 1 1 0; padding-top: 3px; font-size: .875rem; }
    .bp-docs__link { flex: 1 1 100%; padding: 0 0 5px 40px; }
}

/* ---- усередині вкладки «Документи» -------------------------------------- */
/* Вкладка без рамки, фону й відступів — дерево стоїть просто на сторінці. */
.main-accordion .bp-tree { margin: 0; }
/* Згорнуте дерево коротке, а розкрите — прокручується разом зі сторінкою:
   внутрішня прокрутка панелі з розкривними папками незручна. */
.main-accordion .accordion_body-content--docs {
    max-height: none;
    overflow: visible;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
}
/* Плашка «Оформити кредит», поки відкрита ця вкладка, — теж без фону й рамки,
   інакше під деревом висів би окремий зелений шматок. */
.main-accordion:has(.accordion_body-content--docs.active) .accordion_bottom {
    padding: 20px 0 0;
    background: none;
    border: 0;
    border-radius: 0;
}
/* Світла тема версії для слабозорих (fix.css) фарбує вкладку в azure. */
.special.theme-white .main-accordion .accordion_body .accordion_body-content--docs.active { background: none; }
.special.theme-white .main-accordion:has(.accordion_body-content--docs.active) .accordion_bottom { background: none; }