.tui-price-info-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: $color-blue-100;
  box-shadow: $box-shadow-sticky-bottom;
  z-index: 8;
  display: block;

  a.disabled {
    pointer-events: none;
    cursor: default;
    background: rgba($color-grey, .6);
    color: rgba($color-grey, .8);
  }

  .no-price-info-text {
    align-self: center;
    margin-right: 18px;
  }

  .tui-price-info {
    @extend .tui-container;
    @extend %flexbox-row;
    justify-content: space-between;
    align-items: center;
    padding: $margin-normal;
    flex-direction: row-reverse;

    .book {
      @extend %flexbox-row;
      order: 0;
    }
  }

  .original-price {
    display: none;

    @include breakpoint(sm) {
      color: $color-red-400;
      width: 195px;
      height: 54px;
      font-weight: bold;
      border-radius: $margin-half;
      background-color: $color-white;
      display: flex;
      align-items: center;
      justify-content: space-evenly;
      margin-right: $margin-double;
    }
  }

  .toggle-icon {
    display: inline-block;
    border: 1px solid $color-blue-500;
    margin-right: $margin-normal;
    align-self: center;
    order: 2;

    @include breakpoint(md) {
      display: none;
    }
  }

  .expand-symbol {
    display: block;
  }

  .price-example-wrap {
    @extend %flexbox-column;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: baseline;
    order: 1;
    align-self: center;
    padding: 0;
  }

  .price-example-legend {
    @extend %flexbox-column;
    align-items: baseline;
    align-self: stretch;
    margin: 0;
    color: $text-color;
    order: 1;
    overflow: hidden;
    position: absolute;
    bottom: $margin-sextuple;
    left: 0;
    right: 0;
    background: $color-blue-100;
    padding: 0 $margin-normal;
    box-shadow: $box-shadow-sticky-bottom;

    @include breakpoint(md) {
      position: static;
      flex-direction: row;
      box-shadow: none;
      align-self: baseline;
    }

    /* stylelint-disable max-nesting-depth */
    @at-root {
      .cruise .tui-card & {
        flex-direction: row;
        justify-content: space-between;
        order: 0;

        li {
          flex-direction: row;
        }
      }
    }
    /* stylelint-enable */

    li {
      @extend %flexbox-row;
      flex-direction: row-reverse;
      align-items: center;
      padding: 0;
      margin: 0;

      &:first-child {
        margin-left: 0;
      }

      &:last-child {
        margin-right: 0;
      }

      .pictogram {
        margin: $margin-half $margin-half $margin-half 0;
        flex-shrink: 0;
      }

      .text {
        margin: $margin-half $margin-normal $margin-half 0;
      }

      .text:empty,
      .text:empty + svg {
        display: none;
      }
    }

    @include breakpoint(md) {
      position: relative;
      bottom: auto;
      display: flex;
      flex-direction: row;
      box-shadow: none;
      justify-content: flex-start;
    }
  }

  .price-divider {
    @include breakpoint(md) {
      display: none;
    }

    & + .price-example-legend {
      @include breakpoint(md) {
        display: none;
      }
    }
  }

  .price-example-main {
    @extend %flexbox-column;
    @include font-size(14);
    flex-wrap: nowrap;
    flex-direction: column-reverse;
    align-self: center;
    margin-bottom: 0;
    margin-left: 0;
    flex-grow: 1;
    line-height: 1;

    @include breakpoint(md) {
      @include font-size(18);
      align-self: flex-end;
      margin-bottom: $margin-half;
    }

    + .btn {
      white-space: nowrap;
      padding: $margin-normal;
    }
  }

  .price-example-legend,
  .price-example-wrap {
    @include breakpoint(md) {
      flex-flow: row nowrap;
      justify-content: flex-start;
      align-items: center;
      align-self: center;
      padding: 0;
    }

    li:nth-last-child(1) {
      margin-bottom: $margin-normal;

      @include breakpoint(md) {
        margin-bottom: 0;
      }
    }
  }

  .hotel-header-fixed {
    @include breakpoint(md) {
      background: $color-blue-100;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      box-shadow: $box-shadow-sticky-bottom;
    }
  }

  .price-example-from-price {
    @include font-size(34);
    font-weight: bold;
    padding-right: $margin-normal;
    flex-wrap: nowrap;
    white-space: nowrap;

    &:empty {
      + span {
        display: none;
      }
    }
  }

  &.cruise-price-info.search-package {
    @include font-size(16);

    .price-example-from-price {
      @include font-size(30);
    }

    .pictogram {
      width: calc(#{$margin-enterprise} - 2px);
      height: calc(#{$margin-enterprise} - 2px);
    }
  }
}

.price-example-text {
  padding-right: $margin-half;
}

.content-cards-list {
  .tui-price-info-wrap {
    @extend %flexbox-row;
    justify-content: flex-end;
    position: static;
    box-shadow: none;
    padding-top: $margin-enterprise;

    .toggle-icon {
      display: none;
    }

    &.cruise-price-info {
      padding: $margin-half $margin-normal $margin-normal;

      .tui-price-info {
        @extend %flexbox-column;
        width: 100%;
        align-items: flex-end;

        /* stylelint-disable max-nesting-depth */
        .price-example-legend {
          width: 100%;
          flex-wrap: wrap;
          justify-content: space-between;

          li {
            flex-direction: row;
            justify-content: flex-start;
            margin-right: 0;

            @include breakpoint(sm) {
              min-width: 100px;
            }
          }

          .pictogram {
            width: $margin-enterprise;
            height: $margin-enterprise;
          }
        }
        /* stylelint-enable */
      }
    }

    .book {
      @extend %flexbox-row;
      justify-content: flex-end;

      .btn {
        display: none;
      }
    }

    .price-example-main {
      align-items: baseline;
      flex-direction: row-reverse;
    }

    .price-example-from-price {
      @include font-size(20);
    }
  }
}

.tui-card {
  .tui-price-info {
    @include font-size(14);
    flex-direction: column;
    width: auto;
    padding: 0;
    margin: 0;
    height: 100%;
    align-items: center;

    > ul {
      width: 100%;
      text-overflow: ellipsis;
      white-space: nowrap;
      flex-wrap: wrap;
    }
  }

  .price-example-legend {
    flex-direction: row;
    position: static;
    box-shadow: none;
    padding: 0;
    justify-content: flex-start;

    &.mini {
      display: none;
    }

    li {
      padding: 0;
      margin-right: $margin-normal;

      .text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
      }

      .price-example-travellers:empty {
        display: none;
      }
    }

    @include breakpoint(md) {
      flex-direction: column;
      align-items: flex-start;
      position: static;
    }

    .pictogram {
      width: 18px;
      height: 18px;
    }
  }

  .pricing {
    background-color: $color-blue-100;
    white-space: nowrap;
    justify-content: stretch;

    &.mini {
      width: 100%;
    }
  }

  .tui-price-info-wrap {
    justify-content: stretch;
    height: 100%;
    position: static;
    box-shadow: none;
    padding: $margin-normal;

    .price-example-main {
      justify-content: flex-start;
      flex-direction: row-reverse;
      align-items: baseline;

      &[data-content]:after {
        @include font-size(14);
        content: attr(data-content);
        margin-left: $margin-half;
      }
    }

    &.mini {
      background-color: $color-tui-white;

      .price-example-from-price {
        margin-right: $margin-normal;
      }
    }

    @include breakpoint(md) {
      padding: $margin-enterprise $margin-normal;
    }

    /* stylelint-disable max-nesting-depth */
    @include breakpoint(md) {
      .cruise .tui-price-info-wrap {
        padding: $margin-normal;
      }

      .price-example-main {
        margin-bottom: 0;
      }
    }
    /* stylelint-enable */

    .book {
      @extend %flexbox-row;
      justify-content: space-between;
      align-items: flex-end;
      width: 100%;
      font-weight: bold;

      @include breakpoint(md) {
        flex-wrap: wrap;
        justify-content: flex-end;
      }

      &.mini {
        justify-content: flex-end;
        width: 100%;
      }
    }

    .line-through {
      display: none;

      @include breakpoint(md) {
        display: block;
        text-decoration: line-through;
        margin-left: $margin-half;
      }
    }

    .is-bargain {
      @extend %flexbox-row;
      align-items: flex-start;
    }

    .is-message {
      display: none;

      @include breakpoint(md) {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        text-align: right;
      }
    }

    .price-example-from-price {
      @include font-size(24);
      padding: 0;
    }
  }
}

.tui-product-card.horizontal {
  .pricing {
    @include breakpoint(md) {
      flex-basis: 190px;
      min-width: 190px;
    }
  }
}

/* stylelint-disable selector-max-id, declaration-no-important */
.product-page {
  #talkNowActiveBoot,
  #humany_floating-faq-se,
  .humany-floating-trigger {
    display: none !important;
  }
}
/* stylelint-enable */