.theme-basket,
.theme-activities {
	&--item-name,
	&--item-unit,
	&--item-location,
	&--item-date {
		font-size: 90%;
		margin-left: 10px;

		@media(max-width: $very-small-limit) {
			margin-left: 0;
		}

		&::before {
			display: inline-block;
			width: 1rem;
			margin-right: 0.2rem;
			font-family: FontAwesome;
			text-align: center;
		}
	}

	&--item-name::before { content: "\f007"; }
	&--item-location::before { content: "\f041"; }
	&--item-date::before { content: "\f133"; }
}

.theme-basket {
	&--item {
		display: flex;
		flex-direction: row;
		margin-bottom: 10px;
		border-bottom: $cell-entry-border;

		@media(max-width: $very-small-limit) {
			flex-wrap: wrap;
		}
	}

	&--item-details {
		width: 100%;
		flex-grow: 1;
		margin-bottom: 10px;
	}

	&--item-activity {
		font-weight: bold;
	}

	&--item-summary {
		display: flex;
		flex-grow: 1;
		flex-direction: row;
		align-items: center;
		margin-bottom: 10px;
	}

	&--item-price {
		flex-grow: 1;
		font-weight: bold;
		width: 3rem;
	}

	&--delete-button {
		&::before {
			font-family: FontAwesome;
			content: "\f1f8";  // trash
		}

		margin-right: 0 !important;
		padding-right: 30px !important;
	}

	&--footer {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
	}

	&--empty-button,
	&--validate-button {
		margin: 5px 5px !important;
	}

	&--empty-button {
		@extend .cancel-button;
	}
}

.theme-activities {
	&--search {
	  display: grid;
	  grid-auto-rows: auto;
	  align-items: center;
	  grid-template-columns: auto auto;
	  margin-bottom: 2rem;

	  @media($max-mobile-viewport) {
		grid-template-columns: auto;
	  }
	}

	&--criteria-label {
		margin: 1rem 1rem 0.5rem 0;

		@media($max-mobile-viewport) {
			margin-bottom: 0.2rem;
			margin-top: 1rem;
		}
	}

	&--items {
	  display: grid;
	  grid-auto-rows: auto;
	}

	&--item {
		display: flex;
		flex-wrap: wrap;
		justify-content: right;

		margin-bottom: 1rem;
		padding-top: 1rem;
		border-top: 1px solid $cell-entry-border-color;

		@media($max-mobile-viewport) {
			align-items: end;
		}

		&:not(.filtered) {
			display: none;
		}
	}

	&--item-label {
		position: relative;
		width: 100%;
		font-weight: bold;
		cursor: pointer;
		display: flex;
		align-items: center;
		padding-right: calc(#{$title-font-size} + 0.5rem);
		margin-bottom: 0.5rem;

		&::after {
			position: absolute;
			top: -1rem;
			right: 0;
			font-size: $title-font-size;
			margin: 0 0.5rem;
			font-family: FontAwesome;
			color: $title-color;
			content: $cell-close-foldable-icon;
		}
	}

	&--item.collapsed &--item-label::after {
		content: $cell-open-foldable-icon;
	}

	&--item-type {
		margin-left: 10px;
	}

	&--item-summary {
		flex-grow: 1;
		display: flex;
		flex-direction: column;

		@media($min-desktop-viewport) {
			flex-direction: row;
		}
	}

	&--item-details {
		width: 100%;
		flex-grow: 1;
		margin-bottom: 10px;
	}

	&--item.collapsed &--item-details {
		display: none;
	}

	&--pagination {
		@extend .cell-items-pagination;
	}

	&--criteria-option[aria-disabled=true] {
		display: none;
	}
}
