/* Shared chrome for listing + crossselling cards.
   Layout stays in product-listing.css and crossselling.css. */

.to-product-card,
.to-crossselling-card {
    --to-card-font: var(--font-family-base);
    --to-card-title-size: var(--font-size-h6);
    --to-card-title-weight: var(--font-weight-regular);
    --to-card-title-line: 1.35;
    --to-card-title-color: var(--color-neutral);
    --to-card-add-size: var(--font-size-h6);
    --to-card-add-weight: var(--font-weight-bold);
    --to-card-add-height: 40px;
    --to-card-add-bg: var(--color-success);
    --to-card-add-hover: var(--color-success-hover);
    --to-card-price-size: 24px;
    --to-card-price-weight: 700;
    --to-card-delivery-size: var(--font-size-xs);
    --to-card-delivery-color: var(--color-success);
    --to-card-qty-size: var(--font-size-h6);
    --to-card-qty-width: 44px;
    --to-card-qty-border: var(--color-tertiary-75);
    --to-card-color-font: 10px;
    --to-card-media-bg: var(--color-bg-surface);
    --to-card-image-pad: var(--spacing-3);
    --to-card-rating-size: 13px;
    --to-card-rating-color: var(--color-tertiary-100);
    --to-card-rating-gap: 7px;
    --to-card-star-empty: #ffae00;
    --to-card-delivery-gap: 8px;
    --to-card-basket-gap: 7px;
    --to-card-commerce-gap: var(--spacing-4);
    --to-card-padding: var(--spacing-4);
    --to-card-gap: var(--spacing-6);
    --to-card-media-col: 224px;
    --to-card-commerce-col: 310px;
    --to-card-border: var(--color-tertiary-75);
    --to-card-border-width: 2px;
    --to-card-radius: var(--border-radius-sm);
    --to-card-facts-gap: var(--spacing-3);
    --to-card-marker-col: 92px;
    --to-card-marker-gap: var(--spacing-1);
    --to-card-marker-swatch: 14px;
    --to-card-marker-swatch-h: 16px;
    --to-card-ink-black: var(--color-ink-black);
    --to-card-ink-cyan: var(--color-ink-cyan);
    --to-card-ink-magenta: var(--color-ink-magenta);
    --to-card-ink-yellow: var(--color-ink-yellow);
    --to-card-ink-yellow-text: var(--color-ink-yellow-text);
    --to-card-specs-border: var(--color-tertiary-50);
    --to-card-specs-size: var(--font-size-xs);
    --to-card-bulk-size: var(--font-size-xs);
    --to-card-bulk-gap: var(--spacing-2);
    --to-card-bulk-save: var(--color-white);
    --to-card-soldout-border: var(--color-tertiary-75);
    --to-card-soldout-color: var(--color-tertiary-100);
}

.to-product-card,
.wi-crossselling-slider .to-crossselling-card {
    box-shadow: none;
    font-family: var(--to-card-font, var(--font-family-base));
}

#snackys-tpl .to-product-card,
#snackys-tpl .to-product-card *:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not([class^="fa-"]):not([class*=" fa-"]),
#snackys-tpl .to-product-card *:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not([class^="fa-"]):not([class*=" fa-"])::before,
#snackys-tpl .to-product-card *:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not([class^="fa-"]):not([class*=" fa-"])::after {
    font-family: var(--to-card-font, var(--font-family-base)) !important;
}

.to-product-card__media,
.wi-crossselling-slider .to-crossselling-card__media,
.wi-crossselling-slider .to-crossselling-card__image .img-ct {
    background: transparent;
}

.to-product-card__kind,
.wi-crossselling-slider .to-crossselling-card__kind {
    position: absolute;
    top: calc(-1 * var(--to-card-padding, 0px) + 1.5px);
    left: calc(-1 * var(--to-card-padding, 0px) + 1.5px);
    right: auto;
    bottom: auto;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 4px;
    max-width: 100%;
    min-height: 22px;
    margin: 0;
    padding: var(--spacing-2) var(--spacing-3);
    overflow: hidden;
    border-radius: var(--border-radius-sm) 0 var(--border-radius-xs) 0;
    box-shadow: 5px 5px 10px -10px #00000036;
    background: var(--color-white);
    color: var(--color-neutral);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-regular);
    line-height: 1;
}

.to-product-card__kind img,
.wi-crossselling-slider .to-crossselling-card__kind img {
    display: block;
    width: auto;
    height: calc(15px * var(--brand-logo-scale, 1));
    max-height: calc(15px * var(--brand-logo-scale, 1));
    object-fit: contain;
}

.to-product-card__kind-logo,
.wi-crossselling-slider .to-product-card__kind-logo {
    max-width: calc(65px * var(--brand-logo-scale, 1));
    height: calc(15px * var(--brand-logo-scale, 1));
}

.to-product-card__kind strong,
.wi-crossselling-slider .to-crossselling-card__kind strong {
    overflow: hidden;
    font-size: inherit;
    font-weight: var(--font-weight-regular);
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.to-product-card__kind--refill,
.wi-crossselling-slider .to-crossselling-card__kind--refill {
    color: var(--to-search-green, #00B831);
}


.to-product-card__image picture,
.wi-crossselling-slider .to-crossselling-card__image picture,
.wi-crossselling-list .to-product-card__image picture {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
}

.to-product-card__image img,
.to-product-card__product-image,
.wi-crossselling-list .to-product-card__image img,
.wi-crossselling-list .to-product-card__product-image {
    box-sizing: border-box;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center;
    mix-blend-mode: darken;
}

.wi-crossselling-slider .to-crossselling-card__image .img-ct img {
    box-sizing: border-box;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center;
    mix-blend-mode: darken;
}

.to-product-card__rating,
.wi-crossselling-slider .to-crossselling-card__rating {
    align-items: center;
    color: var(--to-card-rating-color) !important;
    display: flex;
    font-size: var(--to-card-rating-size);
    gap: var(--to-card-rating-gap);
}

.to-product-card__rating .rating,
.wi-crossselling-slider .to-crossselling-card__rating .rating {
    gap: 2px;
}

.to-product-card__rating .rating .img-ct.icon,
.wi-crossselling-slider .to-crossselling-card__rating .rating .img-ct.icon {
    width: 14px;
    height: 14px;
    color: var(--color-warning);
    fill: var(--color-warning);
}

.rating .img-ct.icon.is-empty {
    overflow: visible;
    color: var(--to-card-star-empty, #a9bee4);
}

.rating .img-ct.icon.is-empty svg,
.rating .img-ct.icon.is-empty path {
    overflow: visible;
    fill: none !important;
    stroke: currentColor;
    stroke-width: 6;
    stroke-linejoin: round;
}

.to-product-card__title,
.to-product-card__title a,
.to-crossselling-card__title,
.wi-crossselling-slider .to-crossselling-card__content > .to-crossselling-card__title,
.wi-crossselling-list .to-product-card__title {
    color: var(--to-card-title-color) !important;
    font-family: var(--to-card-font, var(--font-family-base));
    font-size: var(--to-card-title-size) !important;
    font-weight: var(--to-card-title-weight);
    line-height: var(--to-card-title-line) !important;
    letter-spacing: normal;
}

.to-product-card__add,
.wi-crossselling-slider .to-crossselling-card__add,
.wi-crossselling-list .to-product-card__add {
    min-height: var(--to-card-add-height);
    height: var(--to-card-add-height);
    padding: var(--spacing-2) var(--spacing-3);
    color: var(--color-white) !important;
    font-family: var(--to-card-font, var(--font-family-base));
    font-size: var(--to-card-add-size);
    font-weight: var(--to-card-add-weight);
    background: var(--to-card-add-bg) !important;
    border-color: var(--to-card-add-bg) !important;
    border-radius: var(--border-radius-sm);
}

.to-product-card__add:hover,
.to-product-card__add:focus,
.to-product-card__add:focus-visible,
.wi-crossselling-slider .to-crossselling-card__add:hover,
.wi-crossselling-slider .to-crossselling-card__add:focus,
.wi-crossselling-slider .to-crossselling-card__add:focus-visible,
.wi-crossselling-list .to-product-card__add:hover,
.wi-crossselling-list .to-product-card__add:focus,
.wi-crossselling-list .to-product-card__add:focus-visible {
    background: var(--to-card-add-hover) !important;
    border-color: var(--to-card-add-hover) !important;
    color: var(--color-white) !important;
}

.to-product-card__add:active,
.to-product-card__add.active,
.wi-crossselling-slider .to-crossselling-card__add:active,
.wi-crossselling-slider .to-crossselling-card__add.active,
.wi-crossselling-list .to-product-card__add:active,
.wi-crossselling-list .to-product-card__add.active {
    background: var(--color-success) !important;
    border-color: var(--color-success) !important;
    color: var(--color-white) !important;
}

.to-product-card__add-label,
.to-crossselling-card__add-label,
.wi-crossselling-slider .to-crossselling-card__add-label {
    font-size: inherit;
    font-weight: inherit;
}

.to-product-card__price,
.to-product-card__price-box--single .to-product-card__price,
.wi-crossselling-slider .to-crossselling-card__price .price,
.wi-crossselling-list .to-product-card__price,
.wi-crossselling-list .to-product-card__price-box--single .to-product-card__price {
    color: var(--to-card-title-color);
    font-family: var(--to-card-font, var(--font-family-base));
    font-size: var(--to-card-price-size);
    font-weight: var(--to-card-price-weight);
    letter-spacing: -.4px;
    line-height: 1;
}

.to-product-card__delivery,
.wi-crossselling-slider .to-crossselling-card__delivery,
.wi-crossselling-list .to-product-card__delivery {
    color: var(--to-card-delivery-color);
    font-family: var(--to-card-font, var(--font-family-base));
    font-size: var(--to-card-delivery-size);
    gap: var(--to-card-delivery-gap);
    line-height: 1;
}

.to-product-card__delivery {
    margin-bottom: var(--to-card-basket-gap);
}

.to-product-card__buy-row,
.wi-crossselling-slider .to-crossselling-card__buy-row,
.wi-crossselling-list .to-product-card__buy-row {
    gap: var(--spacing-2);
}

.to-product-card__quantity,
.to-product-card__quantity.btn-group,
.wi-crossselling-slider .to-crossselling-card__buy-row .quantity,
.wi-crossselling-list .to-product-card__quantity {
    height: var(--to-card-add-height);
    margin: 0;
    border: 2px solid var(--to-card-qty-border);
    border-radius: var(--border-radius-sm);
}

.to-product-card__quantity .quantity,
.wi-crossselling-slider .to-crossselling-card__buy-row .quantity,
.wi-crossselling-list .to-product-card__quantity .quantity {
    font-family: var(--to-card-font, var(--font-family-base));
    font-size: var(--to-card-qty-size);
    font-weight: var(--font-weight-bold);
}

@media (max-width: 767px) {
    #snackys-tpl .wi-crossselling-slider .to-crossselling-card__buy-row .quantity,
    #snackys-tpl .wi-crossselling-slider .to-crossselling-card__buy-row input.quantity.form-control {
        font-size: 16px !important;
    }
}