/**
 * Konsolidace půjček
 * ------------------------------------------------------
 * Stránka používá světle modrý základ #F4F7FF místo růžového.
 * Bílé karty s jemným modrým rámečkem, růžová zůstává jen
 * jako drobný akcent (dělicí čárka, čísla kroků, ornamenty).
 *
 * Umísti do: assets/css/pages/konsolidace.css
 */

.page-template-page-konsolidace {
    background-color: #F4F7FF;
}

.konsolidace-banner,
.section-intro,
.konsolidace-benefits,
.konsolidace-steps,
.konsolidace-for-whom,
.konsolidace-faq {
    --konsolidace-card-bg: #ffffff;
    --konsolidace-card-border: rgba(28, 49, 173, 0.12);
    --konsolidace-soft-bg: #F4F7FF;
}


/**
 * Hero — světle modré pozadí s jemnými kruhy
 */
.konsolidace-banner {
    background:
        radial-gradient(circle at calc(100% - 50px) -80px,
            rgba(28, 49, 173, 0.07) 0,
            rgba(28, 49, 173, 0.07) 180px,
            transparent 181px),
        radial-gradient(circle at calc(100% - 120px) calc(100% + 40px),
            rgba(28, 49, 173, 0.09) 0,
            rgba(28, 49, 173, 0.09) 90px,
            transparent 91px),
        #F4F7FF;
}


/* Intro pod bannerem */
.section-intro > .home-header {
    padding-top: 120px;
    padding-bottom: 40px;
}


/**
 * Výhody — bílé karty na modrém pozadí
 */
.konsolidace-benefits .section-features-list-item {
    background: var(--konsolidace-card-bg);
    border: 1px solid var(--konsolidace-card-border);
    border-radius: 24px;
    padding: 40px 28px;
}

.konsolidace-benefits .section-features-list-item-image {
    width: 72px;
    height: 72px;
    padding: 16px;
    box-sizing: content-box;
    background: var(--konsolidace-soft-bg);
    border-radius: 50%;
    margin-bottom: 24px;
}


/**
 * Kroky — ikona v bílém kroužku s rámečkem
 */
.konsolidace-steps .section-steps-list-item-image {
    background: var(--konsolidace-card-bg);
    border: 1px solid var(--konsolidace-card-border);
    border-radius: 50%;
    padding: 24px;
    box-sizing: content-box;
    width: 100px;
    height: 100px;
    object-fit: contain;
}


/**
 * Pro / Proti panely
 */
.konsolidace-for-whom {
    padding-bottom: 40px;
}

.konsolidace-for-whom-body {
    display: flex;
    justify-content: center;
    gap: 30px;
    width: var(--content-width);
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.konsolidace-for-whom-panel {
    flex: 1;
    background: var(--konsolidace-card-bg);
    border: 1px solid var(--konsolidace-card-border);
    border-radius: 32px;
    padding: 50px 55px 44px;
    box-sizing: border-box;
    position: relative;
}

.konsolidace-for-whom-panel::before {
    content: "";
    position: absolute;
    left: 55px;
    top: 0;
    width: 56px;
    height: 4px;
    background: var(--blue-color);
    border-radius: 0 0 3px 3px;
}

.konsolidace-for-whom-panel:nth-child(2)::before {
    background: #FF9DA9;
}

.konsolidace-for-whom-panel-title {
    color: var(--blue-color);
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 28px;
    margin-top: 10px;
    line-height: 1.4;
}

.konsolidace-for-whom-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.konsolidace-for-whom-list li {
    position: relative;
    padding-left: 34px;
    line-height: 1.6;
    font-size: 17px;
    color: #3a3a3a;
}

.konsolidace-for-whom-list li + li {
    margin-top: 14px;
}

.konsolidace-for-whom-list li::before {
    position: absolute;
    left: 0;
    top: 3px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    box-sizing: border-box;
}

.konsolidace-for-whom-list[data-variant="pro"] li::before {
    content: "✓";
    background-color: var(--blue-color);
    color: #fff;
}

.konsolidace-for-whom-list[data-variant="con"] li::before {
    content: "×";
    background-color: var(--konsolidace-card-bg);
    border: 1.5px solid var(--blue-color);
    color: var(--blue-color);
}


/**
 * CTA pruh — override růžového pozadí z template-parts/cta-money
 * Cílí se jen na konsolidační stránku.
 */
.page-template-page-konsolidace .cta-section-action {
    background: var(--konsolidace-card-bg);
    border: 1px solid var(--konsolidace-card-border);
}


/**
 * FAQ — zabalené do bílé karty
 */
.konsolidace-faq .section-info-items {
    max-width: 900px;
    margin: 0 auto;
    background: var(--konsolidace-card-bg);
    border: 1px solid var(--konsolidace-card-border);
    border-radius: 24px;
    padding: 20px 40px;
}


/**
 * Responsive
 */
@media (max-width: 1100px) {
    .konsolidace-for-whom-body {
        flex-direction: column;
        gap: 24px;
    }

    .konsolidace-for-whom-panel {
        padding: 40px 36px 36px;
        border-radius: 28px;
    }

    .konsolidace-for-whom-panel::before {
        left: 36px;
    }
}

@media (max-width: 768px) {
    .section-intro > .home-header {
        padding-top: 80px;
        padding-bottom: 20px;
    }

    .konsolidace-for-whom-panel {
        padding: 32px 26px 28px;
        border-radius: 22px;
    }

    .konsolidace-for-whom-panel::before {
        left: 26px;
        width: 44px;
    }

    .konsolidace-for-whom-panel-title {
        font-size: 19px;
    }

    .konsolidace-for-whom-list li {
        font-size: 16px;
    }

    .konsolidace-faq .section-info-items {
        padding: 12px 24px;
        border-radius: 18px;
    }

    .konsolidace-benefits .section-features-list-item {
        padding: 32px 24px;
    }
}