/*
 * Readmore component styles ("Text mit Weiterlesen Option")
 *
 * Used on (as of 2026-05-29, CType text_readmore):
 *   - /leasing/firmenfahrrad-leasing
 *   - /blog/artikel/3d-drucker-wunderwerkzeug-fuer-den-mittelstand
 *   - /leasing/was-ist-eine-leasinggesellschaft
 *
 * Source: extracted from frontend/scss/includes/elements/_readmore.scss
 */
.readmore {
    & .trigger {
        margin-bottom: 1rem;

        & a {
            position: relative;
            display: inline-block;
            padding-right: 15px;

            &::after {
                font-family: Consolas, monospace;
                content: '\203A';
                font-size: 1.125rem;
                margin-left: 3px;
                position: absolute;
                top: 0;
                right: 0;
            }
        }
    }

    & .text {
        overflow: hidden;
        opacity: 0;
        line-height: 0;
        transition: opacity 200ms, line-height 200ms;

        & p {
            margin-bottom: 0;
            transition: margin 200ms;
        }
    }

    &.opened {
        & .trigger a::after {
            font-family: Consolas, monospace;
            content: '\2039';
            font-size: 1.125rem;
            margin-right: 3px;
        }

        & .text {
            line-height: 1.5;
            opacity: 1;

            & p {
                margin-bottom: 1rem;
            }
        }
    }
}