@import 'wizard';
@import 'custom_fields';

fieldset.client,
.field.person-id,
.field.birth-date
{
    .js &:not(.selected)
    {
        display: none;
    }
}

fieldset.client,
fieldset[data-trigger-name]
{
    .js & legend
    {
        @include visually-hidden;
    }
}

// policy (octa, kasko, travel) metadata
.registrant-meta
{
    @include page-content;
    @include separated-list;

    margin-top: steps(-1);
}

p.note
{
    @include page-content;

    @include for-at-least-normal-tablets
    {
        text-align: center;
    }

    &.term,
    &.price
    {
        margin-top: steps(-1);
        margin-bottom: steps(2.5);
        font-weight: bold;
    }
}

.summary
{
    padding-bottom: steps(2.5);
    border-bottom: 1px solid $color-border-normal;
    margin-top: steps(3);
    margin-bottom: steps(2) - 1px;

    @include for-at-least-normal-tablets
    {
        margin-bottom: steps(5) - 1px;

        .note
        {
            margin-top: steps(4);
        }

        .field.agree
        {
            display: block;
            max-width: steps(56);
            margin-left: auto;
            margin-right: auto;

            &:last-child
            {
                margin-bottom: steps(1);
            }

            .control.checkbox,
            .error
            {
                width: auto;
                margin-left: 0;
            }
        }
    }

    .field
    {
        @include horizontal-field;
        @include horizontal-summary-field;
    }
}
