@mixin intermediate-landing-size {
    .svg {
        width: 20.5px;
        height: 6.5px;
    }
}

transfer-inline {
    display: flex;
    margin-right: $space-m;
    max-width: 100%;

    &.flight-options-icon,
    .flight-options-icon {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        padding: $space-s 0;
        width: 38px;
        border-radius: $border-radius;
        background-color: $blue-extra-light;
        overflow: hidden;

        flight-details-full-route &,
        .single-flight & {
            margin-bottom: 0px;
        }

        &__text {
            @include font-small();
            @include font-overflow();
            display: none;
            padding: 0;
        }

        &__icon {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: center;

            .svg {
                max-height: $label-shift-height;
                max-width: 38px;
            }
        }

        &.hit-rate {
            background-color: transparentize($orange, 0.8);

            .flight-options-icon__icon {
                .svg {
                    width: 14.935px;
                    height: 15.11px;
                }
            }
        }

        &.stock {
            background-color: $blue-icon;

            .flight-options-icon__icon {
                .svg {
                    width: 14.935px;
                    height: 15.11px;
                }
            }
        }

        

        &.intermediate-landing {
            background-color: transparent;
            border: 1px solid $border;
            width: auto;

            .flight-options-icon__icon {
                padding-left: $space-m;
                padding-right: $space-m;

                @include intermediate-landing-size();

                svg {
                    fill: $orange;
                }
            }
        }

        &.flight-transfer {
            background-color: transparent;
            border: 1px solid $border;
            width: auto;

            .flight-options-icon__icon {
                padding-left: $space-m;
                padding-right: $space-m;

                .svg {
                    width: 20.5px;
                    height: 6.5px;
                    fill: $orange;
                }
            }
        }
    }

    .p-accordion-header.p-highlight &.intermediateLanding,
    .p-accordion-header.p-highlight &.intermediateLandingMulti,
    .p-accordion-header.p-highlight &.flightTransfer {
        display: none;
    }
}
