// generic rules
section.chill-entity {

    // display inline for render raw
    // have no effect for render label, bloc !
    display: inline;

    // don't break flex cascade with section tag
    div.flex-bloc & {
        display: flex;
        flex-grow: 1; flex-shrink: 1; flex-basis: auto;
    }
}

// specific rules
.chill-entity {

    // used for: entity-person, entity-thirdparty
    &.entity-person,
    &.entity-thirdparty {

        div.entity-label {
            div.denomination {
                &.h3 {
                    font-size: 1.3em;
                    font-weight: 700;
                }
                a {
                    text-decoration: none;
                }
                span.badge {
                    margin-left: 0.3em;
                }
                span.id-number {
                    font-weight: lighter;
                    font-size: 50%;
                    margin-left: 0.5em;
                    &:before { content: '(n°'; }
                    &:after { content: ')'; }
                }
            }
            p.moreinfo {}
        }
        div.entity-bloc {}
    }

    // address render_box
    &.entity-address {
        div.noaddress {}
        div.address {
            margin: 0.7em 0;
            font-size: 98%;
            font-variant: small-caps;

            &.multiline {
                p {
                    display: block;
                }
            }
            p {
                display: inline-block;
                margin: 0 0 0 1.5em;
                text-indent: -1.5em;

                &.street {
                    &.street1 {}
                    &.street2, &.streetnumber {}
                }
                &.postalcode {
                    span.code {}
                    span.name {}
                }
                &.country {}
            }
        }
        span.address-since {}
    }
}