/* ─── Pattern: konsultacja-call ─────────────
   Sekcja alignfull z background-image + gradient overlay z lewej.
   Tekst (eyebrow → h1 → sub → lede) po lewej, prawa = background photo.
   Bottom: CTA card (telefon) + trust-row z 3 trust signals.

   Atomy: kordit-eyebrow, kordit-accent.
   Molecules: kordit-cta-card, kordit-trust-row.
   Tu: kontekstowy color: white na ciemnym tle + layout. */

.kordit-konsultacja {
    --konsultacja-pad: max(16px, calc((100vw - 1340px) / 2 + 32px));
    padding: var(--wp--preset--spacing--4-xl) 0;
    position: relative;
    isolation: isolate;
    color: var(--wp--preset--color--white);
}

/* Mobile — pionowy padding (4XL na desktop) zjeżdża do wspólnego rytmu XL.
   Global .kordit-section (base/section-rhythm) ustawia top/bottom = XL;
   tu zerujemy tylko poziomy padding, żeby zachować pełną szerokość tła. */
@media (max-width: 900px) {
    .kordit-konsultacja {
        padding-left: 0;
        padding-right: 0;
    }
}

/* Gradient overlay od lewej (czytelność tekstu na photo). */
.kordit-konsultacja::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, color-mix(in srgb, var(--wp--preset--color--primary) 95%, #00071c) 0%, transparent 40%);
    pointer-events: none;
    z-index: 0;
}

.kordit-konsultacja>* {
    position: relative;
    z-index: 1;
}

/* MAIN ROW — tekst po lewej, max 56ch. */
.kordit-konsultacja__text {
    max-width: 56ch;

    >* {
        margin: 0;
    }

    >*+* {
        margin-top: var(--wp--preset--spacing--lg);
    }
}

@media (max-width: 900px) {
    .kordit-konsultacja__text {
        max-width: 100%;
    }
}

/* __h1, __lede: typo z theme.json. Color dziedziczy biały z parent .kordit-konsultacja.
   Tylko marg/max-width pattern-specific. */
.kordit-konsultacja__h1 {
    margin: 16px 0;
}

/* __sub: subline z pionową czerwoną kreską po lewej */
.kordit-konsultacja__sub {
    display: flex;
    align-items: center;
    gap: var(--wp--preset--spacing--md);
    margin-top: var(--wp--preset--spacing--md);
}

.kordit-konsultacja__sub::before {
    content: "";
    flex: 0 0 3px;
    height: var(--wp--preset--spacing--lg);
    background: var(--wp--preset--color--accent-2);
    border-radius: 2px;
}

.kordit-konsultacja__lede {
    max-width: 44ch;
    margin-top: var(--wp--preset--spacing--xl);
}

/* BOTTOM ROW — CTA card + trust row */
.kordit-konsultacja__bottom {
    margin-top: var(--wp--preset--spacing--2-xl);
    display: grid;
    grid-template-columns: minmax(0, auto) minmax(0, 1fr);
    gap: var(--wp--preset--spacing--xl);
    align-items: center;
}

@media (max-width: 900px) {
    .kordit-konsultacja__bottom {
        grid-template-columns: 1fr;
    }
}