@import './saving-shopping-list-modal';

.shared-shopping-list {
  .header-line-break {
    @include media-breakpoint-down(sm) {
      display: none;
    }
  }

  .empty-shared-shopping-list {
    h4 {
      margin-bottom: 15px;
      font-weight: 500;

      @include media-breakpoint-up(md) {
        margin-bottom: 25px;
        font-size: 1.5em;
      }
    }

    .view-my-shopping-list {
      button {
        width: 230px;

        @include media-breakpoint-down(sm) {
          width: 100%;
        }
      }
    }
  }

  .my-shared-shopping-list {
    .shop-list-info {
      &_item {
        font-weight: 400;
      }

      &__ref {
        padding-top: 10px;
        font-size: 1rem;

        &_value {
          overflow-wrap: anywhere;
          word-break: break-all;
        }
      }

      &_call-action {
        a {
          margin: 0 6px;
        }

        .icon {
          height: 20px;
          width: 20px;
          margin: 0 17px 0 0;
        }

        .share-call {
          font-weight: 500;

          @include media-breakpoint-up(md) {
            margin-right: 65px;
          }
        }
      }

      div {
        width: 50%;
      }

      @include media-breakpoint-down(sm) {
        flex-direction: column;

        div {
          width: 100%;
          text-align: center;
        }

        .shop-list-info_item {
          margin-bottom: 20px;
        }
      }

      @include media-breakpoint-only(md) {
        div {
          width: auto;
        }

        &_item {
          margin-right: 50px;
        }
      }
    }
  }

  .ios-custom-share-icon {
    margin-right: 13px;

    path {
      transition: fill 0.2s ease;
    }
  }

  .btn-secondary:hover,
  .btn-secondary:active,
  .btn-secondary:focus {
    .ios-custom-share-icon path {
      fill: $white !important;
    }
  }
}

.tp-app {
  .btn-back-to-project-list {
    display: none !important;
  }
}

.copy-link_hovered {
  color: $blue-dark;
}