.rtc {
    background: var(--wp--preset--color--white);
    padding: 56px 0;
}

.rtc__wrap {
    max-width: 640px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

/* ── Collapsible body ───────────────────────────────────────────────── */
.rtc__body {
    position: relative;
    width: 100%;
    overflow: hidden;
    transition: max-height 0.35s ease;
}

.rtc__body--collapsed {
    max-height: 130px;
}

.rtc__body--collapsed .rtc__fade {
    display: block;
}

/* ── Fade gradient overlay ──────────────────────────────────────────── */
.rtc__fade {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
    background: linear-gradient(to bottom, transparent, var(--wp--preset--color--white));
    pointer-events: none;
}

/* ── Rich text content ──────────────────────────────────────────────── */
.rtc__content,
.rtc__content p {
    font-family: 'EYInterstate', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    color: var(--wp--preset--color--dark);
    margin: 0;
}

.rtc__content p + p {
    margin-top: 16px;
}

/* ── Toggle button ──────────────────────────────────────────────────── */
.rtc__btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 11px 16px;
    background: none;
    border: none;
    cursor: pointer;
    font-family: 'EYInterstate', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: var(--wp--preset--color--dark);
    white-space: nowrap;
}

.rtc__btn:hover { opacity: 0.7; }

.rtc__btn-icon {
    transition: transform 0.25s ease;
    flex-shrink: 0;
}

.rtc__btn[aria-expanded="true"] .rtc__btn-icon {
    transform: rotate(180deg);
}

.rtc__btn[aria-expanded="true"] .rtc__btn-label::before {
    content: 'Pokaż mniej';
}

.rtc__btn[aria-expanded="false"] .rtc__btn-label::before {
    content: 'Pokaż więcej';
}

.rtc__btn-label { font: inherit; }
/* hide the inline text — label driven by ::before */
.rtc__btn-label { font-size: 0; }
.rtc__btn-label::before { font-size: 14px; }

/* ── Mobile ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .rtc {
        padding: 56px 0;
    }

    .rtc__wrap {
        max-width: 312px;
    }
}

/* ── Dark mode ─────────────────────────────────────────────────────── */

html[data-theme="dark"] .rtc {
    background: var(--wp--preset--color--dark, #2E2E39);
}

html[data-theme="dark"] .rtc__fade {
    background: linear-gradient(to bottom, transparent, var(--wp--preset--color--dark, #2E2E39));
}

html[data-theme="dark"] .rtc__content,
html[data-theme="dark"] .rtc__content p {
    color: rgba(255, 255, 255, .65);
}

html[data-theme="dark"] .rtc__btn {
    color: rgba(255, 255, 255, .85);
}

html[data-theme="dark"] .rtc__btn:hover {
    opacity: 1;
    color: var(--wp--preset--color--yellow, #FFE500);
}

html[data-theme="dark"] .rtc__btn-icon path {
    stroke: currentColor;
}