/*** ALL LAYOUTS ***/
.listing-header-text {
    display: inline-block;
}

.listing-item[data-listing-url], .listing-item [data-listing-url] {
    cursor: pointer;
}
.listing-item .certification-logo img {
    width: 15px;
}
.listing-item .cta-actionable[action="layout-listing__cart-add"] .cta-text,
.listing-item .cta-actionable[action="layout-listing__store-redirect"] .cta-text{
    white-space: nowrap;
}
.listing-item .cta-actionable[action="layout-listing__cart-add"] .cta-text:after {
    content: ' +';
}

.listing-item .prices-group .price-regular {
    text-decoration: line-through;
}


/*** LISTING TILE ***/
.listing-item-tile {
    width: 15rem;
}
.listing-item-tile .listing-item {
    position: relative;
    padding: 1rem 0.75rem 0 0.75rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.listing-item-tile .listing-item .bottle-shot {
    margin-left: auto;
    margin-right: auto;
    height: 18rem;
    margin-bottom: 0.5rem;
}
.listing-item-tile .listing-item .bottle-shot img {
    max-width: 100%;
    max-height: 100%;
}
.listing-item-tile .listing-item .certification-logo {
    position: absolute;
    right: 1rem;
    width: 1.5rem;
}
.listing-item-tile .listing-item .details-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.listing-item-tile .listing-item .details-container .name {
    width: 100%;
    height: 6rem;
}
.listing-item-tile .certification-logo img {
    margin-bottom: 0.5rem;
}
.listing-item-tile .listing-item .listing-eorder-marker img {
    width: 1.5rem;
    height: 1.7rem; /* corresponds to font-L2 desktop font-size */
}
.listing-item-tile .listing-item .cta-actionable[action="layout-listing__cart-add"] .cta-text,
.listing-item-tile .listing-item .cta-actionable[action="layout-listing__store-redirect"] .cta-text {
    display: inline;
    font-size: 1rem;
}

@media (min-width: 768px) {
    .listing-item-tile {
        width: 27rem;
    }
    .listing-item-tile .listing-item {
        padding: 1.5rem 3rem 0 3rem;
    }
    .listing-item-tile .listing-item .bottle-shot {
        height: 28rem;
    }
    .listing-item-tile .listing-item .certification-logo {
        right: 3rem;
    }
}


/*** LISTING LIST ***/
.listing-item-list {
    position: relative;
}
.listing-item-list .listing-item {
    position: relative;
}
.listing-item-list .listing-item > *:not(.bottle-shot) {
}
.listing-item-list .listing-item .bottle-name-certification-container {
    padding-left: 40px;
}
.listing-item-list .listing-item .details-price-container {
    padding-left: 0;
}
.listing-item-list .listing-item .bottle-shot {
    position: relative;
    width: 100%;
    max-width: 20rem;
    height: 9rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.listing-item-list .listing-item .bottle-shot .rotate-me-90 {
    position: relative;
    padding: 50% 0;
    overflow-y: visible;
}
.listing-item-list .listing-item .bottle-shot img {
    position: absolute;
    /*top: 0;*/
    bottom: 0;
    left:50%;
    transform: translateX(-50%);
    max-height: 100%;
}
.listing-item-list .certification-logo {
    display: flex;
    flex-direction: column;
    width: 20px;
}
.listing-item-list .certification-logo img {
    width: 15px;
    height: 30px;
    margin: 0 auto;
}
.listing-item-list .listing-item .cta-actionable[action="layout-listing__cart-add"] .cta-text,
.listing-item-list .listing-item .cta-actionable[action="layout-listing__store-redirect"] .cta-text {
    display: inline;
}
@media (min-width: 575px) {
    .listing-item-list .listing-item .details-price-container {
        padding-left: 40px;
    }
}
@media (min-width: 768px) {
    .listing-item-list .listing-item .details-price-container {
        padding-left: 0;
    }
}


/*** listing-item-list - usage: cart ***/
.listing-item-list .listing-item .cart-qty-edit > * {
    max-height: 45px;
}
.listing-item-list .listing-item .cart-qty-edit .cta-actionable[action^="layout-listing__qty-edit"] {
    padding: 0 1.5rem;
    height: 100%;
    min-height: initial;
}
.listing-item-list .listing-item .cart-qty-edit .cta-actionable[action^="layout-listing__qty-edit"] .cta-text {
    width: 10px;
}
.listing-item-list .listing-item .cart-qty-edit .cta-actionable[action^="layout-listing__qty-edit"] .cta-text img {
    width: 100%;
    min-height: 1px; /* Making the `-` minimum 1px high */
    max-height: 10px; /* Making the `+` into a perfect square if it tries scaling too big */
}
.listing-item-list .listing-item .cta-actionable[action="layout-listing__delete"] .cta-text {
    font-size: 1rem;
}


/*** listing-item-list - usage: ext-catalogue ***/
.listing-item-list .listing-selector-container {
    position: absolute; 
    top: calc(45px - 10px); /* Based on the picture height of 90px */
    left: 1rem;
    z-index: 1;
}
.listing-item-list .listing-selector-container input.custom-control-input {
    /* To enlarge the checkbox clickable area */
    margin-top: -40px;
    margin-left: -10px;
    width: 40px;
    height: 100px;
}
.listing-item-list .listing-selector-container .custom-control-label {
}
.listing-item-list .listing-selector-container .custom-control-label:before,
.listing-item-list .listing-selector-container .custom-control-label:after {
    top: 0 !important;
}
@media (min-width: 768px) {
    .listing-item-list .listing-selector-container {
        top: calc(50% - 10px);
    }
}

/* Forking from the default agency-text rendering */
.listing-item-list .listing-item .cart-qty-edit .agency-text {
    height: auto;
}
.listing-item-list .listing-item .cart-qty-edit .qty {
    min-width: 5rem;
    line-height: 4rem;
}

.listing-item-list .listing-item.deactivated > *:not(.undo-delete) {
    opacity: 0.3;
}
.listing-item-list .listing-item .undo-delete {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.listing-item-list .listing-item .undo-delete .cta-actionable[action="layout-listing__undo-delete"] {
    width: 100%;
    height: 100%;

    background: rgba(210, 210, 210, 0.5) !important; /* bgcolor-C10 opacity-50 */
}

/*** Vertical separator ***/
.listing-item-list .listing-item .separator-prefix:before {
    content: '|';
    padding: 0 0.5rem;
}
@media (max-width: 575.98px) {
    .listing-item-list .listing-item .separator-prefix-xs:before {
        content: '|';
        padding: 0 0.5rem;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .listing-item-list .listing-item .separator-prefix-sm:before {
        content: '|';
        padding: 0 0.5rem;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .listing-item-list .listing-item .separator-prefix-md:before {
        content: '|';
        padding: 0 0.5rem;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .listing-item-list .listing-item .separator-prefix-lg:before {
        content: '|';
        padding: 0 0.5rem;
    }
}
@media (min-width: 1200px) {
    .listing-item-list .listing-item .separator-prefix-xl:before {
        content: '|';
        padding: 0 0.5rem;
    }
}