@use './src/styles/colors' as *;
@use './src/styles/variables' as *;
@use './src/styles/fonts' as *;
@use './src/styles/layouts' as *;
@use './src/styles/screen' as *;
:host {
    display: grid;
    grid-template: auto auto / auto auto;
    padding: $space-l $space-xl;
    align-items: start;
    gap: $space-m;

    @include mobile() {
        grid-template: auto / auto;

        ::ng-deep {
            flight-actions share-button {
                display: none;
            }
        }
    }

    last-update {
        align-self: flex-end;
    }

    flight-actions {
        flex-wrap: wrap;

        margin-right: -$space-m;

        ::ng-deep .flight-actions__action {
            flex-shrink: 1;

            margin-bottom: $space-m;
        }
        ::ng-deep .flight-actions__action:last-child {
            margin-right: $space-m;

            @include mobile {
                margin-right: 0;
            }
        }
    }

    .block-route-update {
        display: flex;
        @include h-spacing($space-m);

        last-update {
            flex: 1;
        }

        @include gt-mobile() {
        }

        @include mobile() {
            align-items: stretch;
            flex-direction: column;
        }
    }
}
