/* ── Split Content widget ─────────────────────────────────── */

.activ8-split-content {
    display: block;
}

/* ── Accent separator ────────────────────────────────────── */

.activ8-split-content__separator {
    border-top: 1px solid var(--sc-accent, var(--color-primary));
    margin-bottom: var(--space-lg);
}

/* ── Flex row ────────────────────────────────────────────── */

.activ8-split-content__row {
    display: flex;
    flex-direction: var(--sc-direction, row);
    gap: var(--space-xxl);
    align-items: center;
}

/* ── Media column ────────────────────────────────────────── */

.activ8-split-content__media {
    flex: 0 0 48%;
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.activ8-split-content__media img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* ── Text column ─────────────────────────────────────────── */

.activ8-split-content__text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

/* ── Label ───────────────────────────────────────────────── */

.activ8-split-content__label {
    font-size: var(--text-sm);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--sc-accent, var(--color-primary));
    margin-top: calc(-1 * var(--space-sm)); /* tuck under separator */
}

/* ── Heading ─────────────────────────────────────────────── */

.activ8-split-content__heading {
    font-size: clamp(var(--text-xl), 2.5vw, var(--text-3xl));
    font-weight: 700;
    line-height: var(--leading-tight);
    color: var(--color-black);
    margin: 0;
    text-align: var(--sc-align, left);
}

/* ── Body ────────────────────────────────────────────────── */

.activ8-split-content__body {
    font-size: var(--text-base);
    line-height: var(--leading-loose);
    color: var(--color-grey-dark);
    text-align: var(--sc-align, left);
}

.activ8-split-content__body ul {
    list-style-position: inside;
}

.activ8-split-content__body p {
    margin: 0 0 var(--space-sm);
}

.activ8-split-content__body p:last-child {
    margin-bottom: 0;
}

/* ── Button ──────────────────────────────────────────────── */

.activ8-split-content__btn {
    display: inline-block;
    align-self: var(--sc-align-self, flex-start);
    padding: 0.75rem 2rem;
    font-size: var(--text-base);
    font-weight: 600;
    border-radius: var(--radius-pill);
    border: 2px solid transparent;
    text-decoration: none;
    cursor: pointer;
    transition: opacity var(--transition);
}

.activ8-split-content__btn:hover {
    opacity: 0.85;
    text-decoration: none;
}

/* Text-link style: arrow hint */
.activ8-split-content--btn-link .activ8-split-content__btn::after {
    content: ' →';
}

/* ── Mobile: stack, image always above text ──────────────── */

@media (max-width: 768px) {
    .activ8-split-content__row {
        flex-direction: column !important;
        gap: var(--space-lg);
    }

    .activ8-split-content__media {
        flex: none;
        width: 100%;
        border-radius: var(--radius-md);
    }
}