.foley-c7-ui-wine-listing {
	position: relative;
}

.foley-c7-ui-wine-listing.is-loading {
	opacity: 0.65;
	pointer-events: none;
}

.foley-c7-ui-wine-listing__controls {
	margin-bottom: 4.5rem;
}

.foley-c7-ui-wine-listing__controls-grid {
	display: grid;
	font-size: .875rem;
	gap: 1rem;
	margin-bottom: 1rem;
}

.foley-c7-ui-wine-listing__control {
	align-items: center;
	display: flex;
	flex-direction: row;
	/*flex-direction: column;*/
	gap: 0.5rem;

	label {
		white-space: nowrap;
	}
}

.foley-c7-ui-wine-listing__control--sort {
	grid-column: 4;
}

.foley-c7-ui-wine-listing__label {
	font-weight: 600;
}

.foley-c7-ui-wine-listing__choices {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.foley-c7-ui-wine-listing__choice {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}

.foley-c7-ui-wine-listing__select {
	/*min-width: 0;
	width: 100%;*/
	min-width: 17.5ch;
}

.foley-c7-ui-wine-listing__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.foley-c7-ui-wine-listing__grid {
	display: grid;
	gap: 3rem 1.5rem;
	grid-template-columns: repeat(var(--foley-c7-ui-columns-mobile), minmax(0, 1fr));
}

.foley-c7-ui-wine-listing__item {
	min-width: 0;
}

.foley-c7-ui-wine-card {
	display: flex;
  flex-direction: column;
	height: 100%;
	position: relative;

	.actions-overlay {
    align-items: center;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    flex-direction: column;
    gap: 2rem;	
    justify-content: center;
    inset: 0;
		opacity: 0;
    padding: 1.5rem;
		position: absolute;
		transition: opacity .3s ease-in-out;

		

		.buttons {
			@media(width > 1024px) {
				display: grid;
				gap: 1rem;
				width: fit-content;
			}

			.outline {
				background: rgb(from var(--color-white, #fff) r g b / .5);
				
				&:hover {
					background: rgb(from var(--color-white, #fff) r g b / .5);
					color: rgb(from var(--button-background) r g b / .75);
					outline-color: rgb(from var(--button-background) r g b / .75);
				}
			}
		}
		
		@media(width <= 1024px) {
			display: contents;

			.sub-details,
			.button:not(.js-c7-add-to-cart) {
				display: none !important;
			}
		}

	}

	&:hover {
		.actions-overlay {
			opacity: 1;
		}
	}
}

.foley-c7-ui-wine-listing__item--promo {
	padding-bottom: .5rem;

	@media(min-width:1025px) {
		display: flex;
		
		 .foley-c7-ui-promo-card {
			height: auto;
			margin-block: 0.325rem auto;
		}
	}

	@media(width <= 1024px) {
		grid-column: span 2;
		grid-row: 2;
		padding-bottom: 1.5rem;
	}
	
	.foley-c7-ui-promo-card__inner {
		padding-bottom: 2rem;
	}
	
	.foley-c7-ui-promo-card__content {
		padding-inline: 2rem;
	}
}

.foley-c7-ui-promo-card {
	background-color: var(--promo-background-color, var(--color-option-1));
  border-radius: 0.75rem;
  color: var(--promo-text-color, var(--color-white, #fff));
	height: 100%;
	margin-inline: auto;
  overflow: clip;
  text-align: center;

	@media(width > 1024px) {
		max-width: 270px;
	}
}

.foley-c7-ui-promo-card__inner {
	color: inherit;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	height: 100%;	
  padding: 0 0 1rem;
	text-decoration: none;


	&:visited,
	&:hover,
	&:focus,
	&:active {
		color: inherit !important;
	}
}

.foley-c7-ui-promo-card__media img,
.foley-c7-ui-promo-card__media .foley-c7-ui-promo-card__image {
	display: block;
	width: 100%;
	height: auto;
}

.foley-c7-ui-promo-card__content {
	display: flex;
	flex-direction: column;
	
	/*flex-grow: 1;*/
	/*gap: 0.75rem;*/
	gap: 1.5rem;
	padding-inline: 1rem;
}

.foley-c7-ui-promo-card__title,
.foley-c7-ui-promo-card__message {
	color: inherit;
	margin: 0;
}

.foley-c7-ui-promo-card__title {
	font-size: var(--h4-font-size);
}

.foley-c7-ui-promo-card__message {
	font-size: 1rem;
}

.foley-c7-ui-wine-card .media img,
.foley-c7-ui-wine-card .media .foley-c7-ui-wine-card__image {
	display: block;
	width: 100%;
	height: auto;
}

.foley-c7-ui-wine-card__image-placeholder {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 4;
	background: rgba(0, 0, 0, 0.08);
}

.foley-c7-ui-wine-listing__empty {
	padding: 1rem 0;
}

.foley-c7-ui-wine-listing__pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 1.5rem;
}

.foley-c7-ui-wine-listing__page {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	padding: 0.5rem 0.75rem;
	text-decoration: none;
	border: 1px solid currentColor;
}

.foley-c7-ui-wine-listing__page.is-current {
	font-weight: 700;
}

.foley-c7-ui-wine-listing__load-more {
	margin-top: 1.5rem;
}

.foley-c7-ui-wine-listing .action-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

@media (min-width: 769px) {
	.foley-c7-ui-wine-listing__controls-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.foley-c7-ui-wine-listing__grid {
		grid-template-columns: repeat(var(--foley-c7-ui-columns-tablet), minmax(0, 1fr));
	}
}

@media (min-width: 1025px) {
	.foley-c7-ui-wine-listing__controls-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.foley-c7-ui-wine-listing__grid {
		grid-template-columns: repeat(var(--foley-c7-ui-columns-desktop), minmax(0, 1fr));
	}
}


.foley-c7-ui-wine-listing__results {

  .wine-price {
		padding-top: .5rem;

    .c7-product__add-to-cart__form {
      align-items: stretch;
    }

    .c7-product__add-to-cart__form__quantity {
      input {
        height: 40px;
        padding: .5rem .5rem;
        width: 44px;
      }
		}
  }

  .action-buttons {
		margin-top: auto;
    padding-top: 0 !important;
	}
	
	.title {
		font-size: 1.125rem !important;
	}
}